Seiten

Ihre eigene Website unter ihrname.cvinfo.me – eine HTML-Datei mit CSS und JavaScript, aus einem Theme oder leer, mit Bausteinen für Video und E-Mail.

Eine Seite ist Ihre eigene Website unter https://ihrname.cvinfo.me/: eine HTML-Datei mit Ihrem eigenen CSS und JavaScript. Sie kostet einmalig 1 Credits, beim Erstellen. Bearbeiten und erneutes Veröffentlichen sind kostenlos.

Erstellen#

Pages & decks → Page, Adresse (ihrname) wählen und festlegen, womit Sie beginnen:
- Aus einem Theme – eine von vier Vorlagen: cvinfo, midnight, light oder sunset. Sie erhalten eine vollständige HTML-Seite mit Foto, Überschrift, Link-Buttons und Abschnitten, die Sie wie jedes andere HTML bearbeiten.
- Leer – Sie beginnen mit einer leeren Datei und schreiben oder fügen Ihr eigenes HTML ein.
Bearbeiten Sie das HTML im Editor und verfolgen Sie die Live-Vorschau. Die eingebauten Bausteine richten Sie im Bereich Page features neben dem Editor ein.
Save & publish drücken.

Sie können die Seite auch vom KI-Assistenten schreiben oder ändern lassen.

Die Adresse lässt sich später nicht ändern, alles andere schon.

Was Sie schreiben können#

Beliebiges HTML: ein vollständiges Dokument (<!doctype html>…</html>) oder nur ein Fragment – ein Fragment wird in ein minimales Dokument eingebettet.
CSS: <style>-Blöcke, style-Attribute, externe Stylesheets und Schriften.
JavaScript: Inline-<script> und Skripte von einem CDN.
Der <title> Ihres Dokuments ist der Seitentitel.

Hinweis zur Vorschau: Die Vorschau im Editor führt nur Inline-Skripte aus; externe Skripte (z. B. von einem CDN) laufen auf der veröffentlichten Seite.

Bilder#

Laden Sie Fotos und Logos unter Ihre Bilder hoch. Jedes Bild wird vor der Verwendung per KI geprüft. Binden Sie es mit upload:<id> als Adresse ein:

<img src="upload:3f9a1c2b7d4e8f60" alt="Jane Doe">

Die Referenz (upload:…) kopieren Sie neben dem jeweiligen Bild in Ihrer Bibliothek; sie funktioniert auch in CSS als url(upload:…). Bilder von anderen https://-Adressen funktionieren ebenfalls.

Eingebaute Bausteine#

Setzen Sie diese Tags an beliebiger Stelle in Ihr HTML. Was sie anzeigen, legen Sie im Bereich Page features fest; auf der veröffentlichten Seite wird jedes Tag durch seinen Inhalt ersetzt. Ein Baustein, dessen Funktion nicht eingerichtet ist, zeigt nichts an.

Tag	Zeigt	Bereich „Page features“
`<cvinfo-video></cvinfo-video>`	Ihr Vorstellungsvideo	Ein Video aus Ihrer Videobibliothek, optionale Bildunterschrift
`<cvinfo-email>Schreiben Sie mir</cvinfo-email>`	Einen Link, der eine E-Mail an Sie öffnet	Ihre Kontaktadresse

Vorstellungsvideo#

<cvinfo-video></cvinfo-video>
<cvinfo-video caption="Zwei Minuten über mich"></cvinfo-video>

Wählen Sie eines Ihrer eigenen freigegebenen Videos aus Ihrer Bibliothek. Das Video wird über ablaufende Links von cvinfo.me gestreamt (es ist nie eine öffentliche Datei) und zeigt vor dem Abspielen ein Vorschaubild. Das optionale Attribut caption ersetzt die im Bereich eingestellte Bildunterschrift.

E-Mail-Link#

<cvinfo-email>Schreiben Sie mir</cvinfo-email>
<cvinfo-email subject="Ihre Bewerbung"></cvinfo-email>

Ein vor Bots geschützter Link zur Kontaktadresse aus „Page features“ – die Adresse steht nie lesbar in der Seite. Der Text im Tag ist die Beschriftung; bleibt er leer, wird die Adresse selbst angezeigt. Das optionale Attribut subject füllt den Betreff vor.

Bausteine gestalten#

Jeder Baustein bringt ein dezentes Standard-Styling und diese Klassen mit:

Baustein	Klasse
Video	`cvi-video`
E-Mail-Link	`cvi-email`

Die Standard-Styles übernehmen die CSS-Variable --brand Ihrer Seite, wenn Sie eine definieren (:root { --brand: #0b7285 }), und haben die niedrigstmögliche Priorität – Ihr eigenes CSS gewinnt immer. Ein class-Attribut am Tag wird an den Baustein angehängt, z. B. <cvinfo-email class="button">.

In Suchmaschinen anzeigen#

Neue Seiten sind für Google unsichtbar (noindex). Schalten Sie im Editor Show in search engines ein, wenn die Seite gefunden werden soll. Dieser Schalter hat immer Vorrang vor einem Robots-Meta-Tag in Ihrem HTML.

Statistiken und Tracking-Links#

Jede Seite hat Statistiken ohne Personen-Tracking: Aufrufe, Öffnungen über Ihre Tracking-Links und Verweildauer, unter Pages & decks. Es werden keine IP-Adressen, Browserdaten oder Besucher-IDs gespeichert.

Erstellen Sie pro Bewerbung einen Tracking-Link (1 Credit; Ihre ersten 2 Links sind kostenlos), um zu sehen, ob die Seite bei dieser Bewerbung geöffnet wurde.

Versionen und Zurücksetzen#

Jede Veröffentlichung erzeugt eine Version. Unter Pages & decks können Sie zu jeder der letzten fünf zurückkehren.

Grenzen#

Eine Seite, eine HTML-Datei, maximal 1 MB.
Bilder stammen aus Ihrer Bildbibliothek (upload:<id>) oder von einer anderen https://-Adresse.

Beispiel#

<!doctype html>
<html lang="de"><head>
  <title>Jane Doe</title>
  <style>
    :root { --brand: #0b7285 }
    body { font-family: system-ui; max-width: 640px; margin: 64px auto; padding: 0 16px }
    .muted { color: #666 }
  </style>
</head><body>
  <img src="upload:3f9a1c2b7d4e8f60" alt="Jane Doe" width="96" height="96" style="border-radius:50%">
  <h1>Jane Doe</h1>
  <p class="muted">Senior Data Engineer · Berlin</p>
  <p><a href="https://linkedin.com/in/janedoe">LinkedIn</a> · <cvinfo-email>Schreiben Sie mir</cvinfo-email></p>
  <cvinfo-video caption="Zwei Minuten über mich"></cvinfo-video>
  <script>document.querySelector("h1").title = "Hallo!";</script>
</body></html>

Menü