use a list for footer links

This commit is contained in:
Daniel Micay 2019-05-16 15:56:21 -04:00
parent ff75dce561
commit 746eed0a6a
9 changed files with 42 additions and 36 deletions

View File

@ -15,7 +15,7 @@
<meta property="og:image:alt" content="GrapheneOS logo"/> <meta property="og:image:alt" content="GrapheneOS logo"/>
<meta property="og:url" content="https://grapheneos.org/build"/> <meta property="og:url" content="https://grapheneos.org/build"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?6"/> <link rel="stylesheet" href="/grapheneos.css?7"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/build"/> <link rel="canonical" href="https://grapheneos.org/build"/>
</head> </head>

View File

@ -15,7 +15,7 @@
<meta property="og:image:alt" content="GrapheneOS logo"/> <meta property="og:image:alt" content="GrapheneOS logo"/>
<meta property="og:url" content="https://grapheneos.org/contact"/> <meta property="og:url" content="https://grapheneos.org/contact"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?6"/> <link rel="stylesheet" href="/grapheneos.css?7"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/contact"/> <link rel="canonical" href="https://grapheneos.org/contact"/>
</head> </head>
@ -64,10 +64,10 @@
</div> </div>
<footer> <footer>
<a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<div id="social"> <ul id="social">
<a href="https://twitter.com/GrapheneOS">Twitter</a> <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
<a href="https://github.com/GrapheneOS">GitHub</a> <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
</div> </ul>
</footer> </footer>
<script type="application/ld+json"> <script type="application/ld+json">
{ {

View File

@ -15,7 +15,7 @@
<meta property="og:image:alt" content="GrapheneOS logo"/> <meta property="og:image:alt" content="GrapheneOS logo"/>
<meta property="og:url" content="https://grapheneos.org/donate"/> <meta property="og:url" content="https://grapheneos.org/donate"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?6"/> <link rel="stylesheet" href="/grapheneos.css?7"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/donate"/> <link rel="canonical" href="https://grapheneos.org/donate"/>
</head> </head>
@ -54,10 +54,10 @@
</div> </div>
<footer> <footer>
<a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<div id="social"> <ul id="social">
<a href="https://twitter.com/GrapheneOS">Twitter</a> <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
<a href="https://github.com/GrapheneOS">GitHub</a> <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
</div> </ul>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -117,6 +117,12 @@ footer a:visited {
#social { #social {
margin-top: 2em; margin-top: 2em;
padding: 0;
list-style-type: none;
}
#social li {
display: inline;
} }
#stable-channel ul, #beta-channel ul { #stable-channel ul, #beta-channel ul {

View File

@ -15,7 +15,7 @@
<meta property="og:image:alt" content="GrapheneOS logo"/> <meta property="og:image:alt" content="GrapheneOS logo"/>
<meta property="og:url" content="https://grapheneos.org/"/> <meta property="og:url" content="https://grapheneos.org/"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?6"/> <link rel="stylesheet" href="/grapheneos.css?7"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/"/> <link rel="canonical" href="https://grapheneos.org/"/>
</head> </head>
@ -127,10 +127,10 @@
</div> </div>
<footer> <footer>
<a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<div id="social"> <ul id="social">
<a href="https://twitter.com/GrapheneOS">Twitter</a> <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
<a href="https://github.com/GrapheneOS">GitHub</a> <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
</div> </ul>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -15,7 +15,7 @@
<meta property="og:image:alt" content="GrapheneOS logo"/> <meta property="og:image:alt" content="GrapheneOS logo"/>
<meta property="og:url" content="https://grapheneos.org/install"/> <meta property="og:url" content="https://grapheneos.org/install"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?6"/> <link rel="stylesheet" href="/grapheneos.css?7"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/install"/> <link rel="canonical" href="https://grapheneos.org/install"/>
</head> </head>
@ -172,10 +172,10 @@ TMPDIR="$PWD/tmp" ./flash-all.sh</pre>
</div> </div>
<footer> <footer>
<a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<div id="social"> <ul id="social">
<a href="https://twitter.com/GrapheneOS">Twitter</a> <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
<a href="https://github.com/GrapheneOS">GitHub</a> <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
</div> </ul>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -15,7 +15,7 @@
<meta property="og:image:alt" content="GrapheneOS logo"/> <meta property="og:image:alt" content="GrapheneOS logo"/>
<meta property="og:url" content="https://grapheneos.org/releases"/> <meta property="og:url" content="https://grapheneos.org/releases"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?6"/> <link rel="stylesheet" href="/grapheneos.css?7"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/releases"/> <link rel="canonical" href="https://grapheneos.org/releases"/>
</head> </head>
@ -346,10 +346,10 @@
</div> </div>
<footer> <footer>
<a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<div id="social"> <ul id="social">
<a href="https://twitter.com/GrapheneOS">Twitter</a> <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
<a href="https://github.com/GrapheneOS">GitHub</a> <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
</div> </ul>
</footer> </footer>
<script src="/releases.js?9"></script> <script src="/releases.js?9"></script>
</body> </body>

View File

@ -15,7 +15,7 @@
<meta property="og:image:alt" content="GrapheneOS logo"/> <meta property="og:image:alt" content="GrapheneOS logo"/>
<meta property="og:url" content="https://grapheneos.org/source"/> <meta property="og:url" content="https://grapheneos.org/source"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?6"/> <link rel="stylesheet" href="/grapheneos.css?7"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/source"/> <link rel="canonical" href="https://grapheneos.org/source"/>
</head> </head>
@ -66,10 +66,10 @@
</div> </div>
<footer> <footer>
<a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<div id="social"> <ul id="social">
<a href="https://twitter.com/GrapheneOS">Twitter</a> <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
<a href="https://github.com/GrapheneOS">GitHub</a> <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
</div> </ul>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -15,7 +15,7 @@
<meta property="og:image:alt" content="GrapheneOS logo"/> <meta property="og:image:alt" content="GrapheneOS logo"/>
<meta property="og:url" content="https://grapheneos.org/usage"/> <meta property="og:url" content="https://grapheneos.org/usage"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?6"/> <link rel="stylesheet" href="/grapheneos.css?7"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/usage"/> <link rel="canonical" href="https://grapheneos.org/usage"/>
</head> </head>
@ -196,10 +196,10 @@
</div> </div>
<footer> <footer>
<a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<div id="social"> <ul id="social">
<a href="https://twitter.com/GrapheneOS">Twitter</a> <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
<a href="https://github.com/GrapheneOS">GitHub</a> <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
</div> </ul>
</footer> </footer>
</body> </body>
</html> </html>