include fontawesome as svgs inline

app.json

@@ -2,7 +2,7 @@
 	"name": "SocialBotNet",
 	"description": "A botfriendly social network for educational purposes.",
 	"repository": "https://github.com/Knorrke/socialbotnet",
-	"logo": "https://www.socialbotnet.de/assets/v4.1/images/favicon-32x32.png",
+	"logo": "https://www.socialbotnet.de/assets/v4.1.1/images/favicon-32x32.png",
 	"addons": [
 		{
 			"plan": "heroku-postgresql:hobby-dev"

src/main/resources/public/assets/v4.1/css/content.css → src/main/resources/public/assets/v4.1.1/css/content.css

@@ -52,9 +52,16 @@ a {
 a:not(.prevent-external)[href^="//"]:after, 
 a:not(.prevent-external)[href^="http://"]:after, 
 a:not(.prevent-external)[href^="https://"]:after {
-    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f35d";
-	font-size: 10pt;
-	margin: 0 0 0 5px;
+	content:"";
+	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 64C256 46.33 270.3 32 288 32H415.1C415.1 32 415.1 32 415.1 32C420.3 32 424.5 32.86 428.2 34.43C431.1 35.98 435.5 38.27 438.6 41.3C438.6 41.35 438.6 41.4 438.7 41.44C444.9 47.66 447.1 55.78 448 63.9C448 63.94 448 63.97 448 64V192C448 209.7 433.7 224 416 224C398.3 224 384 209.7 384 192V141.3L214.6 310.6C202.1 323.1 181.9 323.1 169.4 310.6C156.9 298.1 156.9 277.9 169.4 265.4L338.7 96H288C270.3 96 256 81.67 256 64V64zM0 128C0 92.65 28.65 64 64 64H160C177.7 64 192 78.33 192 96C192 113.7 177.7 128 160 128H64V416H352V320C352 302.3 366.3 288 384 288C401.7 288 416 302.3 416 320V416C416 451.3 387.3 480 352 480H64C28.65 480 0 451.3 0 416V128z'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 64C256 46.33 270.3 32 288 32H415.1C415.1 32 415.1 32 415.1 32C420.3 32 424.5 32.86 428.2 34.43C431.1 35.98 435.5 38.27 438.6 41.3C438.6 41.35 438.6 41.4 438.7 41.44C444.9 47.66 447.1 55.78 448 63.9C448 63.94 448 63.97 448 64V192C448 209.7 433.7 224 416 224C398.3 224 384 209.7 384 192V141.3L214.6 310.6C202.1 323.1 181.9 323.1 169.4 310.6C156.9 298.1 156.9 277.9 169.4 265.4L338.7 96H288C270.3 96 256 81.67 256 64V64zM0 128C0 92.65 28.65 64 64 64H160C177.7 64 192 78.33 192 96C192 113.7 177.7 128 160 128H64V416H352V320C352 302.3 366.3 288 384 288C401.7 288 416 302.3 416 320V416C416 451.3 387.3 480 352 480H64C28.65 480 0 451.3 0 416V128z'/%3E%3C/svg%3E");
+	-webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  	width: 11px;
+	height: 11px;
+	margin-left: 4px;
+	display: inline-block;
+	background-color: currentColor;
 }
 
 a:hover {
@@ -198,6 +205,15 @@ hr {
 	border-radius: 10px;
 }
 
+.fontawesome-icon svg {
+    fill: currentColor;
+    line-height: 1;
+    height: 1em;
+    width: 1em; 
+    margin-bottom: -0.1em;
+    margin-right: 2px;
+}
+
 /**
  * Tooltip Styles https://codepen.io/cbracco/pen/nXEQLw 
  */

src/main/resources/templates/common/fa-icons.ftl

@@ -0,0 +1,32 @@
+<#ftl output_format="XML">
+<#macro icon fa solid=true class="">
+<span class="fontawesome-icon ${class}">
+<#switch fa>
+	<#case "user">
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"/></svg>
+	<#break>
+	<#case "history">
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 255.531c.253 136.64-111.18 248.372-247.82 248.468-59.015.042-113.223-20.53-155.822-54.911-11.077-8.94-11.905-25.541-1.839-35.607l11.267-11.267c8.609-8.609 22.353-9.551 31.891-1.984C173.062 425.135 212.781 440 256 440c101.705 0 184-82.311 184-184 0-101.705-82.311-184-184-184-48.814 0-93.149 18.969-126.068 49.932l50.754 50.754c10.08 10.08 2.941 27.314-11.313 27.314H24c-8.837 0-16-7.163-16-16V38.627c0-14.254 17.234-21.393 27.314-11.314l49.372 49.372C129.209 34.136 189.552 8 256 8c136.81 0 247.747 110.78 248 247.531zm-180.912 78.784l9.823-12.63c8.138-10.463 6.253-25.542-4.21-33.679L288 256.349V152c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v135.651l65.409 50.874c10.463 8.137 25.541 6.253 33.679-4.21z"/></svg>
+	<#break>
+	<#case "fire">
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M216 23.86c0-23.8-30.65-32.77-44.15-13.04C48 191.85 224 200 224 288c0 35.63-29.11 64.46-64.85 63.99-35.17-.45-63.15-29.77-63.15-64.94v-85.51c0-21.7-26.47-32.23-41.43-16.5C27.8 213.16 0 261.33 0 320c0 105.87 86.13 192 192 192s192-86.13 192-192c0-170.29-168-193-168-296.14z"/></svg>
+	<#break>
+	<#case "crown">
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5.4 5.1.8 7.7.8 26.5 0 48-21.5 48-48s-21.5-48-48-48z"/></svg>
+	<#break>
+	<#case "heart">
+		<#if solid>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>
+		<#else>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z"/></svg>
+		</#if>
+	<#break>
+	<#case "heart-broken">
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M473.7 73.8l-2.4-2.5c-46-47-118-51.7-169.6-14.8L336 159.9l-96 64 48 128-144-144 96-64-28.6-86.5C159.7 19.6 87 24 40.7 71.4l-2.4 2.4C-10.4 123.6-12.5 202.9 31 256l212.1 218.6c7.1 7.3 18.6 7.3 25.7 0L481 255.9c43.5-53 41.4-132.3-7.3-182.1z"/></svg>
+	<#break>
+	<#case "save">
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M433.1 129.1l-83.9-83.9C342.3 38.32 327.1 32 316.1 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V163.9C448 152.9 441.7 137.7 433.1 129.1zM224 416c-35.34 0-64-28.66-64-64s28.66-64 64-64s64 28.66 64 64S259.3 416 224 416zM320 208C320 216.8 312.8 224 304 224h-224C71.16 224 64 216.8 64 208v-96C64 103.2 71.16 96 80 96h224C312.8 96 320 103.2 320 112V208z"/></svg>
+	<#break>
+</#switch>
+</span>
+</#macro>

src/main/resources/templates/common/text-input.ftl

@@ -2,7 +2,7 @@
 <span class="text-element">
     <input type="text" name="message" class="form-control" required size="80" placeholder="${placeholder}" />
     <button class="img-button" type="submit">
-    	<img alt="Senden" src="/assets/v4.1/images/senden.svg" width="auto" height="20px" />
+    	<img alt="Senden" src="/assets/v4.1.1/images/senden.svg" width="auto" height="20px" />
 	</button>
 </span>
 </#macro>

src/main/resources/templates/layout/layout.ftl

@@ -1,3 +1,4 @@
+<#import "../common/fa-icons.ftl" as fa/>
 <#macro masterTemplate pageTitle="Willkommen im SocialBotNet" title=pageTitle colored=true>
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="de">
@@ -6,13 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>${title} | SocialBotNet</title>
     <meta name="description" content="SocialBotNet - Ein botfreundliches soziales Netzwerk. Dieses Netzwerk ist für den Einsatz im Unterricht entwickelt worden." />
-    <link rel="stylesheet" type="text/css" href="/assets/v4.1/css/layout.css">
-    <link rel="stylesheet" type="text/css" href="/assets/v4.1/css/content.css">
-    <link rel="stylesheet" type="text/css" href="/assets/v4.1/css/tabs.css">
-    <link rel="icon" type="image/png" href="/assets/v4.1/images/favicon-32x32.png" sizes="32x32" />
-	<link rel="icon" type="image/png" href="/assets/v4.1/images/favicon-16x16.png" sizes="16x16" />
-	<link rel="preload" href="/assets/v4.1/images/favicon-16x16.png" as="image" />
-	<link rel="stylesheet" type="text/css" href="https://kit-free.fontawesome.com/releases/v5.15.4/css/free.min.css" />
+    <link rel="stylesheet" type="text/css" href="/assets/v4.1.1/css/layout.css">
+    <link rel="stylesheet" type="text/css" href="/assets/v4.1.1/css/content.css">
+    <link rel="stylesheet" type="text/css" href="/assets/v4.1.1/css/tabs.css">
+    <link rel="icon" type="image/png" href="/assets/v4.1.1/images/favicon-32x32.png" sizes="32x32" />
+	<link rel="icon" type="image/png" href="/assets/v4.1.1/images/favicon-16x16.png" sizes="16x16" />
+	<link rel="preload" href="/assets/v4.1.1/images/favicon-16x16.png" as="image" />
 	<link rel="preconnect" href="https://fonts.googleapis.com">
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap" rel="stylesheet">
@@ -25,7 +25,7 @@
 	            	<div id="gi-header">
 		            	<a class="prevent-external" href="https://fg-bil.gi.de/">
 		            		<div id="gi-fg-bil">
-		            			<img width="150" height="50" alt="Logo der Gesellschaft für Informatik" id="gi-image" src="/assets/v4.1/images/GI_Logo_links.png">
+		            			<img width="150" height="50" alt="Logo der Gesellschaft für Informatik" id="gi-image" src="/assets/v4.1.1/images/GI_Logo_links.png">
 		            			<span id="gi-fg-bil-title">
 		            				Fachgruppe<br>BIL
 	            				</span>
@@ -35,7 +35,7 @@
 		            <nav id="menu-meta">
 		            	<ul>
 		                	<li>
-		                		<a href="/"><img id="header-image" src="/assets/v4.1/images/favicon-16x16.png" alt="Logo SocialBotNet.de">SocialBotNet</a>
+		                		<a href="/"><img id="header-image" src="/assets/v4.1.1/images/favicon-16x16.png" alt="Logo SocialBotNet.de">SocialBotNet</a>
 		                	</li>
 		                	<li>
 			                	<a href="/material">Materialien</a>
@@ -66,7 +66,7 @@
 		                        <a href="/registrieren">Registrieren</a>
 		                    </li>
 		                    <li>
-		                        <a href="/login"><i class="far fa-user"></i>  Anmelden</a>
+		                        <a href="/login"><@fa.icon fa="user" />Anmelden</a>
 		                    </li>
 		                </#if>
 		            </ul>

src/main/resources/templates/meta/didactic.ftl

@@ -27,7 +27,7 @@
         	</div>
         	<h3 class="media-title">Beispiel eines Unterrichtskonzeptes</h3>
         	<div class="media-body">
-        		<p>Ein mögliches Unterrichtskonzept für die Oberstufe über den Verlauf von 4 Schulstunden wird im Folgenden kurz dargestellt. Ausführlichere Informationen finden sich insbesondere in der <a href="/assets/v4.1/material/gi_unterrichtspreis.pdf" title="Bewerbung für den GI Unterrichtspreis 2019 herunterladen" download>Ausarbeitung für den GI Unterrichtspreis 2019</a></p>
+        		<p>Ein mögliches Unterrichtskonzept für die Oberstufe über den Verlauf von 4 Schulstunden wird im Folgenden kurz dargestellt. Ausführlichere Informationen finden sich insbesondere in der <a href="/assets/v4.1.1/material/gi_unterrichtspreis.pdf" title="Bewerbung für den GI Unterrichtspreis 2019 herunterladen" download>Ausarbeitung für den GI Unterrichtspreis 2019</a></p>
         		<p>Neben den Programmierkenntnissen (sicherer Umgang mit Datentypen, Objekten und for-Wiederholung) ist Vorwissen zum Schichtenmodell und dem Client-Server-Prinzip für die Unterrichtssequenz hilfreich.</p>
         		<h4>Erste Stunde: Einführung zu Social Bots und Verknüpfung mit Protokollen</h4>
         		<ol>
@@ -72,7 +72,7 @@
 			<figure>
 				<div class="javaTab">
 			        <div class="media-body">
-			        	<p> Hier kann ein <a href="/assets/v4.1/material/java/socialbot-examples.zip">Javaprojekt mit Beispielbots</a> heruntergeladen werden. Enthalten sind:</p>
+			        	<p> Hier kann ein <a href="/assets/v4.1.1/material/java/socialbot-examples.zip">Javaprojekt mit Beispielbots</a> heruntergeladen werden. Enthalten sind:</p>
 						<ul>
 			        		<li> ein einfacher und ein fortgeschrittener Social Bot im Projekt mit Objekten, </li>
 			        		<li> der einfache Bot nur mit JSON zum Vergleich, </li>
@@ -82,7 +82,7 @@
 				</div>
 				<div class="pythonTab">
 			        <div class="media-body">
-			    	 	<p> Hier kann ein <a href="/assets/v4.1/material/python/socialbot-example.zip">Beispielbot mit Python</a> heruntergeladen werden. Der Bot kann Beiträge posten und liken und mit der Pokemon API von <a href="https://pokeapi.co/" target="_blank" rel="noopener noreferrer">pokeapi.co</a> kommunizieren, um Fakten über Pokemons zu posten.</p>
+			    	 	<p> Hier kann ein <a href="/assets/v4.1.1/material/python/socialbot-example.zip">Beispielbot mit Python</a> heruntergeladen werden. Der Bot kann Beiträge posten und liken und mit der Pokemon API von <a href="https://pokeapi.co/" target="_blank" rel="noopener noreferrer">pokeapi.co</a> kommunizieren, um Fakten über Pokemons zu posten.</p>
 
 			    	 	<p> Die Python Materialien wurden dankenswerterweise von Christopher Frank (E-Mail: <@mailObfuscator.generate coded="eBxr@KU01U0VF.BUF" key="cbUFwYfSyBh8JsVPaW09TK3xvgEDNqil7QzXCjOL4HAodG5etZpRImn2Mk6ur1" />) erstellt, der auch gerne bei Fragen kontaktiert werden kann.
 			        </div>
@@ -116,11 +116,11 @@
         <div class="media-body">
         	<p>
         	Dieses Projekt ist im Rahmen einer Zulassungsarbeit am Lehrstuhl für Didaktik der Informatik der Ludwig-Maximilians-Universität München entstanden. 
-        	<a href="/assets/v4.1/material/zulassungsarbeit.pdf" title="Zulassungsarbeit Social Bots herunterladen" download>Download der Zulassungsarbeit</a>
+        	<a href="/assets/v4.1.1/material/zulassungsarbeit.pdf" title="Zulassungsarbeit Social Bots herunterladen" download>Download der Zulassungsarbeit</a>
         	</p>
         	<p>
         	Die Unterrichtseinheit wurde außerdem bei der INFOS 2019 mit dem <a href="https://gi.de/aktuelles/wettbewerbe/unterrichtspreis/" target="_blank" rel="noopener noreferrer">Unterrichtspreis</a> der Gesellschaft für Informatik ausgezeichnet.
-        	<a href="/assets/v4.1/material/gi_unterrichtspreis.pdf" title="Bewerbung für den GI Unterrichtspreis 2019 herunterladen" download>Download der Ausarbeitung</a></p>
+        	<a href="/assets/v4.1.1/material/gi_unterrichtspreis.pdf" title="Bewerbung für den GI Unterrichtspreis 2019 herunterladen" download>Download der Ausarbeitung</a></p>
         </div>
     </div>
 </@layout.masterTemplate>

src/main/resources/templates/meta/material.ftl

@@ -31,8 +31,8 @@
 			        <div class="media-body">
 			        	Die Projektvorlagen stellen eine Klasse <code>NetzwerkVerbindung</code> zur Verfügung, die den Verbindungsaufbau und die Verarbeitung von Datenströmen abnimmt.
 			        	<ul>
-			        		<li><a href="/assets/v4.1/material/java/json-vorlage.zip">Projekt nur mit JSON</a> &mdash; In diesem Projekt muss man die JSON-Daten direkt als JSON verarbeiten. Das ist etwas anspruchsvoller, aber funktioniert auch mit APIs von anderen Websiten.</li>
-			        		<li><a href="/assets/v4.1/material/java/objekte-vorlage.zip">Projekt mit Objekten</a> &mdash; In diesem Projekt steht eine Hilfsklasse zur Verfügung, die die JSON-Antworten in richtige Objekte übersetzt. Der Code ist dadurch anschaulicher</li>
+			        		<li><a href="/assets/v4.1.1/material/java/json-vorlage.zip">Projekt nur mit JSON</a> &mdash; In diesem Projekt muss man die JSON-Daten direkt als JSON verarbeiten. Das ist etwas anspruchsvoller, aber funktioniert auch mit APIs von anderen Websiten.</li>
+			        		<li><a href="/assets/v4.1.1/material/java/objekte-vorlage.zip">Projekt mit Objekten</a> &mdash; In diesem Projekt steht eine Hilfsklasse zur Verfügung, die die JSON-Antworten in richtige Objekte übersetzt. Der Code ist dadurch anschaulicher</li>
 			        	</ul>
 			        </div>
 			        <div class="media-heading">
@@ -41,9 +41,9 @@
 			        <div class="media-body">
 			        	Die Handouts stellen die notwendige Theorie dar und führen Beispiele zur Anwendung im SocialBotNet vor.
 			        	<ul>
-							<li><a href="/assets/v4.1/material/java/handout.pdf">Handout zu GET- und POST-Anfragen</a></li>
-							<li><a href="/assets/v4.1/material/java/objekte-handout.pdf">Handout zum Arbeiten mit der Objekt-Vorlage</a></li>
-							<li><a href="/assets/v4.1/material/java/json-handout.pdf">Handout zum Arbeiten mit der JSON-Vorlage</a></li>
+							<li><a href="/assets/v4.1.1/material/java/handout.pdf">Handout zu GET- und POST-Anfragen</a></li>
+							<li><a href="/assets/v4.1.1/material/java/objekte-handout.pdf">Handout zum Arbeiten mit der Objekt-Vorlage</a></li>
+							<li><a href="/assets/v4.1.1/material/java/json-handout.pdf">Handout zum Arbeiten mit der JSON-Vorlage</a></li>
 			        	</ul>
 			        </div>		      
 				</div>
@@ -54,17 +54,17 @@
 					<div class="media-body">
 						<p>Die Projektvorlage stellt eine Klasse <code>NetzwerkVerbindung</code> zur Verfügung, die den Verbindungsaufbau und die Verarbeitung von Datenströmen abnimmt. Zudem können die Methoden, die man in der Klasse SocialBot implementiert, über eine kleine GUI ausgeführt werden.</p>
 						<p>Du kannst entweder direkt die JSON-Daten verarbeiten, oder die Hilfsklassen verwenden, die die JSON-Daten zu Python Objekten umwandelt.</p>
-						<p><a href="/assets/v4.1/material/python/vorlage.zip">Projektvorlage herunterladen</a></p>
+						<p><a href="/assets/v4.1.1/material/python/vorlage.zip">Projektvorlage herunterladen</a></p>
 					</div>
 					<div class="media-heading">
 						<h2 class="media-title">Handouts</h2>
 					</div>
 					<div class="media-body">
 						Die Handouts stellen die notwendige Theorie dar und führen Beispiele zur Anwendung im SocialBotNet vor.
 						<ul>
-			        		<li><a href="/assets/v4.1/material/python/handout.pdf">Handout zu GET- und POST-Anfragen</a></li>
-			        		<li><a href="/assets/v4.1/material/python/objekte-handout.pdf">Handout zum Arbeiten mit den Objekten</a></li>
-			        		<li><a href="/assets/v4.1/material/python/json-handout.pdf">Handout zum Arbeiten mit den JSON-Daten</a></li>
+			        		<li><a href="/assets/v4.1.1/material/python/handout.pdf">Handout zu GET- und POST-Anfragen</a></li>
+			        		<li><a href="/assets/v4.1.1/material/python/objekte-handout.pdf">Handout zum Arbeiten mit den Objekten</a></li>
+			        		<li><a href="/assets/v4.1.1/material/python/json-handout.pdf">Handout zum Arbeiten mit den JSON-Daten</a></li>
 						</ul>
 					</div>
 				</div>