Korbs/Contour
Archived
Template
1
Fork 0
Code Issues Pull requests Activity

Minor updates

Browse source
This commit is contained in:
Korbs 2024-02-02 08:40:33 -05:00
parent 2862013b6a
commit 3fa4a48aff
No known key found for this signature in database
4 changed files with 19 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/components/global/Head-Starlight.astro
View file

@ -1,23 +0,0 @@
---
const { Title, Description } = Astro.props
---
<head>
<!-- Metadata -->
<title>{Title}</title>
<meta name="description" content={Description}>
<!-- Options -->
<meta charset="UTF-8">
<meta name="theme-color" content="#2970cc">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
<!-- Favicon -->
<link rel="apple-touch-icon" type="image/png" sizes="256x256" href="/assets/images/favicon/256x256.png">
<link rel="apple-touch-icon" type="image/png" sizes="32x32" href="/assets/images/favicon/32x32.png">
<link rel="icon" type="image/png" sizes="256x256" href="/assets/images/favicon/256x256.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/32x32.png">
<link rel="stylesheet" href="/@shoelace-style/shoelace/cdn/themes/dark.css" onload="document.documentElement.classList.add('sl-theme-dark');"/>
<script type="module" src="/@shoelace-style/shoelace/cdn/shoelace.js"></script>
</head>

1
src/components/global/Head.astro
View file

@ -18,5 +18,6 @@ const { Title, Description } = Astro.props
<link rel="icon" type="image/png" sizes="256x256" href="/assets/images/favicon/256x256.png"> <link rel="icon" type="image/png" sizes="256x256" href="/assets/images/favicon/256x256.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/32x32.png">
<link rel="stylesheet" href="/@shoelace-style/shoelace/cdn/themes/dark.css" onload="document.documentElement.classList.add('sl-theme-dark');"/>
<script type="module" src="/@shoelace-style/shoelace/cdn/shoelace.js"></script> <script type="module" src="/@shoelace-style/shoelace/cdn/shoelace.js"></script>
</head> </head>

0
src/styles/Carousel.scss Normal file
View file

18
src/styles/Header.scss
View file

@ -10,6 +10,7 @@ header {
justify-content: center; justify-content: center;
align-content: center; align-content: center;
padding: 12px 0px; padding: 12px 0px;
.header-content { .header-content {
max-width: 1200px; max-width: 1200px;
width: 100%; width: 100%;
@ -17,15 +18,19 @@ header {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
cursor: default; cursor: default;
padding: 0px 12px;
a { a {
text-decoration: none; text-decoration: none;
color: white; color: white;
} }
.header-start { .header-start {
a { a {
font-weight: bold; font-weight: bold;
display: flex; display: flex;
align-items: center; align-items: center;
img { img {
width: 42px; width: 42px;
height: 42px; height: 42px;
@ -33,28 +38,41 @@ header {
} }
} }
} }
.header-center { .header-center {
a { a {
color: white; color: white;
background: transparent; background: transparent;
border-radius: 3rem; border-radius: 3rem;
padding: 4px 16px; padding: 4px 16px;
&:hover { &:hover {
background: rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.25);
} }
} }
#selected { #selected {
background: white; background: white;
color: black; color: black;
} }
@media only screen and (max-width: 700px) {
display: none;
} }
}
.header-end { .header-end {
svg { svg {
transform: translate(0px, 6px); transform: translate(0px, 6px);
} }
a { a {
padding: 4px 16px; padding: 4px 16px;
} }
.mobile-show {display: none}
@media only screen and (max-width: 700px) {
.mobile-show {display: block}
.mobile-hide {display: none}
}
} }
} }
} }