small import change, color change on navbar, disclaimers updated, navbar mobile improvements, about improvements

This commit is contained in:
Firq 2023-03-05 15:39:47 +01:00
parent 527998e0d2
commit 1ca92504f8
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
6 changed files with 31 additions and 12 deletions

View file

@ -11,7 +11,7 @@ This is still a work in progress and continuously expanded. Feel free to look ar
div {
display: flex;
width: 100%;
height: 10em;
height: 5em;
background-color: #2e2e2e;
text-align: center;
align-items: center;

View file

@ -1,10 +1,9 @@
---
import headerimg from "/logo.svg"
---
<header>
<a href="/fgosite/" rel="noopener noreferrer" aria-label="Home">
<img src={headerimg} alt="">
<img src="/fgosite/logo.svg" alt="">
</a>
<ul class="desktop">
<slot />
@ -24,11 +23,12 @@ import headerimg from "/logo.svg"
display: flex;
height: auto;
width: 100%;
align-items: center;
align-items: flex-start;
line-height: 1.5em;
}
header > a {
padding-left: 16px;
padding-top: 8px;
display: block;
height: 48px;
width: 48px;
@ -80,8 +80,9 @@ import headerimg from "/logo.svg"
color: white;
font-weight: bold;
font-size: 2em;
align-self: center;
align-self: flex-start;
padding-right: 1em;
padding-top: 16px;
}
.mobile > ul {
@ -98,7 +99,12 @@ import headerimg from "/logo.svg"
}
.mobile:focus-within {
height: 256px;
justify-content: top;
height: auto;
}
header:focus-within > a {
display: flex;
justify-self: top;
}
@media (min-width: 1120px) {
@ -111,6 +117,11 @@ import headerimg from "/logo.svg"
header {
height: 64px;
align-items: center;
}
header > a {
padding-top: 0px;
}
}
</style>

View file

@ -45,7 +45,7 @@ const fulllink = `/fgosite/${slug}`;
font-weight: bold;
}
li > a:hover{
color: #551a8b;
color: #c105ff;
}
.current {
color: #b86cffed;

View file

@ -10,7 +10,6 @@ export interface Props {
const { currentpage, title } = Astro.props;
const description: string = "A reference for all esports Servants, CEs and already completed TAs that Firq can provide. Contact information available as well.";
import favicon from "/favicon.ico"
---
<!DOCTYPE html>
@ -18,7 +17,7 @@ import favicon from "/favicon.ico"
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/ico" href={favicon} />
<link rel="icon" type="image/ico" href="/fgosite/favicon.ico" />
<meta name="generator" content={Astro.generator} />
<meta property="og:title" content="Firq TA Reference" />
<meta property="og:url" content="https://firq.pages.neshweb.net/fgosite/" />

View file

@ -10,17 +10,25 @@
more
information
</div>
<br>
<div>
Thanks to <a href=" https://atlasacademy.io/" target="_blank" rel="noopener noreferrer">Atlas Academy</a> for
providing the images.
providing the servant and ce images.
</div>
<br>
<div>
Thanks to <a href="https://mitsunee.com" target="_blank" rel="noopener noreferrer">Mitsunee</a> for the support when building this site.
Thanks to <a href="https://mitsunee.com" target="_blank" rel="noopener noreferrer">Mitsunee</a> for the support when building this site. I could not have done it without you 🧡
Check out <a href="https://fgo.mitsunee.com" target="_blank" rel="noopener noreferrer">FGO Timers here</a>
<div class="sticky-image-wrapper">
<img src="/fgosite/lurker.png" alt="">
</div>
</div>
<br>
<div>
Thanks to <a href="https://mastodon.neshweb.net/@neshura" target="_blank" rel="noopener noreferrer">Neshura</a> for providing me with a place to develop, store and host this site.
Check out <a href="https://www.neshweb.net" target="_blank" rel="noopener noreferrer">his site here</a>
</div>
<br>
<div>
Thanks to <a href="https://twitter.com/its_Anthony_J" target="_blank" rel="noopener noreferrer">AnthonyJ</a> for providing me with the custom Shishou favicon.
<div class="sticky-image-wrapper">

View file

@ -6,7 +6,8 @@ import BasicSection from '../layouts/basicSection.astro';
<Layout title="Blog - Firq FGO Site" currentpage="blog">
<BasicSection title="Work in Progress">
Nothing to see here (yet)
Nothing to see here (yet)<br>
Topics will range from FGO to technologies and programming.
</BasicSection>
</Layout>