rework index
This commit is contained in:
poolitzer
parent
7b0e81b43b
commit
8feaa4cabc
|
|
@ -6,10 +6,10 @@
|
||||||
role: board
|
role: board
|
||||||
email: fabia.giovanazzi@newpipe-ev.de
|
email: fabia.giovanazzi@newpipe-ev.de
|
||||||
img: fabio_giovanazzi.png
|
img: fabio_giovanazzi.png
|
||||||
- name: Tjorven Rubach
|
- name: Thjorven Rubach
|
||||||
role: board
|
role: board
|
||||||
email: tjorven.rubach@me.eu
|
email: thjorven.rubach@me.eu
|
||||||
img: tjorven_rubach.png
|
img: thjorven_rubach.png
|
||||||
- name: Fynn Godau
|
- name: Fynn Godau
|
||||||
role: treasurer
|
role: treasurer
|
||||||
email: fynn.godau@newpipe-ev.de
|
email: fynn.godau@newpipe-ev.de
|
||||||
|
|
|
||||||
|
|
@ -134,6 +134,10 @@ menu:
|
||||||
url_en: /en/become-a-member/
|
url_en: /en/become-a-member/
|
||||||
url_de: /de/mitglied-werden/
|
url_de: /de/mitglied-werden/
|
||||||
weight: 40
|
weight: 40
|
||||||
|
- identifier: blog
|
||||||
|
url: /posts/
|
||||||
|
weight: 60
|
||||||
|
|
||||||
about:
|
about:
|
||||||
- identifier: foundation
|
- identifier: foundation
|
||||||
name: Foundation
|
name: Foundation
|
||||||
|
|
@ -150,7 +154,7 @@ menu:
|
||||||
url_de: /de/ueber/vorstand/
|
url_de: /de/ueber/vorstand/
|
||||||
weight: 20
|
weight: 20
|
||||||
- identifier: documents
|
- identifier: documents
|
||||||
name: Dokuments
|
name: Documents
|
||||||
url: /about/documents/
|
url: /about/documents/
|
||||||
params:
|
params:
|
||||||
url_en: /en/about/documents/
|
url_en: /en/about/documents/
|
||||||
|
|
|
||||||
14
i18n/de.toml
14
i18n/de.toml
|
|
@ -5,6 +5,7 @@ become-a-member = "Mitglied werden"
|
||||||
documents = "Dokumente"
|
documents = "Dokumente"
|
||||||
categories = "Kategorien"
|
categories = "Kategorien"
|
||||||
dropdown = "Dropdown"
|
dropdown = "Dropdown"
|
||||||
|
blog = "Blog"
|
||||||
contact = "Kontakt"
|
contact = "Kontakt"
|
||||||
appearance = "Aussehen"
|
appearance = "Aussehen"
|
||||||
comments = "Kommentare"
|
comments = "Kommentare"
|
||||||
|
|
@ -16,8 +17,17 @@ forename = "Vorname"
|
||||||
surname = "Nachname"
|
surname = "Nachname"
|
||||||
email = "E-Mail"
|
email = "E-Mail"
|
||||||
|
|
||||||
moto = "Supporting privacy and open source software"
|
moto = "Unterstützt Privatsphäre und quelloffene Software"
|
||||||
index_description = "NewPipe e.V. ist eine gemeinnützige Organisation, die sich für die Förderung von Datenschutz und Open-Source-Software einsetzt. Wir sind die Organisation hinter NewPipe, einer freien Medien-App für Android."
|
index_description = "NewPipe e.V. ist eine gemeinnützige Organisation, welche Technologie unterstützt (insbesondere freie und quelloffene), die Nutzung von digitalen Medien vereinfacht und Zugang zu diesen verbessert."
|
||||||
|
index_about = "Über uns"
|
||||||
|
index_about_text = "Willst du mehr über uns lernen? Drück hier:"
|
||||||
|
index_member = "Werde Mitglied"
|
||||||
|
index_member_text = "Du möchtest Mitglied werden? Drück hier:"
|
||||||
|
block_header = "Von unserem Blog"
|
||||||
|
block_description = "Hier kannst du Neuigkeiten über den Verein lesen. Auf Englisch (sorry)."
|
||||||
|
email_header = "Bleib auf dem Neusten"
|
||||||
|
email_description = "Wenn du eine E-Mail bekommen willst, wenn wir einen neuen Blogpost veröffentlichen, kannst du hier deine E-Mail addresse eintragen."
|
||||||
|
email_button = "Eintragen"
|
||||||
|
|
||||||
foundation = "Verein"
|
foundation = "Verein"
|
||||||
board = "Vorstand"
|
board = "Vorstand"
|
||||||
|
|
|
||||||
18
i18n/en.toml
18
i18n/en.toml
|
|
@ -2,9 +2,10 @@ prose = "Prose"
|
||||||
about = "About"
|
about = "About"
|
||||||
home = "Home"
|
home = "Home"
|
||||||
become-a-member = "Become a member"
|
become-a-member = "Become a member"
|
||||||
documents = "documents"
|
documents = "Documents"
|
||||||
catergories = "Categories"
|
catergories = "Categories"
|
||||||
dropdown = "Dropdown"
|
dropdown = "Dropdown"
|
||||||
|
blog = "Blog"
|
||||||
contact = "Contact"
|
contact = "Contact"
|
||||||
appearance = "Appearance"
|
appearance = "Appearance"
|
||||||
comments = "Comments"
|
comments = "Comments"
|
||||||
|
|
@ -17,10 +18,19 @@ surname = "Surname"
|
||||||
email = "Email"
|
email = "Email"
|
||||||
|
|
||||||
moto = "Supporting privacy and open source software"
|
moto = "Supporting privacy and open source software"
|
||||||
index_description = "NewPipe e.V. is a non-profit organization that aims to empower users to take back control of their data and to protect their privacy when using Android devices."
|
index_description = "NewPipe e.V. is a non-profit organization which support technology (especially free and open source one), which enables using digital media and improves access to it."
|
||||||
|
index_about = "About us"
|
||||||
|
index_about_text = "Do you want to learn more about us? Press here:"
|
||||||
|
index_member = "Become a member"
|
||||||
|
index_member_text = "Do you want to become a member? Press here:"
|
||||||
|
block_header = "From the blog"
|
||||||
|
block_description = "Here you can read about recent news regarding our association."
|
||||||
|
email_header = "Stay Up to Date"
|
||||||
|
email_description = "If you want to receive an email when we publish a new blog post, you can subscribe here."
|
||||||
|
email_button = "Subscribe"
|
||||||
|
|
||||||
foundation = "foundation"
|
foundation = "Foundation"
|
||||||
board = "board"
|
board = "Board"
|
||||||
treasurer = "treasurer"
|
treasurer = "treasurer"
|
||||||
secretary = "secretary"
|
secretary = "secretary"
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
<h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
|
<h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
|
||||||
{{ .Site.Title }}
|
{{ .Site.Title }}
|
||||||
</h1>
|
</h1>
|
||||||
<h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl hidden">
|
<h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">
|
||||||
{{ T "moto" }}
|
{{ T "moto" }}
|
||||||
</h2>
|
</h2>
|
||||||
<p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
|
<p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
|
||||||
|
|
@ -33,40 +33,40 @@
|
||||||
<!-- Our mission section -->
|
<!-- Our mission section -->
|
||||||
<div class="relative my-4">
|
<div class="relative my-4">
|
||||||
<div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
|
<div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
|
||||||
<div class="relative sm:py-8 lg:py-0">
|
<div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
|
||||||
<div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
|
<div class="md:pt-12 sm:pt-6 lg:pt-20">
|
||||||
<div class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72"></div><svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy">
|
<h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
|
||||||
<defs>
|
{{ T "index_about" }}
|
||||||
<pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
|
</h2>
|
||||||
<rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"></rect>
|
<div class="mt-6 text-gray-900 dark:text-white">
|
||||||
</pattern>
|
<div class="mt-6 space-y-6 text-gray-900 dark:text-white">
|
||||||
</defs>
|
<p class="text-lg text-gray-900 dark:text-white">
|
||||||
<rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)"></rect>
|
{{ T "index_about_text" }}
|
||||||
</svg>
|
</p>
|
||||||
|
<form action="./about">
|
||||||
|
<button type="submit" class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 sm:px-10">
|
||||||
|
{{ T "index_about"}}
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="relative w-full h-auto px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:px-0 lg:py-20">
|
|
||||||
<div class="overflow-hidden shadow-xl rounded-2xl">
|
|
||||||
{{ $p1image := resources.Get .Site.Params.P1.Image }}
|
|
||||||
{{ with $p1image }}
|
|
||||||
{{ with .Resize (printf "%dx%d webp q90" .Width .Height) }}
|
|
||||||
<img imgh src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" class="w-full h-auto" alt="P1" loading="lazy" />
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
|
<div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
|
||||||
<div class="md:pt-12 sm:pt-6 lg:pt-20">
|
<div class="md:pt-12 sm:pt-6 lg:pt-20">
|
||||||
<h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
|
<h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
|
||||||
{{ .Site.Params.P1.Heading }}
|
{{ T "index_member" }}
|
||||||
</h2>
|
</h2>
|
||||||
<div class="mt-6 text-gray-900 dark:text-white">
|
<div class="mt-6 text-gray-900 dark:text-white">
|
||||||
<div class="mt-6 space-y-6 text-gray-900 dark:text-white">
|
<div class="mt-6 space-y-6 text-gray-900 dark:text-white">
|
||||||
{{ range .Site.Params.P1.Content }}
|
|
||||||
<p class="text-lg text-gray-900 dark:text-white">
|
<p class="text-lg text-gray-900 dark:text-white">
|
||||||
{{ .text }}
|
{{ T "index_member_text" }}
|
||||||
</p>
|
</p>
|
||||||
{{ end }}
|
<form action="./become-a-member">
|
||||||
|
<button type="submit" class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 sm:px-10">
|
||||||
|
{{ T "index_member"}}
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -74,86 +74,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- JITsection -->
|
|
||||||
<div class="overflow-hidden sm:pt-6 lg:relative hidden">
|
|
||||||
<div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
|
|
||||||
<div>
|
|
||||||
<div class="md:mt-8">
|
|
||||||
<div class="mt-6 sm:max-w-xl">
|
|
||||||
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-4xl md:mt-16">
|
|
||||||
{{ .Site.Params.P2.Heading }}
|
|
||||||
</h2>
|
|
||||||
{{ range .Site.Params.P2.Content }}
|
|
||||||
<p class="pb-12 mt-6 text-lg text-gray-900 dark:text-white">
|
|
||||||
{{ .text }}
|
|
||||||
</p>
|
|
||||||
{{ end }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="sm:mx-auto sm:max-w-3xl sm:px-6">
|
|
||||||
<div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
|
|
||||||
<div class="hidden sm:block">
|
|
||||||
<div class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full"></div><svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy">
|
|
||||||
<defs>
|
|
||||||
<pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
|
|
||||||
<rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"></rect>
|
|
||||||
</pattern>
|
|
||||||
</defs>
|
|
||||||
<rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"></rect>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12">
|
|
||||||
{{ $p2image := resources.Get .Site.Params.P2.Image }}
|
|
||||||
{{ with $p2image }}
|
|
||||||
{{ with .Resize (printf "%dx%d webp q90" .Width .Height) }}
|
|
||||||
<img imgh src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="p2" class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" loading="lazy" />
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Sponsors section -->
|
|
||||||
<div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8 hidden">
|
|
||||||
<div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
|
|
||||||
<div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
|
|
||||||
{{ range .Site.Params.P3.Logos }}
|
|
||||||
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
|
|
||||||
{{ if .image }}
|
|
||||||
{{ $sponsor := resources.Get .image }}
|
|
||||||
<img src="{{ $sponsor.RelPermalink }}" class="max-h-12 dark:invert" alt="{{ .alt }}" loading="lazy" />
|
|
||||||
{{ else }}
|
|
||||||
{{ $sponsor := resources.Get "images/global/sample-logo.svg" }}
|
|
||||||
<img src="{{ $sponsor.RelPermalink }}" class="max-h-12 dark:invert" alt="{{ .alt }}" loading="lazy" />
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
|
|
||||||
{{ .Site.Params.P3.Heading }}
|
|
||||||
</h2>
|
|
||||||
{{ range .Site.Params.P3.Content }}
|
|
||||||
<p class="max-w-3xl mt-6 text-lg leading-7 text-gray-900 dark:text-white">
|
|
||||||
{{ .text }}
|
|
||||||
</p>
|
|
||||||
{{ end }}
|
|
||||||
{{ range .Site.Params.P3.Links }}
|
|
||||||
<div class="my-6">
|
|
||||||
<a href="{{ .url }}" class="text-base font-medium text-primary-400 dark:text-primary-100">
|
|
||||||
{{ .text }} →
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Blog section -->
|
<!-- Blog section -->
|
||||||
<div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
|
<div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
|
||||||
<div class="absolute inset-0">
|
<div class="absolute inset-0">
|
||||||
|
|
@ -162,13 +82,11 @@
|
||||||
<div class="relative px-2 mx-auto max-w-7xl">
|
<div class="relative px-2 mx-auto max-w-7xl">
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<h2 class="text-3xl font-black tracking-tight text-primary-500 dark:text-primary-300 sm:text-4xl">
|
<h2 class="text-3xl font-black tracking-tight text-primary-500 dark:text-primary-300 sm:text-4xl">
|
||||||
{{ .Site.Params.P4.Heading }}
|
{{ T "block_header" }}
|
||||||
</h2>
|
</h2>
|
||||||
{{ range .Site.Params.P4.Content }}
|
|
||||||
<p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 dark:text-gray-300 sm:mt-4">
|
<p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 dark:text-gray-300 sm:mt-4">
|
||||||
{{ .text }}
|
{{ T "block_description" }}
|
||||||
</p>
|
</p>
|
||||||
{{ end }}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
|
<div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
|
||||||
|
|
@ -246,13 +164,11 @@
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<div class="sm:text-center">
|
<div class="sm:text-center">
|
||||||
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
|
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
|
||||||
{{ .Site.Params.P5.Heading }}
|
{{ T "email_header" }}
|
||||||
</h2>
|
</h2>
|
||||||
{{ range .Site.Params.P5.Content }}
|
|
||||||
<p class="max-w-2xl mx-auto mt-6 text-lg text-primary-100">
|
<p class="max-w-2xl mx-auto mt-6 text-lg text-primary-100">
|
||||||
{{ .text }}
|
{{ T "email_description" }}
|
||||||
</p>
|
</p>
|
||||||
{{ end }}
|
|
||||||
</div>
|
</div>
|
||||||
<form action="{{ .Site.Params.P5.Action }}" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
|
<form action="{{ .Site.Params.P5.Action }}" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
|
||||||
<div class="flex-1 min-w-0">
|
<div class="flex-1 min-w-0">
|
||||||
|
|
@ -261,7 +177,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-4 sm:mt-0 sm:ml-3">
|
<div class="mt-4 sm:mt-0 sm:ml-3">
|
||||||
<button type="submit" class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 sm:px-10">
|
<button type="submit" class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 sm:px-10">
|
||||||
{{ .Site.Params.P5.Button }}
|
{{ T "email_button" }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue