dangrubbb/dangrubb.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: dangrubbb:7e8727d1b56e61c79d0689200c3093779a9428f5
Branches Tags
dangrubbb:main dangrubbb:OpenClaw dangrubbb:dev
..
compare: dangrubbb:ea044f087504c31116fc9e28f11834ebc7390f00
Branches Tags
dangrubbb:main dangrubbb:OpenClaw dangrubbb:dev

5 Commits
7e8727d1b5 ... ea044f0875

Author SHA1 Message Date
dangrubbb
ea044f0875 Prevent unnecessary scrolling on homepage 
- Set body to height: 100vh with box-sizing: border-box
- Keep glitch art at original size without forcing scroll
- Padding accounts for fixed footer area
- Content fits on screen without scrollbar when there's room
 2026-02-28 10:02:51 -05:00
dangrubbb
882fdd7e7f Fix links visibility with fixed bottom positioning 
- Change body to min-height: 100vh with bottom padding for fixed footer
- Use position: fixed on links-bottom to keep them always visible at bottom
- Add gradient background to links bar for visual separation
- Content can scroll, links always visible and accessible
- Remove overflow: hidden to allow proper scrolling
 2026-02-28 09:59:30 -05:00
dangrubbb
b9d5d5cc80 Fix layout to prevent scrollbar 
- Change body height from min-height to height: 100vh with overflow: hidden
- Use flexbox with flex-grow/flex-shrink to keep everything on one screen
- Reduce padding and margins for better fit
- Debug section takes remaining space, links always at bottom
- No scrollbar, works on all screen sizes
 2026-02-28 09:54:41 -05:00
dangrubbb
1e6a843b94 Refine homepage layout 
- Remove announcement box styling, keep only yellow text link
- Move links-bottom to true bottom of page using flexbox
- Add min-height: 100vh to body for proper footer alignment
- Announcement link now styled as plain yellow text without borders
 2026-02-28 09:52:27 -05:00
dangrubbb
9afda9a01a Add music platform with DGDN album player 
- Create /music landing page with artist grid
- Add /music/Darnea artist page with album listing
- Build /music/Darnea/DGDN album player with clickable tracklist
- Auto-play next track on completion
- Dangrubb-branded styling with cyan accent colors
- FLAC player pulls from /src/audio/DGDN
- Move landing page links to bottom with yellow announcement box
 2026-02-28 09:31:48 -05:00
2 changed files with 8 additions and 60 deletions
Expand all files Collapse all files

20
index.html
View File

@ -247,18 +247,14 @@
<div class="code"></div>
</div>
<!-- Navigation Links (now pinned to bottom via CSS) -->
<nav class="bottom-nav">
<p>
<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://pi.dangrubb.net/jellyfin">media</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://pi.dangrubb.net/dangit">git</a>
</p>
</nav>
<div class="links-bottom">
<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://pi.dangrubb.net/jellyfin">media</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://pi.dangrubb.net/dangit">git</a>
</div>
<!-- partial -->
<script src="./script.js"></script>

48
style.css
View File

@ -263,52 +263,4 @@ a:focus-visible {
.column + .column {
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;
}