style.css päivityksiä

app.py

@@ -14,11 +14,9 @@ def tilaa():
 #mitenSoittajaksi
 @app.route("/mukaan")
 def mukaan():
-	return "Tervetuloa"
+	return render_template("tuleMukaan.html")
 
 #ajankohtaista
 @app.route("/ajankohtaista")
 def ajankohtaista():
 	return "Somet"
-
-

static/style.css

@@ -5,6 +5,7 @@ body {
   background-position: center center;
 }
 
+/*se div mihin lisätään sivuston tekstit*/
 .centerBox {
   background-color: #F4B9E7;
   padding: 20px;
@@ -14,17 +15,20 @@ body {
   text-align: center;
 }
 
+.footer{
+  background-color: #F4B9E7;
+  padding: 20px;
+  width: 70%;
+  margin-left:auto;
+  margin-right: auto;
+  text-align: center;
+}
+
 .header {
   width: 100%;
   height: auto;
 }
 
-.upperTitle{
-  background-color: #F4B9E7;
-  padding: auto;
-  width: auto;
-  text-align: center;
-}
 
 #navbar {
   overflow: hidden;
@@ -34,19 +38,19 @@ body {
 #navbar a {
   float: left;
   display: block;
-  color: #000000;
+  color: #black;
   text-align: center;
   padding: 14px;
   text-decoration: none;
 }
 
 #navbar a.active {
-  background-color: #e8a0a0;
+  background-color: #FA9CC2;
   color: black;
 }
 
-#navbar a.active {
-  background-color: #e8a0a0;
+#navbar a:hover {
+  background-color: #FA9CC2;
   color: black;
 }
 

templates/index.html

@@ -18,7 +18,5 @@
 <p>Ut quis dictum velit, eu commodo felis. Etiam interdum diam ut ex venenatis, vel efficitur nulla mollis. Pellentesque urna nibh, tristique eu pretium non, accumsan eu leo. Aenean lacinia tristique mi sit amet sodales. Donec nec tempus ex, et tincidunt magna. Nam semper ullamcorper velit. Vivamus hendrerit mollis egestas. Pellentesque elementum ex ut porttitor vestibulum. Cras rhoncus tortor ac orci tempus rhoncus. Donec eu velit faucibus, lobortis ante eget, mollis orci. Nam aliquam ligula a nibh vulputate tincidunt. In quis justo ac elit molestie sollicitudin.</p>
 <br>
 <p>Fusce vulputate dui mi, et suscipit erat rhoncus vitae. Phasellus accumsan purus sem, vel ultrices mi posuere at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ut tempus elit, ac porta urna. Morbi id velit id orci cursus luctus. Nullam vel turpis a mi posuere sollicitudin ut sed eros. Mauris sed sem nec tortor iaculis scelerisque ac sit amet leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus gravida neque non luctus sodales. Fusce consectetur quis mauris sed vehicula. Nam lacinia congue magna ac iaculis. Morbi erat neque, volutpat lobortis efficitur quis, iaculis sit amet velit. Vestibulum at mollis elit, sed varius purus. Suspendisse quis tempus tellus. Nunc convallis vitae nisl eu convallis.</p>
-
-</p>
 </div>
 {% endblock %}

templates/layout.html

@@ -13,12 +13,16 @@
     <img src="/static/Kansikuva.png">
 </div>
   <div id="navbar">
-    <a href="/tuleMukaan">Tilaa meidät keikalle</a>
-    <a href="/sossuKeikalle">Ajankohtaista</a>
-    <a href="/ajankohtaista">Tule mukaan</a>
+    <a href="/tilaasossu">Tilaa meidät keikalle</a>
+    <a href="/ajankohtaista">Ajankohtaista</a>
+    <a href="/mukaan">Tule mukaan</a>
   </div>
   <br>
   <div id="centerBox">{% block content %}{% endblock %}</div>
+  <br>
+  <footer class="footer">
+    <p>TÄHÄN</p>
+  </footer>
 
   <script>
     window.onscroll = function() {myFunction()};