philipp/aef-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of ssh://git.hofer.link:2222/philipp/aef-website

Browse Source
This commit is contained in:
Philipp Hofer
2025-08-03 10:54:46 +02:00
parent e77e5632d3 ee4972b25c
commit 2affa210e1
1 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
static/serve/style.css
View File

@@ -1,3 +1,4 @@
/** headline font https://fonts.google.com/specimen/Rubik+Doodle+Shadow/license?categoryFilters=Appearance:%2FTheme%2FShaded */
@font-face { @font-face {
font-family: 'Rubik Doodle Shadow'; font-family: 'Rubik Doodle Shadow';
src: src:
@@ -5,6 +6,7 @@
url('RubikDoodleShadow-Regular.woff') format('woff'); url('RubikDoodleShadow-Regular.woff') format('woff');
} }
/** reset pico.css */
:root { :root {
--pico-typography-spacing-vertical: 2rem; --pico-typography-spacing-vertical: 2rem;
--pico-font-family: 'Arial', sans-serif; --pico-font-family: 'Arial', sans-serif;
@@ -14,10 +16,7 @@
--pico-card-sectioning-background-color: unset; --pico-card-sectioning-background-color: unset;
} }
h2 { /** Headline Styles */
--pico-typography-spacing-top: 4rem;
}
h1 { h1 {
font-family: 'Rubik Doodle Shadow', sans-serif; font-family: 'Rubik Doodle Shadow', sans-serif;
text-transform: uppercase; text-transform: uppercase;
@@ -28,6 +27,11 @@ h1 {
text-align: center; text-align: center;
} }
h2 {
--pico-typography-spacing-top: 4rem;
}
/** Button Styles */
input[type="submit"], input[type="submit"],
button:not([class="secondary"]) { button:not([class="secondary"]) {
transition: margin-top 0.3s ease, transition: margin-top 0.3s ease,
@@ -61,6 +65,7 @@ input[type="submit"]:active {
box-shadow: 0px 0px 0px var(--pico-primary-hover-background); box-shadow: 0px 0px 0px var(--pico-primary-hover-background);
} }
/** General reusable styles */
.font-headline { .font-headline {
font-family: 'Rubik Doodle Shadow', sans-serif; font-family: 'Rubik Doodle Shadow', sans-serif;
text-transform: uppercase; text-transform: uppercase;
@@ -83,6 +88,7 @@ input[type="submit"]:active {
} }
} }
/* custom ul style */
ul.iterated { ul.iterated {
padding-left: unset; padding-left: unset;
} }
@@ -123,10 +129,9 @@ header a {
font-size: 1.25em; font-size: 1.25em;
} }
.easteregg {
color: var(--pico-background-color);
}
/** Style Blockquote*/
blockquote { blockquote {
text-align: center; text-align: center;
font-size: 1.3rem; font-size: 1.3rem;
@@ -137,7 +142,6 @@ blockquote {
} }
/** Style article*/ /** Style article*/
article { article {
display: inline-block; display: inline-block;
border: 2px solid var(--pico-color); border: 2px solid var(--pico-color);
@@ -145,7 +149,7 @@ article {
position: relative; position: relative;
padding: clamp(1rem, 1.875rem + 2vw, 3rem); padding: clamp(1rem, 1.875rem + 2vw, 3rem);
&::before { &::after {
content: ''; content: '';
border: 1px solid var(--pico-color); border: 1px solid var(--pico-color);
display: block; display: block;
@@ -156,6 +160,7 @@ article {
left: 50%; left: 50%;
transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg); transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%; border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
z-index: -1;
} }
} }
@@ -174,4 +179,9 @@ article>footer {
font-family: 'Courier New', monospace; font-family: 'Courier New', monospace;
border: unset; border: unset;
background-color: unset; background-color: unset;
}
/** Funny stuff*/
.easteregg {
color: var(--pico-background-color);
} }