diff --git a/package.json b/package.json
index 4ef5a06..53d7d7d 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "fgo-ta-com-website",
"type": "module",
- "version": "0.2.2-pre.5",
+ "version": "0.2.2-pre.6",
"scripts": {
"dev": "astro dev",
"start": "astro dev",
diff --git a/src/components/listings/eventListingLine.astro b/src/components/listings/eventListingLine.astro
index 3685de1..3e7ac63 100644
--- a/src/components/listings/eventListingLine.astro
+++ b/src/components/listings/eventListingLine.astro
@@ -90,16 +90,19 @@ const render_date = releaseDate.toLocaleDateString('en-GB', options_date)
position: relative;
display: flex;
visibility: visible;
- height: 1.5rem;
- width: 1.5rem;
- border-radius: 40%;
+ height: 1rem;
+ width: 1rem;
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);
}
a:hover > .circle {
- height: 1.75rem;
- width: 1.75rem;
+ height: 1.25rem;
+ width: 1.25rem;
translate: -0.125rem;
margin-right: 0.825rem;
}
diff --git a/src/components/listings/questListingLine.astro b/src/components/listings/questListingLine.astro
index 844a858..a02d70a 100644
--- a/src/components/listings/questListingLine.astro
+++ b/src/components/listings/questListingLine.astro
@@ -91,16 +91,19 @@ const render_date = releaseDate.toLocaleDateString(
position: relative;
display: flex;
visibility: visible;
- height: 1.5rem;
- width: 1.5rem;
- border-radius: 40%;
+ height: 1rem;
+ width: 1rem;
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);
}
a:hover > .circle {
- height: 1.75rem;
- width: 1.75rem;
+ height: 1.25rem;
+ width: 1.25rem;
translate: -0.125rem;
margin-right: 0.825rem;
}
diff --git a/src/layouts/databaseSection.astro b/src/layouts/databaseSection.astro
index ba82048..9fdf39a 100644
--- a/src/layouts/databaseSection.astro
+++ b/src/layouts/databaseSection.astro
@@ -12,9 +12,10 @@ const line = displayLine ? "flex" : "none"
@@ -24,21 +25,35 @@ const line = displayLine ? "flex" : "none"
padding-right: 0.25em;
padding-bottom: 5rem;
}
- .drop {
+
+ .hightlighter {
+ left: 0;
+ right: 0;
display: flex;
position: absolute;
visibility: visible;
- left: 0;
- right: 0;
- bottom: -5rem;
margin-left: auto;
margin-right: auto;
height: 1.5rem;
width: 1.5rem;
+ }
+
+ .drop {
+ bottom: -5rem;
border-radius: 0% 50% 50% 50%;
transform: rotate(45deg);
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 {
display: flex;
position: absolute;
@@ -89,6 +104,9 @@ const line = displayLine ? "flex" : "none"
.drop {
margin-left: 1.5rem;
}
+ .start {
+ margin-left: 1.25rem;
+ }
.line {
margin-left: 2.1rem;
}
@@ -106,15 +124,17 @@ const line = displayLine ? "flex" : "none"
section {
padding-bottom: unset;
}
- .drop {
+ .drop, .start, .line {
display: var(--line);
margin-left: 2rem;
}
+ .start {
+ margin-left: 1.75rem;
+ }
.line {
- display: var(--line);
margin-left: 2.6rem;
- height: calc(100% + 4rem);
- translate: unset;
+ height: calc(100% + 6rem);
+ translate: 0px -2rem;
}
h1 {
margin-left: 15rem;
diff --git a/src/pages/database/index.astro b/src/pages/database/index.astro
index 7085571..1208bf9 100644
--- a/src/pages/database/index.astro
+++ b/src/pages/database/index.astro
@@ -6,7 +6,7 @@ import EventListing from '../../components/listings/eventListingLine.astro'
import DatabaseSection from '../../layouts/databaseSection.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 groups = await getCollection('groups')
const changes = await getCollection('changes')
@@ -30,7 +30,7 @@ combined.sort(
descriptionOverride={description}
>