rework index

This commit is contained in:
poolitzer 2023-10-19 19:41:13 +02:00
parent 7b0e81b43b
commit 8feaa4cabc
5 changed files with 65 additions and 125 deletions

View File

@ -6,11 +6,11 @@
role: board
email: fabia.giovanazzi@newpipe-ev.de
img: fabio_giovanazzi.png
- name: Tjorven Rubach
- name: Thjorven Rubach
role: board
email: tjorven.rubach@me.eu
img: tjorven_rubach.png
email: thjorven.rubach@me.eu
img: thjorven_rubach.png
- name: Fynn Godau
role: treasurer
email: fynn.godau@newpipe-ev.de
img: fynn_godau.png
img: fynn_godau.png

View File

@ -134,6 +134,10 @@ menu:
url_en: /en/become-a-member/
url_de: /de/mitglied-werden/
weight: 40
- identifier: blog
url: /posts/
weight: 60
about:
- identifier: foundation
name: Foundation
@ -150,7 +154,7 @@ menu:
url_de: /de/ueber/vorstand/
weight: 20
- identifier: documents
name: Dokuments
name: Documents
url: /about/documents/
params:
url_en: /en/about/documents/

View File

@ -5,6 +5,7 @@ become-a-member = "Mitglied werden"
documents = "Dokumente"
categories = "Kategorien"
dropdown = "Dropdown"
blog = "Blog"
contact = "Kontakt"
appearance = "Aussehen"
comments = "Kommentare"
@ -16,8 +17,17 @@ forename = "Vorname"
surname = "Nachname"
email = "E-Mail"
moto = "Supporting privacy and open source 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."
moto = "Unterstützt Privatsphäre und quelloffene Software"
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"
board = "Vorstand"

View File

@ -2,9 +2,10 @@ prose = "Prose"
about = "About"
home = "Home"
become-a-member = "Become a member"
documents = "documents"
documents = "Documents"
catergories = "Categories"
dropdown = "Dropdown"
blog = "Blog"
contact = "Contact"
appearance = "Appearance"
comments = "Comments"
@ -17,10 +18,19 @@ surname = "Surname"
email = "Email"
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"
board = "board"
foundation = "Foundation"
board = "Board"
treasurer = "treasurer"
secretary = "secretary"

View File

@ -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">
{{ .Site.Title }}
</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" }}
</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">
@ -33,40 +33,40 @@
<!-- Our mission section -->
<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="relative sm:py-8 lg:py-0">
<div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
<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">
<defs>
<pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" 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(#02f20b47-fd69-4224-a62a-4c9de5c763f7)"></rect>
</svg>
</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 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">
<h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
{{ T "index_about" }}
</h2>
<div class="mt-6 text-gray-900 dark:text-white">
<div class="mt-6 space-y-6 text-gray-900 dark:text-white">
<p class="text-lg text-gray-900 dark:text-white">
{{ T "index_about_text" }}
</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>
</div>
<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">
<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>
<div class="mt-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">
{{ .text }}
{{ T "index_member_text" }}
</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>
@ -74,86 +74,6 @@
</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 }}&nbsp&rarr;
</a>
</div>
{{ end }}
</div>
</div>
</div>
<!-- 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="absolute inset-0">
@ -162,13 +82,11 @@
<div class="relative px-2 mx-auto max-w-7xl">
<div class="text-center">
<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>
{{ 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">
{{ .text }}
{{ T "block_description" }}
</p>
{{ end }}
</div>
<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="sm:text-center">
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
{{ .Site.Params.P5.Heading }}
{{ T "email_header" }}
</h2>
{{ range .Site.Params.P5.Content }}
<p class="max-w-2xl mx-auto mt-6 text-lg text-primary-100">
{{ .text }}
{{ T "email_description" }}
</p>
{{ end }}
</div>
<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">
@ -261,7 +177,7 @@
</div>
<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">
{{ .Site.Params.P5.Button }}
{{ T "email_button" }}
</button>
</div>
</form>
@ -272,4 +188,4 @@
{{ end }}
</main>
{{ end }}
{{ end }}