1
0

Switch to launch mode, add more information to imprint, add logos

This commit is contained in:
Michael Rieger
2025-10-07 17:48:35 +02:00
parent 72f4faea7f
commit 6a006a7410
17 changed files with 339 additions and 116 deletions
+12 -4
View File
@@ -11,8 +11,8 @@
--ff-heading: "Clash Display", sans-serif;
--ff-body: "Archivo", sans-serif;
--fs-xl: clamp(3rem, 5vw + 1rem, 6rem);
--fs-600: 1.25rem;
--fs-xl: clamp(2.125rem, 5vw + 1rem, 6rem);
--fs-600: clamp(1.125rem, 1.5vw + 0.5rem, 1.25rem);
--fs-500: 1.125rem;
--fs-400: 1rem;
--fs-300: 0.75rem;
@@ -33,6 +33,7 @@
background-color: var(--clr-ts-dark);
color: var(--clr-ts-light);
-webkit-font-smoothing: antialiased;
}
.sr-only {
@@ -50,7 +51,9 @@
}
.content {
& * + * {
max-width: 82ch;
& > * + * {
margin-top: 0.25em;
}
@@ -63,7 +66,12 @@
}
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--ff-heading);
}
+14 -16
View File
@@ -4,24 +4,23 @@ import Logo from "../assets/ci/icon-only.svg";
---
<main class="inner">
<div class="content">
<div class="text">
<h1>Smart websites for bold ideas.</h1>
<p>
<!-- From concept to launch — websites, apps, and digital solutions that
From concept to launch — websites, apps, and digital solutions that
work hard, so you can play hard. Whether it's a personal site, an
e-commerce platform, or a custom web app, I bring your ideas to
life. -->
Launching 07.10 - stay tuned!
life.
</p>
<!-- <a
<a
href="mailto:hello@tideshiftdigital.com?subject=Anfrage"
class="hoverable">Get in touch</a
> -->
>
</div>
<p class="copyright">&copy; 2025 Michael Rieger</p>
<p class="copyright"><span>&copy; 2025</span> <span>Tideshift Digital e.U.</span></p>
<Typemark class="typemark" />
</main>
@@ -35,20 +34,15 @@ import Logo from "../assets/ci/icon-only.svg";
</style>
<style>
/* .wrapper {
display: block;
height: 100%;
overflow: clip;
} */
.inner {
display: grid;
height: 100%;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 1rem;
}
.content {
.text {
display: flex;
flex-direction: column;
justify-content: center;
@@ -67,10 +61,10 @@ import Logo from "../assets/ci/icon-only.svg";
letter-spacing: 0.0333em;
}
.content {
.text {
& p {
max-width: 50ch;
line-height: 1.4;
line-height: 1.5;
font-size: var(--fs-600);
}
}
@@ -101,6 +95,10 @@ import Logo from "../assets/ci/icon-only.svg";
grid-row: 2;
grid-column: 1;
font-size: var(--fs-300);
& > * {
display: inline-block;
}
}
.typemark {