institute
/
site
2
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Merge pull request 'Responsive navbar' (#2) from paper/tilde.institute-site:responsive-navbar into master 

Reviewed-on: #2
This commit is contained in:
gbmor 2020-06-22 12:10:24 -04:00
parent 68d367555c a3802b97ab
commit 60ddb8828e
2 changed files with 48 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
header.html
View File

@ -9,41 +9,37 @@
╚═╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝╚═╝╚═╝ ╚═══╝╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚══════╝</pre> ╚═╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝╚═╝╚═╝ ╚═══╝╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚══════╝</pre>
</div> </div>
<div id="navigation"> <div id="navigation">
<table> <div>
<tr> <a href="https://tilde.institute">News</a>
<td> </div>
<a href="http://tilde.institute">News</a> <div>
</td> <a href="/faq">FAQ</a>
<td> </div>
<a href="/faq">FAQ</a> <div>
</td> <a href="/signup">Sign Up</a>
<td> </div>
<a href="/signup">Sign Up</a> <div>
</td> <a href="https://wiki.tilde.institute">Wiki</a>
<td> </div>
<a href="https://wiki.tilde.institute">Wiki</a> <div>
</td> <a href="https://git.tilde.institute/">Git</a>
<td> </div>
<a href="https://git.tilde.institute/">Git</a> <div>
</td> <a href="https://twtxt.tilde.institute">twtxt</a>
<td> </div>
<a href="https://twtxt.tilde.institute">twtxt</a> <div>
</td> <a href="https://crawl.tildeverse.org">crawl/dcss</a>
<td> </div>
<a href="https://crawl.tildeverse.org">crawl/dcss</a> <div>
</td> <a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a>
<td> </div>
<a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a> <div>
</td> <a href="/stats">Stats</a>
<td> </div>
<a href="/stats">Stats</a> <div>
</td> <a href="/coc">CoC</a>
<td> </div>
<a href="/coc">CoC</a> <div>
</td> <a href="tilde.json"><code>tilde.json</code></a>
<td> </div>
<a href="tilde.json"><code>tilde.json</code></a>
</td>
</tr>
</table>
</div> </div>

36
tilde.css
View File

@ -25,36 +25,30 @@ pre {
} }
#navigation { #navigation {
margin: 0 auto; display: flex;
text-align: center; flex-wrap: wrap;
text-decoration: none;
margin: 0;
padding: 0;
} }
#navigation table { #navigation div {
border: 0px;
width: 100%;
}
#navigation td {
text-align: center;
vertical-align: center;
height: 1.5em;
background-color: #0B3861; background-color: #0B3861;
flex-grow: 1;
min-width: 3.2rem;
padding: .2em;
margin: .05em;
text-align: center;
} }
#navigation td:hover { #navigation div:hover {
background-color: #045fb4; background-color: #045fb4;
} }
#navigation td a { #navigation div a {
display: block; color: white;
width: 100%; text-align: center;
text-decoration: none; text-decoration: none;
min-width: 3.5rem;
}
#navigation td a:hover {
text-decoration: none;
color: #ffffff;
} }
#content { #content {