Compare commits
5 Commits
7e8727d1b5
...
ea044f0875
| Author | SHA1 | Date | |
|---|---|---|---|
| ea044f0875 | |||
| 882fdd7e7f | |||
| b9d5d5cc80 | |||
| 1e6a843b94 | |||
| 9afda9a01a |
@ -247,18 +247,14 @@
|
|||||||
<div class="code"></div>
|
<div class="code"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Navigation Links (now pinned to bottom via CSS) -->
|
<div class="links-bottom">
|
||||||
<nav class="bottom-nav">
|
|
||||||
<p>
|
|
||||||
<a target="_parent" href="https://ai.dangrubb.net">ai</a>
|
<a target="_parent" href="https://ai.dangrubb.net">ai</a>
|
||||||
<a target="_parent" href="https://dangrubb.net/blog">blog</a>
|
<a target="_parent" href="https://dangrubb.net/blog">blog</a>
|
||||||
<a target="_parent" href="https://pi.dangrubb.net/jellyfin">media</a>
|
<a target="_parent" href="https://pi.dangrubb.net/jellyfin">media</a>
|
||||||
<a target="_parent" href="https://pi.dangrubb.net/nextcloud">storage</a>
|
<a target="_parent" href="https://pi.dangrubb.net/nextcloud">storage</a>
|
||||||
<a target="_parent" href="https://dangrubb.net/cv">cv</a>
|
<a target="_parent" href="https://dangrubb.net/cv">cv</a>
|
||||||
<a target="_parent" href="https://pi.dangrubb.net/dangit">git</a>
|
<a target="_parent" href="https://pi.dangrubb.net/dangit">git</a>
|
||||||
</p>
|
</div>
|
||||||
</nav>
|
|
||||||
|
|
||||||
<!-- partial -->
|
<!-- partial -->
|
||||||
<script src="./script.js"></script>
|
<script src="./script.js"></script>
|
||||||
|
|
||||||
|
|||||||
48
style.css
48
style.css
@ -264,51 +264,3 @@ a:focus-visible {
|
|||||||
.column + .column {
|
.column + .column {
|
||||||
color: #aa95bd;
|
color: #aa95bd;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Make body use flexbox to push nav to bottom */
|
|
||||||
body {
|
|
||||||
background: #0d0a14;
|
|
||||||
padding: 40px 20px;
|
|
||||||
font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
|
||||||
color: #9d9aa4;
|
|
||||||
min-height: 100vh;
|
|
||||||
margin: 0;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
box-sizing: border-box;
|
|
||||||
overflow: hidden; /* Prevents scrollbar */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Color the announcement link yellow */
|
|
||||||
.announcement {
|
|
||||||
margin: 20px auto 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.announcement a {
|
|
||||||
color: #ffff00;
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.announcement a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Push the navigation to the bottom using flexbox spacer */
|
|
||||||
.bottom-nav {
|
|
||||||
margin-top: auto;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-nav p {
|
|
||||||
margin: 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-nav a {
|
|
||||||
margin: 0 10px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user