Pages

Your own website at yourname.cvinfo.me — one HTML file with CSS and JavaScript, from a theme or blank, with built-in blocks for video and e-mail.

A page is your own website at https://yourname.cvinfo.me/: one HTML file, with your own CSS and JavaScript. It costs 1 credits once, when you create it. Editing and republishing are free.

Create one#

Pages & decks → Page, choose the address (yourname) and how to start:
- From a theme — one of four starters: cvinfo, midnight, light or sunset. You get a complete HTML page with a photo, headline, link buttons and sections that you then edit like any other HTML.
- Blank — start from an empty file and write or paste your own HTML.
Edit the HTML in the editor and watch the live preview. Set up the built-in blocks in the Page features panel next to the editor.
Press Save & publish.

You can also let the AI assistant write or change the page for you.

The address can't be changed later; everything else can.

What you can write#

Any HTML: a full document (<!doctype html>…</html>) or just a fragment — a fragment gets a minimal document around it.
CSS: <style> blocks, style attributes, external stylesheets and fonts.
JavaScript: inline <script> and scripts from a CDN.
The <title> of your document is the page title.

Preview note: the editor preview runs inline scripts only; external scripts (e.g. from a CDN) run on the published page.

Images#

Upload photos and logos under Your images. Every image is AI-checked before it can be used. Put it on your page with upload:<id> as the address:

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

Copy the reference (upload:…) next to each image in your library; it also works in CSS as url(upload:…). Images from other https:// addresses work too.

Built-in blocks#

Drop these tags anywhere in your HTML. What they show is set in the Page features panel; on the published page each tag is replaced by its content. A block whose feature is not set up shows nothing.

Tag	Shows	Page features panel
`<cvinfo-video></cvinfo-video>`	Your intro video	A video from your video library, optional caption
`<cvinfo-email>Email me</cvinfo-email>`	A link that opens an e-mail to you	Your contact address

Intro video#

<cvinfo-video></cvinfo-video>
<cvinfo-video caption="Two minutes about me"></cvinfo-video>

Choose one of your own approved videos from your library. The video is streamed from cvinfo.me through expiring links (it is never a public file) and shows a poster frame before it plays. The optional caption attribute overrides the caption set in the panel.

E-mail link#

<cvinfo-email>Email me</cvinfo-email>
<cvinfo-email subject="Your application"></cvinfo-email>

A bot-resistant link to the contact address set in Page features — the address is never in the page as readable text. The inner text is the link label; leave it empty to show the address itself. The optional subject attribute pre-fills the subject line.

Styling the blocks#

Each block comes with light default styling and these classes:

Block	Class
Video	`cvi-video`
E-mail link	`cvi-email`

The default styles follow your page's --brand CSS variable if you define one (:root { --brand: #0b7285 }), and have the lowest possible priority, so any CSS of your own wins. A class attribute on the tag is added to the block, e.g. <cvinfo-email class="button">.

Show in search engines#

New pages are hidden from Google (noindex). Switch on Show in search engines in the editor if you want the page to be found. This switch always wins over any robots meta tag in your HTML.

Analytics and tracked links#

Every page has analytics that don't track people: views, opens through your tracked links and time on page, on Pages & decks. No addresses, browsers or visitor ids are stored.

Create a tracked link per application (1 credit; your first 2 links are free) to see whether it was opened by the people you sent it to for that application.

Versions and rollback#

Every publish creates a version. On Pages & decks you can roll back to any of the last five.

Limits#

One page, one HTML file, maximum 1 MB.
Images come from your image library (upload:<id>) or another https:// address.

Example#

<!doctype html>
<html lang="en"><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>Email me</cvinfo-email></p>
  <cvinfo-video caption="Two minutes about me"></cvinfo-video>
  <script>document.querySelector("h1").title = "Hi!";</script>
</body></html>

Menu