Add about page

config/_default/menus.en.yaml

@@ -11,6 +11,9 @@ header:
   - name: Datasets
     pageRef: /datasets
     weight: 4
+  - name: About
+    pageRef: /about
+    weight: 5
 footer:
   - name: Privacy policy
     pageRef: /privacy-policy

config/_default/menus.fr.yaml

@@ -11,6 +11,9 @@ header:
   - name: Jeux de données
     pageRef: /datasets
     weight: 4
+  - name: A propos
+    pageRef: /about
+    weight: 5
 footer:
   - name: Politique de confidentialité
     pageRef: /privacy-policy

content/about.fr.md

@@ -0,0 +1,12 @@
+---
+html_title: À propos
+html_description: Open Terms Archive est un logiciel libre et ouvert visant à devenir un commun numérique.
+slug: /a-propos
+layout: about
+---
+
+# Open Terms Archive est un logiciel libre et ouvert visant à devenir un commun numérique.
+
+Cela signifie que son code source peut être librement réutilisé et modifié, tant que les améliorations effectuées sont mises à disposition de la communauté sous les mêmes conditions. Cela signifie également que les décisions d'évolution du logiciel seront prises de manière de plus en plus démocratique au fur et à mesure que la communauté qui le construit s'agrandira. Son [budget]({{< relref path="/budget" >}}) et ses [mesures d'écosystème]({{< relref path="/stats" >}}) sont publics et transparents.
+
+**Nous recherchons des financements pour développer les usages et garantir la pérennité d'Open Terms Archive. Vous connaissez des moyens de nous aider ? [Contactez-nous](mailto:{{< param "contact_email" >}}) !**

content/about.md

@@ -0,0 +1,11 @@
+---
+html_title: About
+html_description: Open Terms Archive is free and open source software aiming at becoming a digital common.
+layout: about
+---
+
+# Open Terms Archive is free and open source software aiming at becoming a digital common.
+
+This means its source code can be freely reused and built upon, as long as improvements are made available to the community under the same conditions. This also means that decisions on the evolution of the product will be taken in an increasingly democratic manner as the community that builds it will grow. Its [budget]({{< relref path="/budget" >}}) and [ecosystem metrics]({{< relref path="/stats" >}}) are public and transparent.
+
+**We are looking for funding to expand usage and ensure the sustainability of Open Terms Archive. Do you know of ways to help? Please [contact us](mailto:{{< param "contact_email" >}})!**

data/contributors.json

@@ -0,0 +1,49 @@
+{
+  "core": {
+    "Matti Schneider": "https://mattischneider.fr",
+    "Nicolas Dupont": "https://github.com/Ndpnt",
+    "Clément Biron": "https://clementbiron.com"
+  },
+  "alumni": {
+    "Martin Ratinaud": "https://github.com/martinratinaud",
+    "Elsa Trujillo": "https://twitter.com/Elsa_Trujillo_",
+    "Siegrid Henry": "https://github.com/SiegridHenry"
+  },
+  "communityManagers": {
+    "Clifford Ouma": "https://github.com/Cli4d",
+    "Amarachi Johnson-Ubah": "https://github.com/emmanuellar"
+  },
+  "contributors": {
+    "Henri Verdier": "https://twitter.com/henriverdier",
+    "Marine Guillaume": "https://twitter.com/marineguillaum",
+    "Adrien Fines": "https://github.com/AdrienFines",
+    "Michiel de Jong": "https://github.com/michielbdejong",
+    "Lucas Verney": "https://github.com/LVerneyPEReN",
+    "Tom Houriez": "https://github.com/THouriezPEReN",
+    "Antoine Vernois": "https://github.com/avernois",
+    "Louis-Victor de Franssu": "https://twitter.com/lvdefranssu",
+    "Jeremy Hureaux": "https://twitter.com/hureaux",
+    "Vincent Viers": "https://github.com/vviers",
+    "Christian Quest": "https://github.com/cquest",
+    "Aaronj Sugarman": "https://github.com/AaronjSugarman",
+    "Marius Karnauskas": "https://github.com/karnauskas",
+    "GatienH": "https://github.com/GatienH",
+    "Marie-Pierre Vidonne": "https://github.com/mvidonne",
+    "Stache": "https://github.com/Amustache",
+    "Mathilde Saliou": "https://twitter.com/mathildsl",
+    "Alex Fisher": "https://github.com/afisher3578",
+    "Luã Streit": "https://www.linkedin.com/in/lua-streit/",
+    "Laurie Liddell": "https://www.linkedin.com/in/laurie-liddell-bb4278b3/",
+    "Raphael Bartlomé": "https://www.linkedin.com/in/raphael-bartlome-840006164/",
+    "Chloé Legendre": "https://www.linkedin.com/in/chlo%C3%A9-legendre-2b014a1a6/",
+    "Constance Dauvergne": "https://www.linkedin.com/in/constance-dauvergne-1811a5192/",
+    "Paul-Olivier Dehaye": "https://github.com/pdehaye",
+    "Thomas Guillet": "https://github.com/guillett",
+    "Lucie Lechardoy": "https://www.linkedin.com/in/lucie-lechardoy-b092b745/",
+    "Paolo Calderoni": "https://www.linkedin.com/in/paolo-calderoni/",
+    "Giacomo Stazi": "https://www.linkedin.com/in/giacomo-stazi-a14a15136/",
+    "Jan Klass": "https://github.com/Kissaki",
+    "Thomas Reboul": "https://www.linkedin.com/in/thomas-reboul-29a46569/",
+    "Harshil Jani": "https://github.com/Harshil-Jani"
+  }
+}

i18n/en.yaml

@@ -23,3 +23,23 @@ budget:
     table:
       col1: Source
       col2: in €
+about:
+  core:
+    title: Core Team
+    subtitle: Improve and maintain Open Terms Archive on a daily basis.
+  alumni:
+    title: Alumni
+    subtitle: Former Core Team members.
+  community_managers:
+    title: Community Managers
+    subtitle: Review contributions, engage contributors and animate the ecosystem.
+  incubator:
+    title: Incubator
+    subtitle: Provides legal hosting and political sponsorship.
+  funders:
+    title: Funders
+    subtitle: Compensate the time of the Core Team and pay for the technical infrastructure.
+    details: This project was in part [funded](https://nlnet.nl/project/TOSDR-OTA/) through the [NGI0 Entrust](https://nlnet.nl/entrust) Fund, a fund established by [NLnet](https://nlnet.nl/) with financial support from the European Commission's [Next Generation Internet](https://www.ngi.eu/) programme, under the aegis of DG Communications Networks, Content and Technology under grant agreement N°101069594.
+  contributors:
+    title: Contributors
+    subtitle: Volunteer time and effort to improve the software, data, documentation, outreach or any other form of action that serves Open\_Terms\_Archive’s [impact model]({{ .impactLink }}).

i18n/fr.yaml

@@ -23,3 +23,23 @@ budget:
     table:
       col1: Source
       col2: en €
+about:
+  core:
+    title: Équipe cœur
+    subtitle: Améliore et maintient Open Terms Archive.
+  alumni:
+    title: Alumni
+    subtitle: Anciens membres de l'équipe cœur.
+  community_managers:
+    title: Community managers
+    subtitle: Revoient les contributions, encouragent les contributeurs et animent l'écosystème.
+  incubator:
+    title: Incubateur
+    subtitle: Fournit la structure légale et le soutien politique.
+  funders:
+    title: Financeurs
+    subtitle: Indemnisent le temps de l'équipe cœur et financent l'infrastructure technique.
+    details: Ce projet a été en partie [financé](https://nlnet.nl/project/TOSDR-OTA/) par le fonds [NGI0 Entrust](https://nlnet.nl/entrust), un fonds établi par [NLnet](https://nlnet.nl/) avec le soutien financier du programme [Next Generation Internet](https://www.ngi.eu/) de la Commission européenne, sous l'égide de la DG Réseaux de communication, contenu et technologies dans le cadre de la convention de subvention N°101069594.
+  contributors:
+    title: Contributeurs
+    subtitle: Offrent du temps bénévole pour améliorer le logiciel, les données, la documentation, la visibilité ou toute autre forme d'action qui contribue au [modèle d'impact]({{ .impactLink }}) d'Open Terms Archive.

themes/opentermsarchive/layouts/_default/about.html

@@ -0,0 +1,68 @@
+{{ define "main" }}
+  {{ .Content }}
+  <hr />
+  <div>
+    <h3>{{ i18n "about.core.title" }}</h3>
+    <p>{{ i18n "about.core.subtitle" }}</p>
+    {{ partial "contributors.html" (dict "type" "core" "thumbnailWidth" 88 "thumbnailHeight" 88 "showInfo" true "class" "contributors__hasNoMarginTop" ) }}
+  </div>
+  <div>
+    <h4>{{ i18n "about.alumni.title" }}</h4>
+    <p>{{ i18n "about.alumni.subtitle" }}</p>
+    {{ partial "contributors.html" (dict "type" "alumni" "showInfo" true "class" "mb__2XL contributors__hasNoMarginTop" ) }}
+  </div>
+  <div>
+    <h3>{{ i18n "about.incubator.title" }}</h3>
+    <p>{{ i18n "about.incubator.subtitle" }}</p>
+    <div class="thumbGallery mb__2XL">
+      <div class="thumbGalery_items thumbGalery_items__hasNoMarginTop">
+        <a href="https://disinfo.quaidorsay.fr" target="_blank" rel="noopener">
+          <div class="thumbGalleryItem">
+            <img src="{{ (resources.Get "/images/contributors/ambassadeur-francais-pour-le-numerique.png").RelPermalink }}" width="158" height="80" />
+          </div>
+        </a>
+      </div>
+    </div>
+  </div>
+  <div>
+    <h3>{{ i18n "about.funders.title" }}</h3>
+    <p>{{ i18n "about.funders.subtitle" }}</p>
+    <div class="thumbGallery thumbGalery__isSmall mb__2XL">
+      <div class="thumbGalery_items thumbGalery_items__hasNoMarginTop">
+        <div class="thumbGalleryItem">
+          <img src="{{ (resources.Get "/images/contributors/meae.png").RelPermalink }}" width="130" height="117" />
+        </div>
+        <div class="thumbGalleryItem">
+          <img src="{{ (resources.Get "/images/contributors/france-relance.png").RelPermalink }}" width="77" height="77" />
+        </div>
+        <div class="thumbGalleryItem">
+          <img src="{{ (resources.Get "/images/contributors/nextgen.png").RelPermalink }}" width="220" height="48" />
+        </div>
+        <div class="thumbGalleryItem">
+          <img src="{{ (resources.Get "/images/contributors/reset.png").RelPermalink }}" width="101" height="29" />
+        </div>
+        <div class="thumbGalleryItem">
+          <img src="{{ (resources.Get "/images/contributors/nlnet.png").RelPermalink }}" width="160" height="120" />
+        </div>
+        <div class="thumbGalleryItem">
+          <img src="{{ (resources.Get "/images/contributors/european-commission.png").RelPermalink }}" width="144" height="100" />
+        </div>
+        <div class="thumbGalleryItem">
+          <img src="{{ (resources.Get "/images/contributors/dinum.png").RelPermalink }}" width="320" height="80" />
+        </div>
+      </div>
+    </div>
+    <p>{{ i18n "about.funders.details" | markdownify }}</p>
+  </div>
+  <div>
+    <h3>{{ i18n "about.community_managers.title" }}</h3>
+    <p>{{ i18n "about.community_managers.subtitle" }}</p>
+    {{ partial "contributors.html" (dict "type" "communityManagers" "showInfo" true "class" "mb__2XL contributors__hasNoMarginTop" ) }}
+  </div>
+  <div>
+    <h3>{{ i18n "about.contributors.title" }}</h3>
+    {{ $impactLink := .RelRef (dict "path" "/impact") }}
+    <p>{{ i18n "about.contributors.subtitle" (dict "impactLink" $impactLink) | markdownify }}</p>
+    {{ partial "contributors.html" (dict "type" "contributors" ) }}
+  </div>
+{{ end }}

themes/opentermsarchive/layouts/partials/contributors.html

@@ -0,0 +1,18 @@
+{{ $thumbnailWidth := 64 }}
+{{ if .thumbnailWidth }}{{ $thumbnailWidth = .thumbnailWidth }}{{ end }}
+{{ $thumbnailHeight := 64 }}
+{{ if .thumbnailHeight }}{{ $thumbnailHeight = .thumbnailHeight }}{{ end }}
+<div class="contributors {{ with .class }}{{ . }}{{ end }}">
+  <div class="contributors_items">
+    {{ range $name, $link := (index site.Data.contributors .type) }}
+      <div class="contributor">
+        <a  class="contributor_link" href="{{ $link }}" target="_blank" rel="nofollow noopener">
+          {{ $imagePath := (printf "/images/contributors/%s.jpg" ($name | urlize)) }}
+          {{ $image := resources.Get $imagePath }}
+          <img class="contributor_image" src="{{ $image.RelPermalink }}" alt="{{ $name }}" width="{{ $thumbnailWidth }}" height="{{ $thumbnailHeight }}" />
+          {{ with $.showInfo }}<div class="contributor_info">{{ $name }}</div>{{ end }}
+        </a>
+      </div>
+    {{ end }}
+  </div>
+</div>