Switch to launch mode, add more information to imprint, add logos
This commit is contained in:
@@ -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
@@ -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">© 2025 Michael Rieger</p>
|
||||
<p class="copyright"><span>© 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 {
|
||||
|
||||
Reference in New Issue
Block a user