Add new file

8e403b08 · Bao · 7e698a35 · 8e403b08
Commit 8e403b08 authored Apr 20, 2021 by Bao
--- a/public/biomass/biomass.html
+++ b/public/biomass/biomass.html
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="generator" content="GitLab Pages">
+  <title></title>
+  <link rel="stylesheet" href="../assets/css/style.css">
+  <link rel="stylesheet" href="../assets/css/mobile.css">
+</head>
+
+<body>
+  <header id="header">
+    <div class="row">
+      <div class="logo" id="logo"></div>
+      <div class="hamburger">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+      </div>
+      <nav></nav>
+    </div>
+    <div id="projectlogo"></div>
+    <div id="projectname"></div>
+  </header>
+  <div class="content">
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec
+      ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl
+      sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa
+      eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit
+      quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu,
+      sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue
+      consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet
+      arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales
+      urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
+      Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
+      nibh.
+    </p>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec
+      ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl
+      sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa
+      eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit
+      quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu,
+      sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue
+      consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet
+      arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales
+      urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
+      Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
+      nibh.
+    </p>
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+      incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra.
+      Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean
+      et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam.
+      Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse.
+      Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi.
+      Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
+    </p>
+
+    <h1>Here goes a title</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+      incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra.
+      Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean
+      et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam.
+      Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse.
+      Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi.
+      Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
+    </p>
+
+    <h1>Figure demo</h1>
+
+    <p>
+      <img src="bau1.jpg">
+    </p>
+
+    <h1>Audio demo</h1>
+
+    <p>
+      <audio controls src="audio.mp3" type="audio/mp3"></audio>
+    </p>
+
+    <h1>Embed Youtube video</h1>
+
+    <p>
+      <div class="video-container">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/AZjduAZwm6w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope" allowfullscreen></iframe>
+      </div>
+    </p>
+
+    <h1>List of external links</h1>
+
+    <p>
+      <ul>
+        <li><a href="https://stadtlabor.podigee.io">HFT Stadtlabor</a></li>
+        <li><a href="https://stadtlabor.podigee.io/5-05-vergessen-in-der-stadt-wie-die-stadtplanung-menschen-mit-demenz-helfen-kann">Vergessen in der Stadt</a></li>
+      </ul>
+    </p>
+
+  </div>
+
+  <div class="footer"></div>
+  <div class="legal"></div>
+
+  <script src="../settings.js"> </script>
+  <script src="../main.js"> </script>
+</body>
+
+</html>