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", "name": "@firq/fgosite",
"type": "module", "type": "module",
"version": "0.2.0-pre.44", "version": "0.2.0-pre.45",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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