Firq/fgo-ta-com-website
Firq/fgo-ta-com-website
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 70 Packages Wiki Activity Actions

More Redesign 2
All checks were successful
/ build-site (push) Successful in 1m58s
Details
/ checking (push) Successful in 20s
Details
/ publish (push) Successful in 7s
Details

Browse source
This commit is contained in:
Firq 2024-07-15 22:38:41 +02:00
parent 5da1dde6a6
commit 1f1bc5a7db
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
5 changed files with 48 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,7 +1,7 @@
{ {
"name": "fgo-ta-com-website", "name": "fgo-ta-com-website",
"type": "module", "type": "module",
"version": "0.2.2-pre.5", "version": "0.2.2-pre.6",
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",
"start": "astro dev", "start": "astro dev",

13
src/components/listings/eventListingLine.astro
View file

@ -90,16 +90,19 @@ const render_date = releaseDate.toLocaleDateString('en-GB', options_date)
position: relative; position: relative;
display: flex; display: flex;
visibility: visible; visibility: visible;
height: 1.5rem; height: 1rem;
width: 1.5rem; width: 1rem;
border-radius: 40%;
background-color: var(--c-darkpurple); background-color: var(--c-darkpurple);
border-style: solid;
border-width: 0.25rem;
border-color: var(--c-lightgray);
border-radius: 40%;
transition: transform var(--speed) var(--ease); transition: transform var(--speed) var(--ease);
} }
a:hover > .circle { a:hover > .circle {
height: 1.75rem; height: 1.25rem;
width: 1.75rem; width: 1.25rem;
translate: -0.125rem; translate: -0.125rem;
margin-right: 0.825rem; margin-right: 0.825rem;
} }

13
src/components/listings/questListingLine.astro
View file

@ -91,16 +91,19 @@ const render_date = releaseDate.toLocaleDateString(
position: relative; position: relative;
display: flex; display: flex;
visibility: visible; visibility: visible;
height: 1.5rem; height: 1rem;
width: 1.5rem; width: 1rem;
border-radius: 40%;
background-color: var(--c-darkpurple); background-color: var(--c-darkpurple);
border-style: solid;
border-width: 0.25rem;
border-color: var(--c-lightgray);
border-radius: 40%;
transition: transform var(--speed) var(--ease); transition: transform var(--speed) var(--ease);
} }
a:hover > .circle { a:hover > .circle {
height: 1.75rem; height: 1.25rem;
width: 1.75rem; width: 1.25rem;
translate: -0.125rem; translate: -0.125rem;
margin-right: 0.825rem; margin-right: 0.825rem;
} }

38
src/layouts/databaseSection.astro
View file

@ -12,9 +12,10 @@ const line = displayLine ? "flex" : "none"
<section> <section>
<h1 style={display}>{title}</h1> <h1 style={display}>{title}</h1>
<div class="wrapper"> <div class="wrapper">
<div class="start hightlighter"></div>
<div class="line"></div> <div class="line"></div>
<slot /> <slot />
<div class="drop"></div> <div class="drop hightlighter"></div>
</div> </div>
</section> </section>
@ -24,21 +25,35 @@ const line = displayLine ? "flex" : "none"
padding-right: 0.25em; padding-right: 0.25em;
padding-bottom: 5rem; padding-bottom: 5rem;
} }
.drop {
.hightlighter {
left: 0;
right: 0;
display: flex; display: flex;
position: absolute; position: absolute;
visibility: visible; visibility: visible;
left: 0;
right: 0;
bottom: -5rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: 1.5rem; height: 1.5rem;
width: 1.5rem; width: 1.5rem;
}
.drop {
bottom: -5rem;
border-radius: 0% 50% 50% 50%; border-radius: 0% 50% 50% 50%;
transform: rotate(45deg); transform: rotate(45deg);
background-color: var(--c-darkpurple); background-color: var(--c-darkpurple);
} }
.start {
top: -2rem;
border-radius: 40%;
border-style: solid;
border-width: 0.25rem;
border-color: var(--c-lightgray);
background-color: var(--c-darkpurple);
}
.line { .line {
display: flex; display: flex;
position: absolute; position: absolute;
@ -89,6 +104,9 @@ const line = displayLine ? "flex" : "none"
.drop { .drop {
margin-left: 1.5rem; margin-left: 1.5rem;
} }
.start {
margin-left: 1.25rem;
}
.line { .line {
margin-left: 2.1rem; margin-left: 2.1rem;
} }
@ -106,15 +124,17 @@ const line = displayLine ? "flex" : "none"
section { section {
padding-bottom: unset; padding-bottom: unset;
} }
.drop { .drop, .start, .line {
display: var(--line); display: var(--line);
margin-left: 2rem; margin-left: 2rem;
} }
.start {
margin-left: 1.75rem;
}
.line { .line {
display: var(--line);
margin-left: 2.6rem; margin-left: 2.6rem;
height: calc(100% + 4rem); height: calc(100% + 6rem);
translate: unset; translate: 0px -2rem;
} }
h1 { h1 {
margin-left: 15rem; margin-left: 15rem;

4
src/pages/database/index.astro
View file

@ -6,7 +6,7 @@ import EventListing from '../../components/listings/eventListingLine.astro'
import DatabaseSection from '../../layouts/databaseSection.astro' import DatabaseSection from '../../layouts/databaseSection.astro'
import SmallTitle from '../../components/smallTitle.astro' import SmallTitle from '../../components/smallTitle.astro'
const description = 'FGO NA TA Database' const description = 'A mostly up-to-date list of NA TA runs'
const fulldata = await getCollection('taInfoData') const fulldata = await getCollection('taInfoData')
const groups = await getCollection('groups') const groups = await getCollection('groups')
const changes = await getCollection('changes') const changes = await getCollection('changes')
@ -30,7 +30,7 @@ combined.sort(
descriptionOverride={description} descriptionOverride={description}
> >
<SmallTitle <SmallTitle
maintext="TA DATA­BASE" maintext="TA DATA&shy;BASE"
subtext="A mostly up-to-date list of NA TA runs" subtext="A mostly up-to-date list of NA TA runs"
fadeout={true} fadeout={true}
/> />