edited style and placeholder texts

app.py

@@ -32,4 +32,4 @@ def pages(page):
 
 # Main Function, Runs at http://0.0.0.0:8080
 if __name__ == "__main__":
-    app.run(port=3000)
+    app.run(port=3003)

static/style.css

-body { padding-top: 56px; }
+body { padding-top: 56px; 
+background-color: var(--purple);}
 .left-aligned { margin-left: auto; }
 .bg-dark { background-color: var(--darkpurple) !important; }
 .bg-hero { background-color: var(--purple) }
 
 /* header */ 
+
 /*navbar design*/
 /*colour of the navbar links*/
-.nav-link {
-color: var(--offwhite) !important;  
+/*extra navbar type mit transparentem hintergrund */
+.bg-transp{
+  background:transparent;
+  color: var(--darkpurple);
+}
+/* macht den link text dark purple */ 
+.nav-link{
+color: var(--darkpurple) !important;  
+}
+/*Macht den Team Namen lila*/
+.navbar-dark .navbar-brand{
+  color: var(--darkpurple);
 }
 /*When hovering over navbar link with mouse the text turns orange */
 .nav-link:hover {
@@ -15,6 +27,16 @@ color: var(--darkpurple) !important;
 background-color: var(--yellow) !important;
 border-radius: 3px;
 }
+/* macht den Hintergrund der Navbar blurry */ 
+.navbar{
+  backdrop-filter: blur(5px);
+  transition: visibility 0s, 0.6s, opacity 0.6s linear, transform 1s;
+}
+nav.navbar {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
 
 
 /* CALLOUT */

wiki/layout.html

@@ -21,16 +21,14 @@
   {% include 'menu.html' %}
 
   <!-- Header -->
-  <header class="bg-hero py-5 mb-5">
+  <header class="headpad">
     <div class="container h-100">
       <div class="row h-100 align-items-center">
         <div class="col-lg-12">
-          <h1 class="display-4 text-white mt-5 mb-2">{{ self.title() }}</h1>
-	        <p class="lead mb-5 text-white-50">{% block lead %}{% endblock %}</p>
         </div>
       </div>
     </div>
-  </header>
+  </header> 
 
   <!-- Page Content -->
   <div class="container">

wiki/menu.html

-<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-  <div class="container">
+<nav class="navbar navbar-expand-lg navbar-dark bg-transp fixed-top scrolled">
+  <div class="container-fluid">
 
     <!---- TEAM NAME ---->
-    <a class="navbar-brand" href="#">Bielefeld-CeBiTec</a>
+    <a class="navbar-brand" href="#">
+      Bielefeld-CeBiTec / Image here 
+    </a>
 
     <!---- SMALL SCREEN MENU ICON ---->
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -10,7 +12,7 @@
     </button>
 
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
-      <ul class="navbar-nav ml-auto left-aligned">
+      <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
 
         <!---- HOME ---->
         <li class="nav-item">

wiki/pages/home.html

 {% extends "layout.html" %}
 
-{% block title %}Home{% endblock %}
-{% block lead %}<b>Welcome to our website!</b> {% endblock %}
+
 
 {% block page_content %}
 
-<div class="row">
+<div class="container-fluid">
   <div class="col">
     <h2>Our project will be presented here, soon.</h2>
-    <hr>
-  </div>
 </div>
+</div>
+
+  
+  
 
 {% endblock %}

wiki/pages/human-practices.html

 {% extends "layout.html" %}
-  
-{% block title %}Human Practices{% endblock %}
-{% block lead %}We ask every team to think deeply and creatively about whether their project is responsible and good for the world. Consider how the world affects your work and how your work affects the world.{% endblock %}
 
 {% block page_content %}