diff --git a/index.php b/index.php
index 73ca5e8e9faa4bea15a5a03c6905038175b1cf3e..3737d1a634ec5439538e7ff950d92e4f725a498e 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>