website/index.html

188 lines
6.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<!--
Halcyonic by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>NewPipe e.&nbsp;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">
<!-- Logo -->
<h1><a href="index.html" id="logo">NewPipe e.&nbsp;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, the association is governed directly by the members: At least once per year a full assembly is held where the board presents the work happened since the last assembly and votes are cast on new decisions.</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>Support projects financially which develop digital media technology</li>
<li>Make PR for projects in accordance with our association's goals</li>
<li>Provide digital infrastructure for projects</li>
<li>Or coordinate and help groups of volunteers who 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="#" class="hidden">
<!-- Feature #1 -->
<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 we had two association wide meetings. Read this post to find the main points and the protocols.
</p>
</section>
</a>
</div>
<div class="col-3 col-6-medium col-12-small">
<a href="#" class="hidden">
<!-- Feature #2 -->
<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 how and why.
</p>
</section>
</a>
</div>
<div class="col-3 col-6-medium col-12-small">
<a href="#" class="hidden">
<!-- Feature #3 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/meeting.jpg" alt="" /></div>
<h2>1st board meeting</h2>
<h4>13.07.2023</h4>
<p class="hide-a" >
On the 13th we had our first board meeting. Read this post to find the main points and the protocol.
</p>
</section>
</a>
</div>
<div class="col-3 col-6-medium col-12-small">
<a href="#" class="hidden">
<!-- Feature #4 -->
<section>
<div href="#" class="bordered-feature-image"><img src="images/hello.jpg" alt="" /></div>
<h2>We are an association</h2>
<h4>05.11.2022</h4>
<p class="hide-a" >
We are founded. Read this post for a small hello letter.
</p>
</section>
</a>
</div>
</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 e.&nbsp;V., all rights reserved. | Design: <a href="http://html5up.net">HTML5 UP</a>
</div>
</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>
</body>
</html>