Templates, Bootstrap Navbars, and Links

2024-10-10 11:28:02 +02:00
parent ee8922e728
commit c19c6e650b
7 changed files with 104 additions and 40 deletions
--- a/templates/user.html
+++ b/templates/user.html
@ -6,29 +6,33 @@
    <title>{{name | capitalize}}'s page</title>
 </head>
 <body>
-    <h1>Hello {{name | upper}}!!</h1>       <!--This makes the whole thing capitalised-->
-    <h1>Hello {{name | capitalize}}!!</h1>   <!--This makes the first char capitalised-->
-    <h1>Hello {{name | lower}}!!</h1>
-    <h1>Hello {{name | title}}!!</h1>
-    <p>{{ stuff }}</p>
-    <p>{{ stuff |  safe }}</p>       <!--This will allow html codes to be loaded-->
-    <p>{{ stuff | striptags }}</p>   <!--This will remove html tags from the string-->
+    {% extends "base.html" %}

-    {% for item in liste %}
-        {% if item == 3 %}
-            <p>Thiiiiiiiiis is number THREEEEEEEEE!!!!</p> 
-        {% else %}
-            <p style="font-size: 5ch; font-style: oblique; color: chocolate;">{{ item }}</p>
-        {% endif %}
-    {% endfor %}
+    {% block content %}
+        <h1>Hello {{name | upper}}!!</h1>       <!--This makes the whole thing capitalised-->
+        <h1>Hello {{name | capitalize}}!!</h1>   <!--This makes the first char capitalised-->
+        <h1>Hello {{name | lower}}!!</h1>
+        <h1>Hello {{name | title}}!!</h1>
+        <p>{{ stuff }}</p>
+        <p>{{ stuff |  safe }}</p>       <!--This will allow html codes to be loaded-->
+        <p>{{ stuff | striptags }}</p>   <!--This will remove html tags from the string-->

-    <h1>Sahe thing with some math!</h1>
+        {% for item in liste %}
+            {% if item == 3 %}
+                <p>Thiiiiiiiiis is number THREEEEEEEEE!!!!</p> 
+            {% else %}
+                <p style="font-size: 5ch; font-style: oblique; color: chocolate;">{{ item }}</p>
+            {% endif %}
+        {% endfor %}

-    {% for item in liste %}
-        <p style="font-size: 5ch; font-style: oblique; color: chocolate;">{{ item **25 }}</p>
-    {% endfor %}
+        <h1>Sahe thing with some math!</h1>

-    <p>The last element of my list is: {{liste[4]}}</p>
+        {% for item in liste %}
+            <p style="font-size: 5ch; font-style: oblique; color: chocolate;">{{ item **25 }}</p>
+        {% endfor %}
+
+        <p>The last element of my list is: {{liste[4]}}</p>
+    {% endblock %}

 </body>
 </html>