Update: added Slogan, optimized Imprint

This commit is contained in:
Radixura
2026-05-14 18:31:15 +02:00
parent 17ef028f13
commit 5cfef39acb
3 changed files with 196 additions and 210 deletions

View File

@@ -9,7 +9,7 @@
{ href: "/#socials", label: "Socials" },
{ href: "/#stack", label: "Tech Stack" },
{ href: "/projects", label: "Projects" },
{ href: "/impressum", label: "Impressum" },
{ href: "/impressum", label: "Imprint" },
];
function isActive(href: string): boolean {

View File

@@ -37,12 +37,12 @@
<div class="container">
<div class="hero-content" class:mounted>
<div class="hero-badge">
<span class="badge-text">Rust Developer</span>
<span class="badge-text">Rust, Risc-v, Future</span>
</div>
<h1 class="hero-title">
Building the future<br />
<span class="gradient-text">with Rust</span>
The core<br />
<span class="gradient-text">of your future</span>
</h1>
<p class="hero-subtitle">

View File

@@ -2,220 +2,206 @@
</script>
<svelte:head>
<title>Imprint - Radixura</title>
<meta name="robots" content="noindex" />
<title>Imprint - Radixura</title>
<meta name="robots" content="noindex" />
</svelte:head>
<main class="main">
<section class="imprint-section">
<div class="container">
<div class="section-header">
<span class="section-label">Legal</span>
<h1>Imprint</h1>
<p class="subtitle">
Information according to § 5 TMG and § 55 Abs. 2 RStV
</p>
</div>
<section class="imprint-section">
<div class="container">
<div class="section-header">
<span class="section-label">Legal</span>
<h1>Imprint / Impressum</h1>
<p class="subtitle">
Information according to § 5 DDG / Angaben gemäß § 5 DDG
</p>
</div>
<div class="content-card">
<h2>Provider Information</h2>
<div class="content-card">
<div class="info-block">
<h3>Provider / Diensteanbieter</h3>
<p class="placeholder">
Malte Schröder<br />
c/o Mikro MINT e.V.<br />
Groß Schwaßer Weg 11<br />
18057 Rostock<br />
Germany
</p>
</div>
<div class="info-block">
<h3>Name and Address</h3>
<p class="placeholder">
Mikro MINT e.V Malte Schröder<br />
Groß Schwaßer Weg 11<br />
18057 Rostock<br />
Germany
</p>
<div class="info-block">
<h3>Contact / Kontakt</h3>
<p class="placeholder">
Phone: +49 1792671116<br />
Email: info@radixura.com
</p>
</div>
<div class="info-block">
<h3>Represented by / Vertreten durch</h3>
<p class="placeholder">
Malte Schröder
</p>
</div>
<div class="info-block">
<h3>Responsible for content according to § 18 Abs. 2 MStV / Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV</h3>
<p class="placeholder">
Malte Schröder<br />
c/o Mikro MINT e.V.<br />
Groß Schwaßer Weg 11<br />
18057 Rostock<br />
Germany
</p>
</div>
<div class="info-block">
<h3>EU Dispute Resolution / EU-Streitschlichtung</h3>
<p>
The European Commission provides a platform for online
dispute resolution (ODR):
<a
href="https://ec.europa.eu/consumers/odr/"
target="_blank"
rel="noopener noreferrer"
>
https://ec.europa.eu/consumers/odr/
</a>
<br /><br />
Our email address can be found above.
</p>
</div>
<div class="info-block">
<h3>Consumer Dispute Resolution / Verbraucherstreitbeilegung</h3>
<p>
We are not willing or obligated to participate in dispute
resolution proceedings before a consumer arbitration
board. / Wir sind nicht bereit oder verpflichtet, an
Streitbeilegungsverfahren vor einer
Verbraucherschlichtungsstelle teilzunehmen.
</p>
</div>
</div>
<div class="back-link">
<a href="/">← Back to Home</a>
</div>
</div>
<div class="info-block">
<h3>Contact</h3>
<p class="placeholder">
Email: info@radiura.com<br />
</p>
</div>
<div class="info-block">
<h3>Legal Status</h3>
<p>
This website is operated by a private individual. This is not a
commercial enterprise under commercial law.
</p>
</div>
<div class="info-block">
<h3>Content Liability</h3>
<p>
The content of this page was created with the utmost care. However,
we cannot guarantee the accuracy, completeness, or timeliness of the
content. As a service provider, we are responsible for our own
content on these pages in accordance with general law pursuant to §
7 Abs. 1 TMG.
</p>
</div>
<div class="info-block">
<h3>Link Liability</h3>
<p>
Our offer contains links to external third-party websites. We have
no influence on the content of these linked pages. The respective
provider or operator of the pages is always responsible for the
content of the linked pages.
</p>
</div>
<div class="info-block">
<h3>Copyright</h3>
<p>
The content and works created by the page operators on this website
are subject to German copyright law. Reproduction, processing,
distribution, and any form of commercial use of this content beyond
the limits of copyright law require the written consent of the
respective author or creator.
</p>
</div>
<div class="info-block">
<h3>Dispute Resolution</h3>
<p>
The European Commission provides a platform for online dispute
resolution (ODR):
<a
href="https://ec.europa.eu/consumers/odr/"
target="_blank"
rel="noopener noreferrer"
>
https://ec.europa.eu/consumers/odr/
</a>
<br /><br />
Our email address can be found above in the imprint.
<br /><br />
We are not willing or obligated to participate in dispute resolution
proceedings before a consumer arbitration board.
</p>
</div>
</div>
<div class="back-link">
<a href="/">← Back to Home</a>
</div>
</div>
</section>
</section>
</main>
<style>
.container {
max-width: 800px;
margin: 0 auto;
padding: 0 24px;
}
.imprint-section {
padding: 60px 0 100px;
min-height: calc(100vh - 80px);
}
.section-header {
text-align: center;
margin-bottom: 48px;
}
.section-label {
display: inline-block;
font-size: 0.875rem;
color: var(--color-secondary);
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 16px;
}
h1 {
font-size: clamp(2rem, 4vw, 3rem);
color: var(--color-text);
margin-bottom: 16px;
}
.subtitle {
color: var(--color-text-muted);
font-size: 1rem;
}
.content-card {
background: var(--color-surface);
border-radius: var(--radius);
border: 1px solid rgba(232, 145, 101, 0.1);
padding: 40px;
}
h2 {
font-size: 1.5rem;
color: var(--color-text);
margin-bottom: 32px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(232, 145, 101, 0.2);
}
.info-block {
margin-bottom: 32px;
}
.info-block:last-of-type {
margin-bottom: 0;
}
.info-block h3 {
font-size: 1.1rem;
color: var(--color-secondary);
margin-bottom: 12px;
font-weight: 600;
}
.info-block p {
color: var(--color-text);
line-height: 1.7;
}
.placeholder {
font-family: "Fira Code", monospace;
background: rgba(232, 145, 101, 0.1);
padding: 16px;
border-radius: 8px;
border-left: 3px solid var(--color-secondary);
}
.info-block a {
color: var(--color-secondary);
text-decoration: underline;
text-decoration-color: rgba(232, 145, 101, 0.3);
text-underline-offset: 3px;
transition: text-decoration-color 0.3s ease;
}
.info-block a:hover {
text-decoration-color: var(--color-secondary);
}
.back-link {
text-align: center;
margin-top: 48px;
}
.back-link a {
color: var(--color-text-muted);
text-decoration: none;
font-size: 0.9rem;
transition: color 0.3s ease;
}
.back-link a:hover {
color: var(--color-secondary);
}
@media (max-width: 600px) {
.content-card {
padding: 24px;
.container {
max-width: 800px;
margin: 0 auto;
padding: 0 24px;
}
.imprint-section {
padding: 60px 0 100px;
min-height: calc(100vh - 80px);
}
.section-header {
text-align: center;
margin-bottom: 48px;
}
.section-label {
display: inline-block;
font-size: 0.875rem;
color: var(--color-secondary);
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 16px;
}
h1 {
font-size: clamp(2rem, 4vw, 3rem);
color: var(--color-text);
margin-bottom: 16px;
}
.subtitle {
color: var(--color-text-muted);
font-size: 1rem;
}
.content-card {
background: var(--color-surface);
border-radius: var(--radius);
border: 1px solid rgba(232, 145, 101, 0.1);
padding: 40px;
}
h2 {
font-size: 1.5rem;
color: var(--color-text);
margin-bottom: 32px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(232, 145, 101, 0.2);
}
.info-block {
margin-bottom: 32px;
}
.info-block:last-of-type {
margin-bottom: 0;
}
.info-block h3 {
font-size: 1.1rem;
color: var(--color-secondary);
margin-bottom: 12px;
font-weight: 600;
}
.info-block p {
color: var(--color-text);
line-height: 1.7;
}
.placeholder {
font-family: "Fira Code", monospace;
background: rgba(232, 145, 101, 0.1);
padding: 16px;
border-radius: 8px;
border-left: 3px solid var(--color-secondary);
}
.info-block a {
color: var(--color-secondary);
text-decoration: underline;
text-decoration-color: rgba(232, 145, 101, 0.3);
text-underline-offset: 3px;
transition: text-decoration-color 0.3s ease;
}
.info-block a:hover {
text-decoration-color: var(--color-secondary);
}
.back-link {
text-align: center;
margin-top: 48px;
}
.back-link a {
color: var(--color-text-muted);
text-decoration: none;
font-size: 0.9rem;
transition: color 0.3s ease;
}
.back-link a:hover {
color: var(--color-secondary);
}
@media (max-width: 600px) {
.content-card {
padding: 24px;
}
}
}
</style>