Skip to content
Draft
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 17 additions & 20 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
<!doctype html>
<html lang="it">
<html lang="en">

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ghòstati</title>
<meta name="description" content="Gòstati, diventa fantasma, sfuggi al riconoscimento facciale" />
<title>Ghostmaxxing</title>
<meta name="description" content="Ghostmaxxing, become a ghost, evade facial recognition" />

<!-- Se mi rompi il cazzo perchè ho messo dei google fonts: hai ragione e fai bene. -->
<!-- If you break my balls because I used google fonts: you are right and you do well. -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Expand All @@ -25,20 +25,19 @@
<meta name="robots" content="index, follow, max-image-preview:large">

<meta property="description"
content="Diventa un fantasma, sviluppa e testa camuffamenti anti-riconoscimento biometrico." />
<meta property="og:title" content="Ghòstati" />
content="Become a ghost, develop and test biometric anti-recognition camouflage." />
<meta property="og:title" content="Ghostmaxxing" />
<meta property="og:description"
content="Diventa un fantasma, sviluppa e testa camuffamenti anti-riconoscimento biometrico." />
content="Become a ghost, develop and test biometric anti-recognition camouflage." />

<meta property="og:type" content="website" />
<meta property="og:url" content="https://sindacato.nina.watch/ghostati/" />
<meta property="og:image" content="https://sindacato.nina.watch/ghostati/images/ghostati-hero.png" />
<meta property="og:site_name" content="NINA" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Ghòstati, col Trucco Avverso" />
<meta name="twitter:description"
content="Strumento che usa la webcam per insegnarti camuffamenti anti-riconoscimento biometrico - Sviluppa il trucco/plugin!" />
<meta name="twitter:title" content="Ghostmaxxing, Anti-Recognition Makeup" />
<meta name="twitter:description" content="Tool that uses the webcam to teach you anti-biometric-recognition makeup - Develop the makeup/plugin!" />
<meta name="twitter:image" content="https://sindacato.nina.watch/ghostati/images/ghostati-hero.png" />

<meta name="theme-color" content="#9f7aea" />
Expand All @@ -55,18 +54,16 @@
<p class="ghost-topbar__progress" id="revealProgress" aria-live="polite">0%</p>

<button class="ghost-topbar__toggle" id="ghostMenuToggle" type="button" aria-expanded="false"
aria-controls="ghostTopbarMenu" aria-label="Apri menu">
aria-controls="ghostTopbarMenu" aria-label="Open menu">
<span>☰</span>
</button>

<nav class="ghost-topbar__nav" aria-label="Workshop e progetto">
<nav class="ghost-topbar__nav" aria-label="Workshop and project">
<ul class="ghost-topbar__links" id="ghostTopbarMenu">
<li><a href="https://supporta.nina.watch/NINA/Festival/8/" target="_blank" rel="noopener noreferrer">Milano · 9
Maggio</a></li>
<li><a href="https://supporta.nina.watch/NINA/roma/26/" target="_blank" rel="noopener noreferrer">Roma · 10
Maggio</a></li>
<li><a href="https://github.com/vecna/ghostati" target="_blank" rel="noopener noreferrer">codice</a></li>
<li><a href="https://sindacato.nina.watch/it/iniziative/ghostati/">progetto</a></li>
<li><a href="https://supporta.nina.watch/NINA/Festival/8/" target="_blank" rel="noopener noreferrer">Milan · 9 May</a></li>
<li><a href="https://supporta.nina.watch/NINA/roma/26/" target="_blank" rel="noopener noreferrer">Rome · 10 May</a></li>
<li><a href="https://github.com/vecna/ghostati" target="_blank" rel="noopener noreferrer">code</a></li>
<li><a href="https://sindacato.nina.watch/en/initiatives/ghostati/">project</a></li>
</ul>
</nav>
</header>
Expand All @@ -75,10 +72,10 @@
<canvas class="ghost-hero__veil" id="ghostVeil" aria-hidden="true"></canvas>

<img class="ghost-hero__image" src="images/ghostati-hero.png"
alt="Immagine semi-temporanea di un volto generato con un lamerissimo servizio." />
alt="Semi-temporary image of a generated face using a high-quality service." />

<a class="ghost-hero__wordmark" id="ghostLink" href="ghostati.html" aria-disabled="true" tabindex="-1">
<h1 class="wordmark__layer">Ghòstati</h1>
<h1 class="wordmark__layer">Ghostmaxxing</h1>
</a>
</main>

Expand Down