Satisfying
All checks were successful
Linting and checking code / get-version (push) Successful in 2s
Linting and checking code / astro-check (push) Successful in 11s
Build and deploy preview site / check-tag (push) Successful in 2s
Build and deploy preview site / checking (push) Successful in 12s
Build and deploy preview site / build-site (push) Successful in 58s
Build and deploy preview site / run-unlighthouse (push) Successful in 0s
Build and deploy preview site / create-release (push) Successful in 6s
Build and deploy preview site / auto-deploy-dockge (push) Successful in 5s

This commit is contained in:
Firq 2024-10-29 22:17:38 +01:00
parent 7222d1c58b
commit d2dddbeb2a
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
9 changed files with 29 additions and 4 deletions

View file

@ -1,7 +1,7 @@
{
"name": "@firq/fgosite",
"type": "module",
"version": "0.2.0-pre.44",
"version": "0.2.0-pre.45",
"private": true,
"scripts": {
"dev": "astro dev",

View file

@ -27,6 +27,9 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
</a>
<style>
* {
transition: all var(--a-time-default) var(--a-animation-1);
}
.circle {
display: none;
}

View file

@ -32,6 +32,10 @@ const loadedImage = plsLoadImage(images, imagePath)
</a>
<style>
* {
transition: all var(--a-time-default) var(--a-animation-1);
}
.heading {
display: flex;
height: fit-content;

View file

@ -47,6 +47,7 @@ let loading: "eager" | "lazy" = index <= 3 ? "eager" : "lazy";
<style>
article:hover {
transition: all var(--a-time-default) var(--a-animation-1);
transform: scale(1);
border-color: var(--c-accent-1);
}
@ -82,7 +83,7 @@ let loading: "eager" | "lazy" = index <= 3 ? "eager" : "lazy";
.expand-on-hover {
background-color: var(--c-primary-background);
border: 2px var(--c-accent-1) solid;
border: 2px var(--c-primary-background) solid;
border-top: 0px;
z-index: 99;
transform: scaleY(0);
@ -95,6 +96,7 @@ let loading: "eager" | "lazy" = index <= 3 ? "eager" : "lazy";
article:hover .expand-on-hover {
transform: scaleY(1);
border-color: var(--c-accent-1);
transition: all var(--a-time-default) var(--a-animation-1);
}

View file

@ -57,6 +57,9 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
</a>
<style>
* {
transition: all var(--a-time-default) var(--a-animation-1);
}
a {
text-decoration: none;
display: flex;
@ -141,7 +144,7 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
align-items: top;
justify-content: space-evenly;
background-color: var(--c-primary-background);
border: 2px var(--c-accent-1) solid;
border: 2px var(--c-primary-background) solid;
border-top: 0px;
z-index: 99;
transform: scaleY(0);
@ -168,8 +171,9 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
a:hover .expand-on-hover {
transform: scaleY(1);
transition: transform var(--a-time-default) var(--a-animation-1);
transition: all var(--a-time-default) var(--a-animation-1);
background-color: var(--c-primary-background);
border-color: var(--c-accent-1);
}
@media (min-width: 512px) {

View file

@ -28,6 +28,10 @@ const loadedImage = plsLoadImage(images_logos, imagePath)
</a>
<style>
* {
transition: all var(--a-time-default) var(--a-animation-1);
}
a {
text-decoration: none;
}

View file

@ -41,10 +41,12 @@ const display = fadeout ? "": "display: none"
background: var(--c-primary-background);
border-radius: 10px;
border: 2px var(--c-accent-1) solid;
transition: all var(--a-time-default) var(--a-animation-1);
}
a:hover {
border-color: var(--c-accent-1-alt);
transition: all var(--a-time-default) var(--a-animation-1);
}
.fade {

View file

@ -19,6 +19,9 @@ const icon_src_url = `url("${icon.src}")`
</a>
<style define:vars={{ icon_src_url }}>
* {
transition: all var(--a-time-default) var(--a-animation-1);
}
a {
display: flex;
align-items: center;

View file

@ -39,6 +39,9 @@ let extraattributes = navtype === 'mobile' ? { tabindex: '0' } : {}
</li>
<style define:vars={{ icon_src_url }}>
* {
transition: all var(--a-time-default) var(--a-animation-1);
}
li {
align-items: center;
justify-content: center;