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

Fixing OpenClaw's CSS formatting

Browse Source
This commit is contained in:
dangrubbb
2026-02-28 15:22:06 +00:00
parent 2293a3f566
commit 7e8727d1b5
1 changed files with 79 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
style.css
View File

@ -1,18 +1,23 @@
body { body {
background: #0d0a14; background: #0d0a14;
padding: 40px 20px; padding: 20px 20px 100px 20px;
font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace; font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
color: #9d9aa4; color: #9d9aa4;
position: relative;
height: 100vh;
overflow-y: auto;
box-sizing: border-box;
} }
.bard { .bard {
margin: 0 auto 40px; margin: 0 auto 30px;
/* Remove fixed width in pixels */ /* Remove fixed width in pixels */
width: 100%; width: 100%;
max-width: 65em; /* Keep the same max size for desktop */ max-width: 65em; /* Keep the same max size for desktop */
height: auto; height: auto;
aspect-ratio: 1 / 0.95; /* Maintains the proportion of the artwork */ aspect-ratio: 1 / 0.95; /* Maintains the proportion of the artwork */
font-size: 2px; font-size: 2px;
flex-shrink: 0;
} }
/* Adjust media queries for better scaling */ /* Adjust media queries for better scaling */
@ -148,7 +153,7 @@ body {
} }
} }
p { p {
margin: 20px auto 0; margin: 10px auto 0;
position: relative; position: relative;
max-width: 400px; max-width: 400px;
text-align: center; text-align: center;
@ -157,21 +162,18 @@ p {
} }
.announcement { .announcement {
margin: 30px auto 0; margin: 10px auto 0;
padding: 20px; position: relative;
max-width: 500px; max-width: 400px;
background: #ffeb3b;
border: 3px solid #fbc02d;
border-radius: 8px;
text-align: center; text-align: center;
box-shadow: 0 4px 12px rgba(255, 235, 59, 0.3); line-height: 1.3;
font-size: 0.875rem;
} }
.announcement a { .announcement a {
color: #000; color: #ffeb3b;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
font-size: 1rem;
} }
.announcement a:hover, .announcement a:hover,
@ -180,16 +182,29 @@ p {
opacity: 0.85; opacity: 0.85;
} }
.links-bottom { .debug {
margin: 60px auto 0; margin: 40px auto 0;
position: relative; position: relative;
max-width: 400px; max-width: 800px;
display: flex;
flex-direction: column;
align-items: center;
max-width: 100%;
}
.links-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
text-align: center; text-align: center;
padding-bottom: 20px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 20px; gap: 20px;
justify-content: center; justify-content: center;
background: linear-gradient(to top, rgba(13, 10, 20, 0.95), rgba(13, 10, 20, 0.8));
backdrop-filter: blur(4px);
} }
.links-bottom a { .links-bottom a {
@ -248,4 +263,52 @@ 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;
} }