Adding some margins, messing with navbar.

This commit is contained in:
Dessalines 2020-09-28 18:07:42 -05:00
parent db54a2f352
commit f3ae1e3c0b
2 changed files with 16 additions and 7 deletions

View file

@ -7,6 +7,9 @@
<link rel="stylesheet" href="https://unpkg.com/chota@latest">
<link rel="shortcut icon" type="image/svg+xml" href="/images/lemmy.svg" />
<style>
:root {
--grid-maxWidth: 108rem;
}
@font-face {
font-family: 'CaviarDreams';
src: url('/fonts/CaviarDreams.ttf') format('truetype');
@ -26,8 +29,8 @@
}
.icon {
display: inline-block;
max-width: 2rem;
max-height: 2rem;
max-width: 1.5rem;
max-height: 1.5rem;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
@ -42,14 +45,11 @@
<div class="container">
<nav class="nav">
<div class="nav-left">
<a href="/join">Join</a>
<a class="brand" href="/"><img src="/images/lemmy.svg"></a>
<a href="/apps">Apps</a>
<a href="/sponsors">Sponsors</a>
<a href="https://dev.lemmy.ml/docs/index.html">Docs</a>
</div>
<div class="nav-center">
<a class="brand" href="/"><img src="/images/lemmy.svg"></a>
</div>
<div class="nav-right">
<a href="https://github.com/LemmyNet"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
<a href="https://mastodon.social/@LemmyDev"><svg class="icon icon-mastodon"><use xlink:href="#icon-mastodon"></use></svg></a>

View file

@ -4,10 +4,14 @@
<div class="text-center">
<h1 class="stylized">Lemmy</h1>
<p>A link aggregator for the fediverse.</p>
<p><a class="button primary" href="/join">Get Started</a></p>
<p>
<a class="button primary" href="/join">Join a Community</a>
<a class="button primary" href="https://dev.lemmy.ml/docs/administration.html">Run a Server</a>
</p>
<img src="images/main_img.webp">
</div>
<br />
<br />
<div class="text-center">
@ -16,6 +20,7 @@
<p><a class="button primary" href="/join">Join a Community</a></p>
</div>
<br />
<br />
<div class="row">
@ -48,6 +53,7 @@
</div>
</div>
<br />
<br />
<div class="text-center">
@ -59,6 +65,7 @@
</p>
</div>
<br />
<br />
<div class="row">
@ -73,6 +80,7 @@
</div>
</div>
<br />
<br />
<div class="row">
@ -102,6 +110,7 @@
</div>
</div>
<br />
<br />
<div class="text-center">