Cyper/CyBySide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Progress sync laptop -> PC

Browse Source
This commit is contained in:
Cyper
2025-07-03 23:11:36 -04:00
parent 7aded68457
commit 10e48a606d
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/css/style.css
View File

@ -10,8 +10,9 @@
--lightblue: 147, 225, 242; --lightblue: 147, 225, 242;
--background-color: white; --background-color: white;
--header-color: rgb(var(--lightblue)); --header-color: white;
--footer-color: rgba(var(--teal)); --footer-color: rgba(var(--teal));
--borders: 1px solid rgba(var(--black), .86);
} }
html, body { html, body {
@ -33,10 +34,16 @@ body {
header { header {
background-color: var(--header-color); background-color: var(--header-color);
border-bottom: var(--borders);
font-variant: small-caps;
min-height: var(--navbar-height);
}
main {
padding: 1rem;
} }
footer { footer {
background-color: var(--footer-color); background-color: var(--footer-color);
border-top: var(--borders);
} }
.container { .container {
@ -85,6 +92,11 @@ nav {
padding: 0 1rem; padding: 0 1rem;
} }
.nav-socials > a > svg {
padding: 0.5rem;
border: var(--borders);
}
/* -xs */ /* -xs */
@media (min-width: 576px) { @media (min-width: 576px) {
.container { .container {

6
src/_includes/layout.html
View File

@ -26,9 +26,9 @@
</ul> </ul>
</div> </div>
<div class="nav-socials"> <div class="nav-socials">
<i data-lucide="twitter"></i> <a href="#"><i data-lucide="twitter"></i></a>
<i data-lucide="youtube"></i> <a href="#"><i data-lucide="youtube"></i></a>
<i data-lucide="rss"></i> <a href="#"><i data-lucide="rss"></i></a>
</div> </div>
</nav> </nav>
</header> </header>