new-website/index.html

65 lines
2.3 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>data.coop</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<aside>
<header>
<a href="index.html"><img src="logo_da.svg" alt="data.coop logo" /></a>
<button id="menu-toggle"></button>
</header>
<nav>
<ol>
<li><a href="#">Bliv Medlem</a></li>
<li><a href="#">Om os</a></li>
<li><a href="#">Tjenester</a></li>
<li><a href="ved.html">Vedtægter</a></li>
<li><a href="#">Opdateringer</a></li>
</ol>
<footer>
<ol>
<li><a href="#">Dansk</a></li>
<li><a href="#">English</a></li>
</ol>
</footer>
</nav>
</aside>
<main>
<article>
<h1>Velkommen til data.coop</h1>
<p>
Vi er en forening som har til formål at passe på medlemmernes data.
</p>
<p>
Vores kerneprincipper er :
</p>
<ul>
<li>Privatlivsbeskyttelse</li>
<li>Kryptering</li>
<li>Decentralisering</li>
<li>Zero-knowledge</li>
</ul>
<p>
Ud fra de kerneprincipper vil vi med tiden udbyde onlinetjenester til medlemmerne. Hovedtanken er, at vi som udgangspunkt stoler mere på hinanden end på “de store” som f.eks. Google, Microsoft eller Facebook.
</p>
</article>
</main>
<script>
document.getElementById("menu-toggle").addEventListener("click", function() {
let d = document.getElementsByTagName("nav")[0];
let is_showing = (d.style.display == 'block');
d.style.display = is_showing ? 'none' : 'block';
document.getElementById("menu-toggle").innerHTML = is_showing ? '☰' : 'X' ;
});
</script>
</body>
</html>