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>
</div>
<div id="navigation">
<table>
<tr>
<td>
<a href="http://tilde.institute">News</a>
</td>
<td>
<a href="/faq">FAQ</a>
</td>
<td>
<a href="/signup">Sign Up</a>
</td>
<td>
<a href="https://wiki.tilde.institute">Wiki</a>
</td>
<td>
<a href="https://git.tilde.institute/">Git</a>
</td>
<td>
<a href="https://twtxt.tilde.institute">twtxt</a>
</td>
<td>
<a href="https://crawl.tildeverse.org">crawl/dcss</a>
</td>
<td>
<a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a>
</td>
<td>
<a href="/stats">Stats</a>
</td>
<td>
<a href="/coc">CoC</a>
</td>
<td>
<a href="tilde.json"><code>tilde.json</code></a>
</td>
</tr>
</table>
<div>
<a href="https://tilde.institute">News</a>
</div>
<div>
<a href="/faq">FAQ</a>
</div>
<div>
<a href="/signup">Sign Up</a>
</div>
<div>
<a href="https://wiki.tilde.institute">Wiki</a>
</div>
<div>
<a href="https://git.tilde.institute/">Git</a>
</div>
<div>
<a href="https://twtxt.tilde.institute">twtxt</a>
</div>
<div>
<a href="https://crawl.tildeverse.org">crawl/dcss</a>
</div>
<div>
<a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a>
</div>
<div>
<a href="/stats">Stats</a>
</div>
<div>
<a href="/coc">CoC</a>
</div>
<div>
<a href="tilde.json"><code>tilde.json</code></a>
</div>
</div>

36
tilde.css
View File

@ -25,36 +25,30 @@ pre {
}
#navigation {
margin: 0 auto;
text-align: center;
display: flex;
flex-wrap: wrap;
text-decoration: none;
margin: 0;
padding: 0;
}
#navigation table {
border: 0px;
width: 100%;
}
#navigation td {
text-align: center;
vertical-align: center;
height: 1.5em;
#navigation div {
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;
}
#navigation td a {
display: block;
width: 100%;
#navigation div a {
color: white;
text-align: center;
text-decoration: none;
min-width: 3.5rem;
}
#navigation td a:hover {
text-decoration: none;
color: #ffffff;
}
#content {