From 503244abe57e83fff13d697d610cbf5d1c6d1c1f Mon Sep 17 00:00:00 2001
From: Cholgrrr <patrick.wuerstle@gmx.de>
Date: Wed, 16 Nov 2022 11:27:27 +0100
Subject: [PATCH] update
---
public/assets/css/main.css | 16 ++++
public/assets/css/typeface.css | 9 ++
public/home/authorinfo.html | 148 ++++++++++++++++++++++++++++++++-
3 files changed, 169 insertions(+), 4 deletions(-)
diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index d63ff42..b7dab0e 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -118,6 +118,14 @@ a:active {
padding-right: 1em;
}
+ h4 {
+ font-family: 'ApfelGrotezk_regular';
+ font-size: 20px;
+ color: black;
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
h1 {
font-family: 'ApfelGrotezk_regular';
font-size: 40px;
@@ -135,6 +143,14 @@ a:active {
padding-right: 1em;
}
+ h4 {
+ font-family: 'ApfelGrotezk_regular';
+ font-size: 15px;
+ color: black;
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
h3 {
font-family: 'ApfelGrotezk_regular';
font-size: 30px;
diff --git a/public/assets/css/typeface.css b/public/assets/css/typeface.css
index e0bdbd6..8ac3460 100644
--- a/public/assets/css/typeface.css
+++ b/public/assets/css/typeface.css
@@ -42,4 +42,13 @@ h3 {
font-size: 60px;
text-align: center;
margin: 10px;
+}
+
+h4 {
+ font-family: 'ApfelGrotezk_regular';
+ font-size: 30px;
+ color: black;
+ padding-left: 1em;
+ padding-right: 1em;
+ text-align: left;
}
\ No newline at end of file
diff --git a/public/home/authorinfo.html b/public/home/authorinfo.html
index 910a5fe..363afa5 100644
--- a/public/home/authorinfo.html
+++ b/public/home/authorinfo.html
@@ -8,21 +8,161 @@
<title>Zukunft Stadt Labor</title>
<link rel="stylesheet" href="../assets/css/normalize.css">
<link rel="stylesheet" href="../assets/css/typeface.css">
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
<div class="page-wrap">
<div class="header">
- <h1><a href="index.html">• Zukunft Stadt Labor</a></h1>
+ <h1><a href="index.html">•</a></h1>
</div>
- <div class="main">
- <div class="centered">
+ <div class="main container-fluid mt-3">
+ <h3>Autor:innen</h3>
+ <!-- <div class="centered">
<div class="chapter">
- <h3>Autor:innen</h3>
+
</div>
+ </div> -->
+ <div class="row">
+ <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+ </div>
+ <div class="col-sm-5 p-5 ">
+ <h4>• Keyu Bao</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ </div>
+ <div class="col-sm-5 p-5">
+ <h4>• Eric Duminil</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ </div>
+ <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+ </div>
+ <div class="col-sm-5 p-5 ">
+ <h4>• Tom Kwakman</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ </div>
+ <div class="col-sm-5 p-5 ">
+ <h4>• Carolin Lahode</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ </div>
+ <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-1 p-1" style="height:0px; padding-top:0px !important;padding-bottom:0px !important;">
+ </div>
+ <div class="col-sm-5 p-5 ">
+ <h4>• Sarah Lang-Lehmann</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ </div>
+ <div class="col-sm-5 p-5 ">
+ <h4>• Alexander Lee</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ </div>
+ <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important; ">
+ </div>
+ <div class="col-sm-5 p-5 ">
+ <h4>• Rushikesh Padsala</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ </div>
+ <div class="col-sm-5 p-5 ">
+ <h4>• Amando Reber</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ </div>
+ <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+ </div>
+ <div class="col-sm-5 p-5 ">
+ <h4>• Sarah Ann Sutter</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ </div>
+ <div class="col-sm-5 p-5 ">
+ <h4>• Patrick Würstle</h4>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+ ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
+ sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+ invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+ justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+ ipsum dolor sit amet.</p>
+ <p style="margin-bottom:0px !important; text-align:center !important;">• Email:
+ patrick.wuerstle@gmx.de</p>
+ <p style="margin-bottom:0px !important; text-align:center !important;"><a
+ href="https://www.linkedin.com/in/patrick-würstle-939027170">• LinkedIn</a></p>
+ <p style="margin-bottom:0px !important; text-align:center !important;"><a
+ href="https://www.researchgate.net/profile/Patrick-Wuerstle">• ResearchGate</a></p>
+
+ </div>
+ <div class="col-sm-1 p-1" style="height:0px;padding-top:0px !important;padding-bottom:0px !important;">
+ </div>
</div>
</div>
</div>
--
GitLab