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="stylesheet" href="https://unpkg.com/chota@latest">
<link rel="shortcut icon" type="image/svg+xml" href="/images/lemmy.svg" /> <link rel="shortcut icon" type="image/svg+xml" href="/images/lemmy.svg" />
<style> <style>
:root {
--grid-maxWidth: 108rem;
}
@font-face { @font-face {
font-family: 'CaviarDreams'; font-family: 'CaviarDreams';
src: url('/fonts/CaviarDreams.ttf') format('truetype'); src: url('/fonts/CaviarDreams.ttf') format('truetype');
@ -26,8 +29,8 @@
} }
.icon { .icon {
display: inline-block; display: inline-block;
max-width: 2rem; max-width: 1.5rem;
max-height: 2rem; max-height: 1.5rem;
stroke-width: 0; stroke-width: 0;
stroke: currentColor; stroke: currentColor;
fill: currentColor; fill: currentColor;
@ -42,14 +45,11 @@
<div class="container"> <div class="container">
<nav class="nav"> <nav class="nav">
<div class="nav-left"> <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="/apps">Apps</a>
<a href="/sponsors">Sponsors</a> <a href="/sponsors">Sponsors</a>
<a href="https://dev.lemmy.ml/docs/index.html">Docs</a> <a href="https://dev.lemmy.ml/docs/index.html">Docs</a>
</div> </div>
<div class="nav-center">
<a class="brand" href="/"><img src="/images/lemmy.svg"></a>
</div>
<div class="nav-right"> <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://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> <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"> <div class="text-center">
<h1 class="stylized">Lemmy</h1> <h1 class="stylized">Lemmy</h1>
<p>A link aggregator for the fediverse.</p> <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"> <img src="images/main_img.webp">
</div> </div>
<br />
<br /> <br />
<div class="text-center"> <div class="text-center">
@ -16,6 +20,7 @@
<p><a class="button primary" href="/join">Join a Community</a></p> <p><a class="button primary" href="/join">Join a Community</a></p>
</div> </div>
<br />
<br /> <br />
<div class="row"> <div class="row">
@ -48,6 +53,7 @@
</div> </div>
</div> </div>
<br />
<br /> <br />
<div class="text-center"> <div class="text-center">
@ -59,6 +65,7 @@
</p> </p>
</div> </div>
<br />
<br /> <br />
<div class="row"> <div class="row">
@ -73,6 +80,7 @@
</div> </div>
</div> </div>
<br />
<br /> <br />
<div class="row"> <div class="row">
@ -102,6 +110,7 @@
</div> </div>
</div> </div>
<br />
<br /> <br />
<div class="text-center"> <div class="text-center">