c3cat/c3cat-landingpage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

Compare commits

base: c3cat:42a782cef82246b534b587e5d3195a8a2b9c247e
Branches Tags
c3cat:main
c3cat:ci-test-staging-pr
..
compare: c3cat:576a6c4c56e4594137da2f20c6ffdf20fafad17b
Branches Tags
c3cat:main
c3cat:ci-test-staging-pr

No commits in common. "42a782cef82246b534b587e5d3195a8a2b9c247e" and "576a6c4c56e4594137da2f20c6ffdf20fafad17b" have entirely different histories.
42a782cef8 ... 576a6c4c56

4 changed files with 1 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

28
assets/css/style.css
View file

@ -1,27 +1,7 @@
:root {
/* Use a shade of the c3cat logos pink, which works nicely as a link color. */
--accent-color-light: #DC049B;
/* A modified version of accent-color-light, which works nicely as a link color
* and with the dark theme */
--accent-color-dark: #dc49b0;
}
body {
font-family: system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif;
text-align: left;
/* Use dark grey instead of black to be lighter on the eyes. But also a grey
* which still works with the link color nicely. */
background-color: #ffffff;
color: #2B2B2B;
@media (prefers-color-scheme: dark) {
/* Colors for dark theme, which have enough contrast, but also aren't too harsh on the eyes. */
/* See: https://seirdy.one/posts/2020/11/23/website-best-practices/#dark-themes */
background-color: #1b1b1b;
color: #ebebeb;
}
}
.container {
@ -39,14 +19,6 @@ img {
}
a:link, a:visited {
color: var(--accent-color-light);
@media (prefers-color-scheme: dark) {
color: var(--accent-color-dark);
}
}
.title {
text-align: center;
}

BIN
assets/img/c3cat-c3sign-cccamp23-transparent-for-dark.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 166 KiB

BIN
assets/img/c3cat-c3sign-cccamp23-transparent.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 165 KiB

5
index.html
View file

@ -10,10 +10,7 @@
<body class="container">
<main>
<h1 class="title">c3cat &ndash; Cat Ears Operation Center</h1>
<picture>
<source srcset="assets/img/c3cat-c3sign-cccamp23-transparent-for-dark.webp" media="(prefers-color-scheme: dark)"/>
<img src="assets/img/c3cat-c3sign-cccamp23-transparent.webp" alt="C3CAT with a cat ear headband around the 'A'" class="hero-img"/>
</picture>
<img src="assets/img/c3cat-c3sign-cccamp23.jpg" alt="C3CAT with a cat ear headband around the 'A'" class="hero-img">
<h2>Resources</h2>
<p class="bigger">The "original" cat ear model we used was borrowed from <a href="https://www.printables.com/de/model/35076-cat-ears">Printables</a>.