People

Gemfile.lock

@@ -1,7 +1,7 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (6.1.3)
+    activesupport (6.1.3.1)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 1.6, < 2)
       minitest (>= 5.1)

_data/people.csv

@@ -0,0 +1,5 @@
+name,surname,url,description,nationality,what,lang
+Tommi,,https://tommi.space/,Tommi’s personal website,it,main l10n,it en fr
+Veronica,Piccolo,https://www.isoc.it/users/veronica.piccolo,Veronica Piccolo’s profile on The Internet Society forum,it,help,it en
+Margherita,Moro,,,it,help,it en
+Jasmine,Abd El Gelil,,,it,draw,it

_data/press.csv

@@ -0,0 +1,2 @@
+"title","url","description","author","masthead","lang","format","date"
+"Intervista","https://youtu.be/LFKmRWEqCTk?t=620","video intervista di Natale Ciappina a Tommi","Natale Ciappina","mag zine","it","video","2021-03-12"

_sass/_inter.scss

@@ -3,16 +3,16 @@
   font-style:  normal;
   font-weight: 100;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-Thin.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-Thin.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-Thin.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-Thin.woff?v=3.16") format("woff");
 }
 @font-face {
   font-family: 'Inter';
   font-style:  italic;
   font-weight: 100;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-ThinItalic.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-ThinItalic.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-ThinItalic.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-ThinItalic.woff?v=3.16") format("woff");
 }
 
 @font-face {
@@ -20,16 +20,16 @@
   font-style:  normal;
   font-weight: 200;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-ExtraLight.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-ExtraLight.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-ExtraLight.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-ExtraLight.woff?v=3.16") format("woff");
 }
 @font-face {
   font-family: 'Inter';
   font-style:  italic;
   font-weight: 200;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-ExtraLightItalic.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-ExtraLightItalic.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-ExtraLightItalic.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-ExtraLightItalic.woff?v=3.16") format("woff");
 }
 
 @font-face {
@@ -37,16 +37,16 @@
   font-style:  normal;
   font-weight: 300;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-Light.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-Light.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-Light.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-Light.woff?v=3.16") format("woff");
 }
 @font-face {
   font-family: 'Inter';
   font-style:  italic;
   font-weight: 300;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-LightItalic.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-LightItalic.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-LightItalic.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-LightItalic.woff?v=3.16") format("woff");
 }
 
 @font-face {
@@ -54,16 +54,16 @@
   font-style:  normal;
   font-weight: 400;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-Regular.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-Regular.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-Regular.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-Regular.woff?v=3.16") format("woff");
 }
 @font-face {
   font-family: 'Inter';
   font-style:  italic;
   font-weight: 400;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-Italic.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-Italic.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-Italic.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-Italic.woff?v=3.16") format("woff");
 }
 
 @font-face {
@@ -71,16 +71,16 @@
   font-style:  normal;
   font-weight: 500;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-Medium.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-Medium.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-Medium.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-Medium.woff?v=3.16") format("woff");
 }
 @font-face {
   font-family: 'Inter';
   font-style:  italic;
   font-weight: 500;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-MediumItalic.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-MediumItalic.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-MediumItalic.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-MediumItalic.woff?v=3.16") format("woff");
 }
 
 @font-face {
@@ -88,16 +88,16 @@
   font-style:  normal;
   font-weight: 600;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-SemiBold.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-SemiBold.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-SemiBold.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-SemiBold.woff?v=3.16") format("woff");
 }
 @font-face {
   font-family: 'Inter';
   font-style:  italic;
   font-weight: 600;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-SemiBoldItalic.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-SemiBoldItalic.woff?v=3.16") format("woff");
 }
 
 @font-face {
@@ -105,16 +105,16 @@
   font-style:  normal;
   font-weight: 700;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-Bold.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-Bold.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-Bold.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-Bold.woff?v=3.16") format("woff");
 }
 @font-face {
   font-family: 'Inter';
   font-style:  italic;
   font-weight: 700;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-BoldItalic.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-BoldItalic.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-BoldItalic.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-BoldItalic.woff?v=3.16") format("woff");
 }
 
 @font-face {
@@ -122,16 +122,16 @@
   font-style:  normal;
   font-weight: 800;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-ExtraBold.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-ExtraBold.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-ExtraBold.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-ExtraBold.woff?v=3.16") format("woff");
 }
 @font-face {
   font-family: 'Inter';
   font-style:  italic;
   font-weight: 800;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-ExtraBoldItalic.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-ExtraBoldItalic.woff?v=3.16") format("woff");
 }
 
 @font-face {
@@ -139,16 +139,16 @@
   font-style:  normal;
   font-weight: 900;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-Black.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-Black.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-Black.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-Black.woff?v=3.16") format("woff");
 }
 @font-face {
   font-family: 'Inter';
   font-style:  italic;
   font-weight: 900;
   font-display: swap;
-  src: url("https://tommi.space/fonts/inter/Inter-BlackItalic.woff2?v=3.15") format("woff2"),
-       url("https://tommi.space/fonts/inter/Inter-BlackItalic.woff?v=3.15") format("woff");
+  src: url("https://tommi.space/fonts/inter/Inter-BlackItalic.woff2?v=3.16") format("woff2"),
+       url("https://tommi.space/fonts/inter/Inter-BlackItalic.woff?v=3.16") format("woff");
 }
 
 /* -------------------------------------------------------
@@ -166,7 +166,7 @@ Usage:
   font-display: swap;
   font-style: normal;
   font-named-instance: 'Regular';
-  src: url("https://tommi.space/fonts/inter/Inter-roman.var.woff2?v=3.15") format("woff2");
+  src: url("https://tommi.space/fonts/inter/Inter-roman.var.woff2?v=3.16") format("woff2");
 }
 @font-face {
   font-family: 'Inter var';
@@ -174,7 +174,7 @@ Usage:
   font-display: swap;
   font-style: italic;
   font-named-instance: 'Italic';
-  src: url("https://tommi.space/fonts/inter/Inter-italic.var.woff2?v=3.15") format("woff2");
+  src: url("https://tommi.space/fonts/inter/Inter-italic.var.woff2?v=3.16") format("woff2");
 }
 
 
@@ -196,5 +196,5 @@ explicitly, e.g.
   font-weight: 100 900;
   font-display: swap;
   font-style: oblique 0deg 10deg;
-  src: url("https://tommi.space/fonts/inter/Inter.var.woff2?v=3.15") format("woff2");
+  src: url("https://tommi.space/fonts/inter/Inter.var.woff2?v=3.16") format("woff2");
 }

pages/Contributors.md

@@ -1,19 +1,32 @@
 ---
-title: "Contributors"
+title: Contributors
 permalink: /contributors
-description: "Everyone who made this website"
+description: 'Everyone who <a href="/contribute" target="_blank" title="Contribute">contributed</a> to this website'
 redirect_from: ["/people"]
+ref: people
 ---
-This website was created by [Tommi](https://tommi.space "Tommi's personal website").
+This website [was created](/about "About quitsocialmedia.club") by [Tommi](https://tommi.space "Tommi's personal website").
 
 <br>
 <br>
 
 ## Localization
 
-Everyone who localized content:
+Everyone who [localized](/l10n "Localization") this website’s content:
 
-- [Tommi](https://tommi.space "Tommi’s personal website") - 🇮🇹🇬🇧
+<ul>
+	{% for person in site.data.people %}
+		{% if person.what contains 'l10n' %}
+			<li>
+				{% if person.url != nil %}
+					<a href="{{ person.url }}" rel="noopener noreferrer" target="_blank" title="{{ person.title }}">{{ person.name }} {{ person.surname }}</a>
+				{% else %}
+					{{ person.name }} {{ person.surname }}
+				{% endif %}
+			</li>
+		{% endif %}
+	{% endfor %}
+</ul>
 
 <br>
 <br>
@@ -22,4 +35,37 @@ Everyone who localized content:
 
 Anyone who was consulted and contacted with questions regarding the website.
 
-- [Veronica Piccolo](https://www.isoc.it/users/veronica.piccolo "Veronica Piccolo’s page in Internet Society")
+<ul>
+	{% for person in site.data.people %}
+		{% if person.what contains 'help' %}
+			<li>
+				{% if person.url != nil %}
+					<a href="{{ person.url }}" rel="noopener noreferrer" target="_blank" title="{{ person.title }}">{{ person.name }} {{ person.surname }}</a>
+				{% else %}
+					{{ person.name }} {{ person.surname }}
+				{% endif %}
+			</li>
+		{% endif %}
+	{% endfor %}
+</ul>
+
+<br>
+<br>
+
+## Illustrations
+
+The authors of the drawings and illustrations displayed in the website.
+
+<ul>
+	{% for person in site.data.people %}
+		{% if person.what contains 'draw' %}
+			<li>
+				{% if person.url != nil %}
+					<a href="{{ person.url }}" rel="noopener noreferrer" target="_blank" title="{{ person.title }}">{{ person.name }} {{ person.surname }}</a>
+				{% else %}
+					{{ person.name }} {{ person.surname }}
+				{% endif %}
+			</li>
+		{% endif %}
+	{% endfor %}
+</ul>

pages/Press.md

@@ -0,0 +1,31 @@
+---
+title: Press Kit
+permalink: /press
+redirect_from: ["/presskit", "/press-kit"]
+ref: press
+description: "Articles and publications containing a reference to this website, plus some basic infos for journalists and press interested in publishing something about the website"
+toc: false
+---
+## Press kit
+
+Please [contact tommi via email]({{ "tommi@quitsocialmedia.club" | uri_encode }} "Write Tommi an email") for any question not answered in the [About page](/about "About quitsocialmedia.club").
+
+<br>
+<br>
+
+## Mentions
+
+A list of links to publications where quitsocialmedia appears:
+
+<ul>
+	{% for article in site.data.press %}
+		<li>
+			{% if article.lang == 'it' %}
+				🇮🇹 
+			{% else %}
+				🇬🇧 
+			{% endif %}
+			<a href="{{ article.url }}" rel="noopener noreferrer" target="_blank" title="{{ article.title }}">{{ article.title }}</a> by {{ article.author }} on {{ article.amasthead }}, {{ article.date | date_to_long_string }}
+		</li>
+	{% endfor %}
+</ul>

pages/it/Partecipanti.md

@@ -0,0 +1,72 @@
+---
+title: Partecipanti
+permalink: /partecipanti
+description: 'Tutti coloro che hanno <a href="/contribuisci" target="_blank" title="Contribuisci">contribuito</a> a questo sito'
+redirect_from: ["/persone", "/it/contributors", "/contributors-it", "/contributori"]
+lang: it
+ref: people
+---
+Questo sito [è stato creato](/info "Informazioni su quitsocialmedia.club") da [Tommi](https://tommi.space "Tommi's personal website").
+
+<br>
+<br>
+
+## Localizzazione
+
+Tutti coloro che hanno [localizzato](/l10n "Localization") i contenuti di questo sito:
+
+<ul>
+	{% for person in site.data.people %}
+		{% if person.what contains 'l10n' %}
+			<li>
+				{% if person.url != nil %}
+					<a href="{{ person.url }}" rel="noopener noreferrer" target="_blank" title="{{ person.description }}">{{ person.name }} {{ person.surname }}</a>
+				{% else %}
+					{{ person.name }} {{ person.surname }}
+				{% endif %}
+			</li>
+		{% endif %}
+	{% endfor %}
+</ul>
+
+<br>
+<br>
+
+## Suggerimenti e miglioramenti
+
+Le persone che hanno contribuito a migliorare i contenuti e la forma in cui sono stati esposti.
+
+<ul>
+	{% for person in site.data.people %}
+		{% if person.what contains 'help' %}
+			<li>
+				{% if person.url != nil %}
+					<a href="{{ person.url }}" rel="noopener noreferrer" target="_blank" title="{{ person.description }}">{{ person.name }} {{ person.surname }}</a>
+				{% else %}
+					{{ person.name }} {{ person.surname }}
+				{% endif %}
+			</li>
+		{% endif %}
+	{% endfor %}
+</ul>
+
+<br>
+<br>
+
+## Illustrazioni
+
+Gli autori delle illustrazioni presenti nelle varie pagine
+
+<ul>
+	{% for person in site.data.people %}
+		{% if person.what contains 'draw' %}
+			<li>
+				{% if person.url != nil %}
+					<a href="{{ person.url }}" rel="noopener noreferrer" target="_blank" title="{{ person.description }}">{{ person.name }} {{ person.surname }}</a>
+				{% else %}
+					{{ person.name }} {{ person.surname }}
+				{% endif %}
+			</li>
+		{% endif %}
+	{% endfor %}
+</ul>

pages/it/Stampa.md

@@ -0,0 +1,31 @@
+---
+title: Stampa
+permalink: /stampa
+redirect_from: ["/kitstampa", "/kit-stampa", "/stampakit", "/stampa-kit", "/it/press", "/press-it", "/it/press-kit"]
+ref: press
+description: "Articoli e video in cui è menzionato questo sito e informazioni per giornalisti interessati a raccontare di quitsocialmedia.club"
+toc: false
+---
+## Press kit
+
+Si prega di [contattare Tommi via email]({{ "tommi@quitsocialmedia.club" | uri_encode }} "Scrivere un’email a Tommi") per qualunque domanda la cui risposta non fosse trovata nella [pagina info](/info "Informazioni su quitsocialmedia.club") o in [Obiezioni e risposte](/it/faq "Obiezioni e risposte").
+
+<br>
+<br>
+
+## Mentions
+
+A list of links to publications where quitsocialmedia appears:
+
+<ul>
+	{% for article in site.data.press %}
+		<li>
+			{% if article.lang == 'it' %}
+				🇮🇹 
+			{% else %}
+				🇬🇧 
+			{% endif %}
+			<a href="{{ article.url }}" rel="noopener noreferrer" target="_blank" title="{{ article.title }}">{{ article.title }}</a> di {{ article.author }} su {{ article.masthead }}, {{ article.date | date_to_long_string }}
+		</li>
+	{% endfor %}
+</ul>

style.scss

@@ -231,7 +231,13 @@ article li,
 		}
 		&[href*="mailto" i] {
 		&::before {
-			content: "✉️ ";
+			content: "  ✉️ ";
+			}
+		}
+		&[href^="/stampa" i],
+		&[href^="/press" i] {
+			&::before {
+				content: "📰 ";
 			}
 		}
 		&[href*="/about" i],
@@ -312,7 +318,9 @@ article li,
 				content: "❌ ";
 			}
 		}
-		&[href="/contributors" i] {
+		&[href^="/contributors" i],
+		&[href^="/it/cont" i],
+		&[href="/partecipanti" i] {
 			&::before {
 				content: "🧑🏽‍💻 ";
 			}