diff --git a/public/home/index_backup.html b/public/home/index_backup.html new file mode 100644 index 0000000000000000000000000000000000000000..d0bc0ee101aa76fe158e022f25775bc830ee9b88 --- /dev/null +++ b/public/home/index_backup.html @@ -0,0 +1,120 @@ +<!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>