Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 119 Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/hero.astro
View file

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

21
src/components/navbar.astro
View file

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

2
src/components/navbarEntry.astro
View file

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

3
src/layouts/Layout.astro
View file

@ -10,7 +10,6 @@ export interface Props {
const { currentpage, title } = Astro.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."; 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> <!DOCTYPE html>
@ -18,7 +17,7 @@ import favicon from "/favicon.ico"
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <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 name="generator" content={Astro.generator} />
<meta property="og:title" content="Firq TA Reference" /> <meta property="og:title" content="Firq TA Reference" />
<meta property="og:url" content="https://firq.pages.neshweb.net/fgosite/" /> <meta property="og:url" content="https://firq.pages.neshweb.net/fgosite/" />

12
src/layouts/customFooter.astro
View file

@ -10,17 +10,25 @@
more more
information information
</div> </div>
<br>
<div> <div>
Thanks to <a href=" https://atlasacademy.io/" target="_blank" rel="noopener noreferrer">Atlas Academy</a> for 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> </div>
<br>
<div> <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> Check out <a href="https://fgo.mitsunee.com" target="_blank" rel="noopener noreferrer">FGO Timers here</a>
<div class="sticky-image-wrapper"> <div class="sticky-image-wrapper">
<img src="/fgosite/lurker.png" alt=""> <img src="/fgosite/lurker.png" alt="">
</div> </div>
</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> <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. 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"> <div class="sticky-image-wrapper">

3
src/pages/blog.astro
View file

@ -6,7 +6,8 @@ import BasicSection from '../layouts/basicSection.astro';
<Layout title="Blog - Firq FGO Site" currentpage="blog"> <Layout title="Blog - Firq FGO Site" currentpage="blog">
<BasicSection title="Work in Progress"> <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> </BasicSection>
</Layout> </Layout>