From 260d20b1bf91a95cf382cad28b6126c3b8a46f82 Mon Sep 17 00:00:00 2001
From: "Kreinsen, Moritz" <moritz.kreinsen@uni-hamburg.de>
Date: Sun, 12 Mar 2023 19:05:47 +0000
Subject: [PATCH] Update index.php

---
 index.php | 93 ++++++++++++++++++++++++++++---------------------------
 1 file changed, 47 insertions(+), 46 deletions(-)

diff --git a/index.php b/index.php
index 73ca5e8..3737d1a 100644
--- a/index.php
+++ b/index.php
@@ -9,69 +9,70 @@
 </head>
 <body>
   <section class="memory-game">
-    <div class="memory-card" data-framework="aurelia">
-      
-      <?php
-        $text = 'Beispieltext';
-        $style = 'background-color: #FFCCCB';
-        $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>";
-        $svgData = base64_encode($svg);
-        $src = "data:image/svg+xml;base64,$svgData";
-        $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>";
-        echo $imgTag;
-      ?>
-
+    <div class="memory-card" data-framework="A">
+      <?php $text = 'Präkonzept A'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
       <!-- <img class="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: #FFCCCB"/> -->
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
-    <div class="memory-card" data-framework="aurelia">
-      <img class="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: #90EE90"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="A">
+    <?php $text = 'Fachkonzept A'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: #90EE90"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
-    <div class="memory-card" data-framework="vue">
-      <img class="front-face" src="img/vue.svg" alt="Vue" style="background-color: #FFCCCB"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="B">
+      <?php $text = 'Präkonzept A'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/vue.svg" alt="Vue" style="background-color: #FFCCCB"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
-    <div class="memory-card" data-framework="vue">
-      <img class="front-face" src="img/vue.svg" alt="Vue" style="background-color: #90EE90"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="B">
+      <?php $text = 'Fachkonzept B'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/vue.svg" alt="Vue" style="background-color: #90EE90"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
-    <div class="memory-card" data-framework="angular">
-      <img class="front-face" src="img/angular.svg" alt="Angular" style="background-color: #FFCCCB"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="C">
+      <?php $text = 'Präkonzept C'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/angular.svg" alt="Angular" style="background-color: #FFCCCB"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
-    <div class="memory-card" data-framework="angular">
-      <img class="front-face" src="img/angular.svg" alt="Angular" style="background-color: #90EE90"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="C">
+      <?php $text = 'Fachkonzept C'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/angular.svg" alt="Angular" style="background-color: #90EE90"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
-    <div class="memory-card" data-framework="ember">
-      <img class="front-face" src="img/ember.svg" alt="Ember" style="background-color: #FFCCCB"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="D">
+      <?php $text = 'Präkonzept D'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/ember.svg" alt="Ember" style="background-color: #FFCCCB"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
-    <div class="memory-card" data-framework="ember">
-      <img class="front-face" src="img/ember.svg" alt="Ember" style="background-color: #90EE90"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="D">
+      <?php $text = 'Fachkonzept D'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/ember.svg" alt="Ember" style="background-color: #90EE90"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
-    <div class="memory-card" data-framework="backbone">
-      <img class="front-face" src="img/backbone.svg" alt="Backbone" style="background-color: #FFCCCB"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="E">
+      <?php $text = 'Präkonzept E'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/backbone.svg" alt="Backbone" style="background-color: #FFCCCB"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
-    <div class="memory-card" data-framework="backbone">
-      <img class="front-face" src="img/backbone.svg" alt="Backbone" style="background-color: #90EE90"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="E">
+      <?php $text = 'Fachkonzept E'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/backbone.svg" alt="Backbone" style="background-color: #90EE90"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
 
-    <div class="memory-card" data-framework="react">
-      <img class="front-face" src="img/react.svg" alt="React" style="background-color: #FFCCCB"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="F">
+      <?php $text = 'Präkonzept F'; $style = 'background-color: #FFCCCB'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/react.svg" alt="React" style="background-color: #FFCCCB"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
-    <div class="memory-card" data-framework="react">
-      <img class="front-face" src="img/react.svg" alt="React" style="background-color: #90EE90"/>
-      <img class="back-face" src="img/js-badge.svg" alt="JS Badge" />
+    <div class="memory-card" data-framework="F">
+      <?php $text = 'Fachkonzept F'; $style = 'background-color: #90EE90'; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50'><text x='10' y='30'>$text</text></svg>"; $svgData = base64_encode($svg); $src = "data:image/svg+xml;base64,$svgData"; $imgTag = "<img class='front-face' src='$src' alt='$text' style='$style'/>"; echo $imgTag; ?>
+      <!-- <img class="front-face" src="img/react.svg" alt="React" style="background-color: #90EE90"/> -->
+      <img class="back-face" src="img/js-badge.svg" alt="" />
     </div>
   </section>
 
-- 
GitLab