Format intex.html

This commit is contained in:
Stypox 2024-07-12 14:09:37 +02:00
parent df6256224f
commit ec33f1ee3c
Signed by: Stypox
GPG Key ID: 4BDF1B40A49FDD23
1 changed files with 178 additions and 162 deletions

View File

@ -5,182 +5,198 @@
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="en">
<head>
<title>NewPipe&nbsp;e.V.</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<div id="page-wrapper">
<!-- Header -->
<section id="header">
<div class="container">
<div class="row">
<div class="col-12">
<head>
<title>NewPipe&nbsp;e.V.</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<!-- Logo -->
<h1><a href="index.html" id="logo">NewPipe&nbsp;e.V.</a></h1>
<body>
<div id="page-wrapper">
<!-- Nav -->
<nav id="nav">
<a href="about.html">About</a>
<a href="join.html">Join us</a>
<a href="blog.html">Blog</a>
<a href="donate.html" class="button-large">Donate</a>
</nav>
<!-- Header -->
<section id="header">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Logo -->
<h1><a href="index.html" id="logo">NewPipe&nbsp;e.V.</a></h1>
<!-- Nav -->
<nav id="nav">
<a href="about.html">About</a>
<a href="join.html">Join us</a>
<a href="blog.html">Blog</a>
<a href="donate.html" class="button-large">Donate</a>
</nav>
</div>
</div>
</div>
</section>
<!-- Features -->
<section id="features">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<!-- Box #1 -->
<section>
<header>
<h2>Who We Are</h2>
</header>
<a href="#" class="feature-image"><img src="images/pic05.jpg" alt="" /></a>
<p>A non-profit association founded in Germany in 2022, mostly by TeamNewPipe members. Almost anyone can join us. Find out how <a href="join.html">here</a>. <br />
The association is governed directly by the members. At least once a year, a full assembly is held where the board presents the work that took place since the last assembly, and decisions for future work are voted upon.</p>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<!-- Box #2 -->
<section>
<header>
<h2>What We Do</h2>
</header>
<ul class="check-list">
<li>Organize public informational events or congresses</li>
<li>Provide financial support to projects which develop digital media technology</li>
<li>Facilitate code contributions in accordance with our goals</li>
<li>Provide digital infrastructure for projects</li>
<li>Coordinate and help groups of volunteers which have the same goals</li>
</ul>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<!-- Box #3 -->
<section>
<header style="margin-bottom: 20px;">
<h2>We currently support these projects</h2>
</header>
<ul class="quote-list">
<li>
<img src="images/TNPlogo.svg" alt="" height=70 />
<p>Hosting the website infrastructure and repository of TeamNewPipe.</p>
</li>
</ul>
<h3 style="font-style: italic"><a style="text-decoration: none;color: #FCFBF8;" href="contact.html">Maybe yours could be next?</a></h3>
</section>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
<!-- Content -->
<section id="content">
<div class="container">
<div class="row aln-center">
<div class="col-3 col-6-medium col-12-small">
<a href="./posts/2024-04-22_weblate_donation.html" class="hidden">
<!-- Feature #1 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/weblate_donation.jpg" alt="" /></div>
<h2>Donation to Weblate</h2>
<h4>22.04.2024</h4>
<p class="hide-a" >
We donated 600 € to Weblate and intend to do this yearly, read here why.
</p>
</section>
</a>
</div>
<div class="col-3 col-6-medium col-12-small">
<a href="./posts/2024-02-10_2nd_plenum.html" class="hidden">
<!-- Feature #2 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/meeting.jpg" alt="" /></div>
<h2>2nd plenum</h2>
<h4>10.02.2024</h4>
<p class="hide-a" >
On the 10th of February 2024 we had a plenum. Read this post to find the main points and the meeting protocol.
</p>
</section>
</a>
</div>
<div class="col-3 col-6-medium col-12-small">
<!-- Features -->
<section id="features">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<!-- Box #1 -->
<section>
<header>
<h2>Who We Are</h2>
</header>
<a href="#" class="feature-image"><img src="images/pic05.jpg" alt="" /></a>
<p>A non-profit association founded in Germany in 2022, mostly by TeamNewPipe members.
Almost anyone can join us. Find out how <a href="join.html">here</a>. <br />
The association is governed directly by the members. At least once a year, a full
assembly is held where the board presents the work that took place since the last
assembly, and decisions for future work are voted upon.</p>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<!-- Box #2 -->
<section>
<header>
<h2>What We Do</h2>
</header>
<ul class="check-list">
<li>Organize public informational events or congresses</li>
<li>Provide financial support to projects which develop digital media technology</li>
<li>Facilitate code contributions in accordance with our goals</li>
<li>Provide digital infrastructure for projects</li>
<li>Coordinate and help groups of volunteers which have the same goals</li>
</ul>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<!-- Box #3 -->
<section>
<header style="margin-bottom: 20px;">
<h2>We currently support these projects</h2>
</header>
<ul class="quote-list">
<li>
<img src="images/TNPlogo.svg" alt="" height=70 />
<p>Hosting the website infrastructure and repository of TeamNewPipe.</p>
</li>
</ul>
<h3 style="font-style: italic"><a style="text-decoration: none;color: #FCFBF8;"
href="contact.html">Maybe yours could be next?</a></h3>
</section>
</div>
</div>
</div>
</section>
<!-- Content -->
<section id="content">
<div class="container">
<div class="row aln-center">
<div class="col-3 col-6-medium col-12-small">
<a href="./posts/2024-04-22_weblate_donation.html" class="hidden">
<!-- Feature #1 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/weblate_donation.jpg"
alt="" /></div>
<h2>Donation to Weblate</h2>
<h4>22.04.2024</h4>
<p class="hide-a">
We donated 600 € to Weblate and intend to do this yearly, read here why.
</p>
</section>
</a>
</div>
<div class="col-3 col-6-medium col-12-small">
<a href="./posts/2024-02-10_2nd_plenum.html" class="hidden">
<!-- Feature #2 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/meeting.jpg" alt="" />
</div>
<h2>2nd plenum</h2>
<h4>10.02.2024</h4>
<p class="hide-a">
On the 10th of February 2024 we had a plenum. Read this post to find the main points
and the meeting protocol.
</p>
</section>
</a>
</div>
<div class="col-3 col-6-medium col-12-small">
<a href="./posts/2023-12-19_1st_plenum_2nd_board_meeting.html" class="hidden">
<!-- Feature #3 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/meeting.jpg" alt="" /></div>
<h2>1st plenum, 2nd board meeting</h2>
<h4>19.12.2023</h4>
<p class="hide-a" >
On the 16th of December 2023, we had two association-wide meetings. Read this post to find the minutes and the meeting protocols.
</p>
</section>
</a>
</div>
<div class="col-3 col-6-medium col-12-small">
<a href="./posts/2023-12-18_pseudonyms.html" class="hidden">
<!-- Feature #4 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/nametag.jpg" alt="" /></div>
<h2>Pseudonyms</h2>
<h4>18.12.2023</h4>
<p class="hide-a" >
We now officially support pseudonyms. Read here to find out why and how.
</p>
</section>
<!-- Feature #3 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/meeting.jpg" alt="" />
</div>
<h2>1st plenum, 2nd board meeting</h2>
<h4>19.12.2023</h4>
<p class="hide-a">
On the 16th of December 2023, we had two association-wide meetings. Read this post
to find the minutes and the meeting protocols.
</p>
</section>
</a>
</div>
</div>
<div class="col-3 col-6-medium col-12-small">
<a href="./posts/2023-12-18_pseudonyms.html" class="hidden">
<!-- Feature #4 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/nametag.jpg" alt="" />
</div>
<h2>Pseudonyms</h2>
<h4>18.12.2023</h4>
<p class="hide-a">
We now officially support pseudonyms. Read here to find out why and how.
</p>
</section>
</a>
</div>
</section>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="container">
<div class="row aln-center">
<div class="col-12">
<a href="https://git.newpipe-ev.de/NewPipe-eV/website">Website repository</a> |
<a href="contact.html">Contact</a> | <a href="license.html">Licensing</a> | <a href="privacy.html">Privacy Policy</a> | <a href="credits.html">Credits</a> | <a href="imprint.html">Imprint</a>
</div>
</div>
</div>
</section>
<!-- Copyright -->
<div id="copyright">
Copyright &copy; NewPipe&nbsp;e.V., all rights reserved. | Design: <a href="https://html5up.net">HTML5 UP</a>
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<div class="row aln-center">
<div class="col-12">
<a href="https://git.newpipe-ev.de/NewPipe-eV/website">Website repository</a> |
<a href="contact.html">Contact</a> | <a href="license.html">Licensing</a> | <a
href="privacy.html">Privacy Policy</a> | <a href="credits.html">Credits</a> | <a
href="imprint.html">Imprint</a>
</div>
</div>
</div>
</section>
<!-- Copyright -->
<div id="copyright">
Copyright &copy; NewPipe&nbsp;e.V., all rights reserved. | Design: <a href="https://html5up.net">HTML5
UP</a>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</div>
</body>
</html>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>