From 81b654124e49374eb24cb56536b3d1fea3102cc7 Mon Sep 17 00:00:00 2001
From: "Kreinsen, Moritz" <moritz.kreinsen@uni-hamburg.de>
Date: Sun, 12 Mar 2023 19:07:00 +0000
Subject: [PATCH] Update index.php
---
index.php | 24 ++++++++++++------------
1 file changed, 12 insertions(+), 12 deletions(-)
diff --git a/index.php b/index.php
index 3737d1a..c7b6924 100644
--- a/index.php
+++ b/index.php
@@ -10,67 +10,67 @@
<body>
<section class="memory-game">
<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; ?>
+ <?php $text = '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="" />
</div>
<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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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="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; ?>
+ <?php $text = '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>
--
GitLab