From 71d97ae12cdc90c79aeee900d1e1ce677eb3fcca Mon Sep 17 00:00:00 2001
From: Kutzner <kevin.kutzner@hft-stuttgart.de>
Date: Tue, 23 Nov 2021 21:24:12 +0000
Subject: [PATCH] Upload New File
---
public/home/index.html | 218 +++++++++++++++++++++++++++++++++++++++++
1 file changed, 218 insertions(+)
create mode 100644 public/home/index.html
diff --git a/public/home/index.html b/public/home/index.html
new file mode 100644
index 0000000..d97d98f
--- /dev/null
+++ b/public/home/index.html
@@ -0,0 +1,218 @@
+<!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">
+ <style>
+
+ pre code {
+ background-color: #000;
+ border: 1px solid #000;
+ color: #fff;
+ border-radius: 5px;
+ display: block;
+ padding: 5px;
+ }
+
+ .accordion {
+ background-color: #eee;
+ color: #444;
+ cursor: pointer;
+ padding: 18px;
+ width: 100%;
+ border: none;
+ text-align: left;
+ outline: none;
+ font-size: 15px;
+ transition: 0.4s;
+ }
+
+ .active, .accordion:hover {
+ background-color: #ccc;
+ }
+
+ .accordion:after {
+ content: '\002B';
+ color: #777;
+ font-weight: bold;
+ float: right;
+ margin-left: 5px;
+ }
+
+ .active:after {
+ content: "\2212";
+ }
+
+ .panel {
+ padding: 0 18px;
+ background-color: white;
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.2s ease-out;
+ }
+ </style>
+</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>Middleware Demo</h1>
+
+ <p>My Codes:</p>
+
+ <button class="accordion">Docker</button>
+ <div class="panel">
+ <p>My Docker Comand:</p>
+ <pre>
+ <code>docker ps</code>
+ </pre>
+ </div>
+
+ <button class="accordion">Spring</button>
+ <div class="panel">
+ <p>My Spring Code:</p>
+ <pre>
+ <code>@RestController
+class Hello {
+
+ @GetMapping("/")
+ public String sayHello() {
+ return "Hello Kevin";
+ }
+}</code>
+ </pre>
+ </div>
+
+ <button class="accordion">Jib</button>
+ <div class="panel">
+ <p>My Image Build:</p>
+ <pre>
+ <code>mvn compile com.google.cloud.tools:jib-maven-plugin:3.1.4:build -D image=kebidge/demo:jib</code>
+ </pre>
+ </div>
+<!--
+ <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>
+
+ <script>
+ var acc = document.getElementsByClassName("accordion");
+ var i;
+
+ for (i = 0; i < acc.length; i++) {
+ acc[i].addEventListener("click", function() {
+ this.classList.toggle("active");
+ var panel = this.nextElementSibling;
+ if (panel.style.maxHeight) {
+ panel.style.maxHeight = null;
+ } else {
+ panel.style.maxHeight = panel.scrollHeight + "px";
+ }
+ });
+ }
+ </script>
+</body>
+
+</html>
--
GitLab