Oliver G
b14a546577
All checks were successful
Deploy go.vanityontour.de / deploy (push) Successful in 8s
304 lines
13 KiB
HTML
304 lines
13 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; script-src 'none'; frame-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'; upgrade-insecure-requests; block-all-mixed-content;" />
|
||
<meta name="referrer" content="strict-origin-when-cross-origin" />
|
||
<meta name="description" content="Vanity on Tour: Vanlife trifft Technik. VanityCast, StaySense, Expense Logbook, Blog und Open-Source-Projekte – gebündelt an einem Ort." />
|
||
<meta name="theme-color" content="#0b0f14" />
|
||
<title>Vanity on Tour – Alle Projekte an einem Ort</title>
|
||
|
||
<!-- Open Graph -->
|
||
<meta property="og:title" content="Vanity on Tour – Alle Projekte an einem Ort" />
|
||
<meta property="og:description" content="VanityCast, StaySense, Expense Logbook, Blog und Open Source. Vanlife trifft Technik." />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:locale" content="de_DE" />
|
||
<meta property="og:site_name" content="Vanity on Tour" />
|
||
<meta property="og:url" content="https://go.vanityontour.de/" />
|
||
<meta property="og:image" content="https://go.vanityontour.de/assets/img/og.jpg" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
|
||
<link rel="canonical" href="https://go.vanityontour.de/" />
|
||
<link rel="icon" href="/assets/img/favicon.svg" type="image/svg+xml" />
|
||
<link rel="stylesheet" href="/assets/css/style.css" />
|
||
</head>
|
||
|
||
<body>
|
||
<a class="skip" href="#content">Zum Inhalt springen</a>
|
||
|
||
<header class="site-header">
|
||
<div class="container header-inner">
|
||
<a class="brand" href="/" aria-label="Vanity on Tour – Startseite">
|
||
<img class="brand-mark" src="/assets/img/van.svg" alt="" width="40" height="40" />
|
||
<span class="brand-text">
|
||
<span class="brand-title">Vanity on Tour</span>
|
||
<span class="brand-sub">Vanlife trifft Technik</span>
|
||
</span>
|
||
</a>
|
||
|
||
<nav class="top-nav" aria-label="Schnellzugriff">
|
||
<a class="nav-link" href="#projekte">Projekte</a>
|
||
<a class="nav-link" href="#support">Support</a>
|
||
<a class="nav-link" href="#social">Kontakt</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="content">
|
||
<section class="hero">
|
||
<div class="container hero-inner">
|
||
<div class="hero-copy">
|
||
<p class="kicker">🚐 unterwegs. technisch. ehrlich.</p>
|
||
<h1>Alles Wichtige von <span class="accent">Vanity on Tour</span> – an einem Ort.</h1>
|
||
<p class="lead">
|
||
Apps, Tools, Blog und Open Source – für Menschen, die lieber frei stehen
|
||
als still sitzen.
|
||
</p>
|
||
|
||
<div class="hero-cta">
|
||
<a class="btn primary" href="#projekte">Projekte ansehen</a>
|
||
<a class="btn ghost" href="https://go.vanityontour.de/blog" target="_blank" rel="noopener">Zum Blog</a>
|
||
</div>
|
||
|
||
<ul class="hero-badges" aria-label="Eigenschaften">
|
||
<li class="badge">Ohne Konto nutzbar</li>
|
||
<li class="badge">Kein Tracking durch Dritte</li>
|
||
<li class="badge">Selbst gehostet</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="hero-art" aria-hidden="true">
|
||
<svg viewBox="0 0 540 420" focusable="false">
|
||
<defs>
|
||
<linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0%" stop-color="currentColor" stop-opacity="0.35" />
|
||
<stop offset="100%" stop-color="currentColor" stop-opacity="0.05" />
|
||
</linearGradient>
|
||
<filter id="b" x="-20%" y="-20%" width="140%" height="140%">
|
||
<feGaussianBlur stdDeviation="18" />
|
||
</filter>
|
||
</defs>
|
||
<rect x="40" y="40" width="460" height="300" rx="26" fill="url(#g)" />
|
||
<circle cx="390" cy="140" r="78" fill="currentColor" opacity="0.14" filter="url(#b)"/>
|
||
<circle cx="180" cy="260" r="96" fill="currentColor" opacity="0.10" filter="url(#b)"/>
|
||
<path d="M140 250h230c20 0 36 16 36 36v22H104v-22c0-20 16-36 36-36z" fill="currentColor" opacity="0.16"/>
|
||
<path d="M160 244l26-66h168l26 66" fill="none" stroke="currentColor" stroke-opacity="0.28" stroke-width="10" stroke-linecap="round" />
|
||
<circle cx="175" cy="324" r="22" fill="currentColor" opacity="0.22"/>
|
||
<circle cx="355" cy="324" r="22" fill="currentColor" opacity="0.22"/>
|
||
<path d="M220 196h100" stroke="currentColor" stroke-opacity="0.18" stroke-width="10" stroke-linecap="round"/>
|
||
<path d="M240 148h60" stroke="currentColor" stroke-opacity="0.18" stroke-width="10" stroke-linecap="round"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="projekte" class="section">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<h2>Projekte</h2>
|
||
<p>Apps und Werkzeuge, die im Van entstanden sind – und dort auch benutzt werden.</p>
|
||
</div>
|
||
|
||
<div class="grid">
|
||
<article class="card is-cast">
|
||
<div class="card-top">
|
||
<p class="card-meta">
|
||
<span class="pill">iOS App</span>
|
||
<span class="card-tag">Version 1.4</span>
|
||
</p>
|
||
<h3>VanityCast</h3>
|
||
<p>
|
||
Die Podcast-App für bewusstes Hören: eigene Audio-Engine mit
|
||
Lautstärke-Angleichung und Smart Speed, smarte Inbox, Hörstatistiken
|
||
und Playlisten. Läuft auf iPhone und CarPlay – <strong>komplett ohne Konto</strong>.
|
||
</p>
|
||
</div>
|
||
<div class="card-actions">
|
||
<a class="btn primary" href="https://go.vanityontour.de/vanitycast-ios" target="_blank" rel="noopener">Im App Store laden</a>
|
||
<a class="btn ghost" href="https://go.vanityontour.de/vanitycast" target="_blank" rel="noopener">Alle Funktionen</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card is-stay">
|
||
<div class="card-top">
|
||
<p class="card-meta">
|
||
<span class="pill subtle">Web-App</span>
|
||
</p>
|
||
<h3>StaySense</h3>
|
||
<p>
|
||
Standort-Check fürs Vanlife: Umwelt-Kontext, Umgebung und nützliche
|
||
Hinweise – direkt im Browser, ohne Store-Download.
|
||
<strong>Spots in der Nähe</strong> sind für 2026 geplant.
|
||
</p>
|
||
</div>
|
||
<div class="card-actions">
|
||
<a class="btn primary" href="https://go.vanityontour.de/staysense" target="_blank" rel="noopener">StaySense öffnen</a>
|
||
<a class="btn ghost" href="https://go.vanityontour.de/staysense-info" target="_blank" rel="noopener">Was kann das?</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card is-expense">
|
||
<div class="card-top">
|
||
<p class="card-meta">
|
||
<span class="pill subtle">App</span>
|
||
</p>
|
||
<h3>Vanity Expense Logbook</h3>
|
||
<p>
|
||
Ausgaben und Fahrten im Griff – fürs Leben unterwegs.
|
||
Ideal, wenn du wissen willst, wohin dein Geld fährt.
|
||
</p>
|
||
</div>
|
||
<div class="card-actions">
|
||
<a class="btn primary" href="https://go.vanityontour.de/expense" target="_blank" rel="noopener">Mehr erfahren</a>
|
||
<a class="btn ghost" href="mailto:app@vanityontour.de">Feedback geben</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card is-code">
|
||
<div class="card-top">
|
||
<p class="card-meta">
|
||
<span class="pill subtle">Open Source</span>
|
||
</p>
|
||
<h3>Code & Infrastruktur</h3>
|
||
<p>
|
||
Werkzeuge, Landingpages und Automatisierungen liegen offen –
|
||
auf der eigenen Forgejo-Instanz. Selbst gehostet, weil es geht.
|
||
</p>
|
||
</div>
|
||
<div class="card-actions">
|
||
<a class="btn primary" href="https://go.vanityontour.de/git" target="_blank" rel="noopener">Zum Code</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card is-blog">
|
||
<div class="card-top">
|
||
<p class="card-meta">
|
||
<span class="pill subtle">Blog</span>
|
||
</p>
|
||
<h3>Vanity on Tour</h3>
|
||
<p>
|
||
Produkttests, Stellplatz-Tests, Technik-Kram und gesellschaftliche
|
||
Themen – ohne Marketing-Zuckerguss.
|
||
</p>
|
||
</div>
|
||
<div class="card-actions">
|
||
<a class="btn primary" href="https://go.vanityontour.de/blog" target="_blank" rel="noopener">Zum Blog</a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="support" class="section alt">
|
||
<div class="container split">
|
||
<div class="split-copy">
|
||
<h2>Support</h2>
|
||
<p>
|
||
Wenn dir meine Tools, Tests oder Artikel helfen: Ein kleiner Support ist wie ein
|
||
Monster Energy – nicht zwingend gesund, aber sehr effektiv. 😄
|
||
</p>
|
||
</div>
|
||
<div class="support-actions">
|
||
<a class="btn primary" href="https://go.vanityontour.de/support" target="_blank" rel="noopener">Support-Seite öffnen</a>
|
||
<a class="btn ghost" href="#contact">Kooperation anfragen</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="social" class="section">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<h2>Social & Kontakt</h2>
|
||
<p>Such dir den Kanal aus – ich bin nicht wählerisch.</p>
|
||
</div>
|
||
|
||
<nav class="social" aria-label="Social-Media-Kanäle">
|
||
<a class="social-link" href="https://go.vanityontour.de/blog" target="_blank" rel="noopener"><span aria-hidden="true">🌐</span> Website</a>
|
||
<a class="social-link" href="https://go.vanityontour.de/git" target="_blank" rel="noopener"><span aria-hidden="true">🧑💻</span> Forgejo</a>
|
||
<a class="social-link" href="https://go.vanityontour.de/instagram" target="_blank" rel="noopener"><span aria-hidden="true">📷</span> Instagram</a>
|
||
<a class="social-link" href="https://go.vanityontour.de/bluesky" target="_blank" rel="noopener"><span aria-hidden="true">🦋</span> Bluesky</a>
|
||
<a class="social-link" href="https://go.vanityontour.de/x" target="_blank" rel="noopener"><span aria-hidden="true">𝕏</span> Twitter</a>
|
||
</nav>
|
||
|
||
<div id="contact" class="contact">
|
||
<h3>Kontakt</h3>
|
||
<p>
|
||
Für Kooperationen, Presse oder „Kannst du mal eben…?“<br />
|
||
<a class="contact-mail" href="mailto:kontakt@vanityontour.de">kontakt@vanityontour.de</a>
|
||
</p>
|
||
<p class="fineprint">
|
||
Fragen zu einer App? Dann direkt an
|
||
<a href="mailto:app@vanityontour.de">app@vanityontour.de</a>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="faq" class="section alt">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<h2>Mini-FAQ</h2>
|
||
<p>Damit niemand raten muss, was Sache ist.</p>
|
||
</div>
|
||
|
||
<details class="faq">
|
||
<summary>Was ist VanityCast?</summary>
|
||
<div class="faq-body">
|
||
<p>
|
||
Eine Podcast-App für iPhone und CarPlay, die auf bewusstes Hören ausgelegt ist:
|
||
smarte Inbox statt endloser Feed-Liste, Hörstatistiken, eigene Audio-Engine.
|
||
Es gibt keinen Account und keine Registrierung.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
|
||
<details class="faq">
|
||
<summary>Ist StaySense eine App?</summary>
|
||
<div class="faq-body">
|
||
<p>
|
||
Eher eine Website, die sich wie eine App anfühlt. Du kannst sie überall nutzen –
|
||
ohne Store-Download.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
|
||
<details class="faq">
|
||
<summary>StaySense – warum keine Spots?</summary>
|
||
<div class="faq-body">
|
||
<p>
|
||
Fokus auf Standort-Infos statt „hier ist ein Spot“. Spots in der Nähe sind geplant –
|
||
aber erst, wenn es sauber und sinnvoll umgesetzt ist.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
|
||
<details class="faq">
|
||
<summary>Warum laufen die Links über go.vanityontour.de?</summary>
|
||
<div class="faq-body">
|
||
<p>
|
||
Alle Weiterleitungen laufen über einen selbst gehosteten Kurzlink-Dienst auf dem
|
||
eigenen Server. Kein Bitly, keine Weitergabe an Dritte – und Ziele bleiben
|
||
änderbar, ohne dass ein gedruckter QR-Code neu gemacht werden muss.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="container footer-inner">
|
||
<p class="footer-brand">
|
||
<strong>Oliver / Vanity on Tour</strong><br/>
|
||
<span class="muted">Vanlife seit Jahren – Technik im Kopf, Staub an den Reifen.</span>
|
||
</p>
|
||
|
||
<nav class="footer-links" aria-label="Rechtliches">
|
||
<a href="https://vanityontour.de/impressum" target="_blank" rel="noopener">Impressum</a>
|
||
<a href="https://vanityontour.de/datenschutz" target="_blank" rel="noopener">Datenschutz</a>
|
||
</nav>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|