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

c3dog takeover

Browse source
This commit is contained in:
kritzl 2026-04-02 12:30:11 +02:00
commit d87fec9f32
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
128 changed files with 46 additions and 1223 deletions
Download patch file Download diff file Expand all files Collapse all files

58
3d-printables.html
View file

@ -11,21 +11,32 @@
@layer per-site {
.resources-container {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
column-gap: 1ch;
row-gap: 1rem;
justify-content: space-around;
align-items: stretch;
padding-left: 0;
&>li {
display: block;
&>a {
display: inline flex;
flex-direction: column;
align-items: center;
row-gap: 4px;
&>img {
aspect-ratio: 1/1;
width: 250px;
}
&>a {
display: flex;
justify-content: center;
align-items: center;
flex-basis: 45%;
flex-grow: 1;
max-width: 85vw;
border: 1px solid var(--accent-color);
padding: 8px;
text-decoration: unset;
color: var(--fg-color);
background-color: color-mix(in hsl, var(--bg-color) 90%, var(--fg-color) 10%);
min-height: 2rem;
text-align: center;
font-size: larger;
&:hover {
background-color: color-mix(in hsl, var(--bg-color) 80%, var(--fg-color) 20%);
box-shadow: 4px 4px 6px var(--accent-color);
}
}
}
@ -34,23 +45,16 @@
</head>
<body class="container">
<main>
<h1 class="title">3D Printables</h1>
<a href="./">
<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>
<h1 class="title">3D Printing Files</h1>
<a href="https://git.hamburg.ccc.de/c3cat/dogears" rel="external">
<img alt="A picture of a dogear 3D model" src="assets/img/dogears.webp">
<span></span>
</a>
<ul class="resources-container">
<li>
<a href="https://www.printables.com/de/model/35076-cat-ears" rel="external">
<img alt="A picture of a catear 3D model" src="assets/img/3d-printables/catears-printables.webp">
<span>The original catear model from <i>printables.com</i></span>
</a>
</li>
<a href="https://git.hamburg.ccc.de/c3cat/dogears" rel="external">
Git Repository
</a>
</ul>
</main>
<footer>
<p>