Browse Source

feat: rewamp landing page

simple.css
Garrit Franke 3 years ago
parent
commit
64c3ab49b1
Signed by: garrit
GPG Key ID: 65586C4DDA55EA2C
  1. 159
      index.html

159
index.html

@ -7,115 +7,74 @@
<meta name="description" content="Where developers can collectively learn and grow."> <meta name="description" content="Where developers can collectively learn and grow.">
<meta name="keywords" content="Developers, Dev, Community, Open, Free"> <meta name="keywords" content="Developers, Dev, Community, Open, Free">
<title>/dev.space</title> <title>/dev.space</title>
<link rel="stylesheet" href="styles/index.css" />
<link rel="shortcut icon" href="favicon.svg" type="image/svg+xml" /> <link rel="shortcut icon" href="favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
<!-- Plausible analytics --> <!-- Plausible analytics -->
<script async defer data-domain="slashdev.space" src="https://analytics.slashdev.space/js/plausible.js"></script> <script async defer data-domain="slashdev.space" src="https://analytics.slashdev.space/js/plausible.js"></script>
</head> </head>
<body> <body>
<section class="welcome"> <header>
<div class="welcome__container"> <h1>/dev.space</h1>
<h1 class="welcome__text-area__heading">/dev.space</h1> <nav>
<h3 class="welcome__text-area__subheading"> <a href="/" target="__blank">Home</a>
Where developers can collectively learn and grow. <a href="/research-and-development" target="__blank">R&D</a>
</h3> <a href="https://git.slashdev.space" target="__blank">Code</a>
<p class="description"> </nav>
Whether you're freshly starting out, or you are just looking </header>
to connect with likeminded people. /dev.space is the <main>
community you've been looking for. <h1>Hello!</h1>
</p> <p>
</div> We’re a tiny and independent development studio based in Germany.
</section> </p>
<section class="services"> <p>
<div class="services__container"> The mission of /dev.space is to make software approachable for
<h2 class="services__heading">Our Services</h2> everyone. We want to enable people to write software by researching
<p class="description"> complex topics and sharing what we are learning in simple terms.
Our suite of online services helps you turn your project </p>
ideas into reality. <p>
</p> Everyone should be able to understand the software they're
<div class="services__offers"> using without compromises. We work toward this goal by:
<div class="services__offers__card"> </p>
<h1 class="services__offers__card__heading">Chat</h1> <ul>
<p class="services__offers__card__description"> <li>
We're hosting our own Matrix server to keep in touch Contributing to existing projects and helping improve
and share ideas. documentation
</p> </li>
<a <li>
href="https://matrix.slashdev.space" Writing software that is easy to use and hack on
class="button__link" </li>
> <li>
<p>Join a room</p> Researching novel and complex areas of software development
</a> with a goal to make them approachable for newcomers
</div> </li>
<li>
Help others build on the knowledge they already have
</li>
</ul>
<div class="services__offers__card"> <h2>Support Us</h2>
<h1 class="services__offers__card__heading">
Code Hosting
</h1>
<p class="services__offers__card__description">
We use Gitea to collaboratively work on our code.
</p>
<a
href="https://git.slashdev.space"
class="button__link"
>
<p>Set up your account</p>
</a>
</div>
<div class="services__offers__card"> <p>
<h1 class="services__offers__card__heading">Boards</h1> If you share our vision and want to support our work, please
<p class="services__offers__card__description"> consider donating to us today and help us continue to
We provide free Kanban boards to plan your projects. exist.
</p> </p>
<a <div>
href="https://boards.slashdev.space" <a href="https://donate.slashdev.space">
class="button__link" <button>
> Donate with Fosspay
<p>Get agile</p> </button>
</a> </a>
</div> <a href="https://liberapay.com/slashdev.space/donate">
</div> <button>
</div> Donate with Liberapay
</section> </button>
<section class="contact"> </a>
<div class="contact__container">
<h2>How to join</h2>
<p>
/dev.space is a free and open community. Anyone and everyone
is welcome. Simply join our Matrix server and chat with us.
Already got an account on another instance? Great!
</p>
<a
class="button__link button__contact"
href="https://matrix.to/#/#lobby:matrix.slashdev.space"
><p>#lobby:matrix.slashdev.space</p></a
>
</div>
</section>
<section class="support-us">
<div class="support-us__container">
<h2>Support Us</h2>
<p>
The services on this platform are 100% free of charge.
Hosting servers does have its price though. Consider
supporting us by leaving a small donation.
</p>
<div class="support-us__donations__container">
<a
class="button__link support-us__donations__button"
href="https://donate.slashdev.space"
><p>Donate with Fosspay</p></a
>
<a
class="button__link support-us__donations__button"
href="https://liberapay.com/slashdev.space/donate"
><p>Donate with Liberapay</p></a
>
</div>
</div> </div>
</section>
</main>
</body> </body>
<footer> <footer>
Copyright © 2021 Garrit Franke and /dev.space contributers.<br /> Copyright © 2021 Garrit Franke and /dev.space contributers.<br />

Loading…
Cancel
Save