Skip to content
Snippets Groups Projects
Commit f4ef5060 authored by Kreinsen, Moritz's avatar Kreinsen, Moritz
Browse files

Update index.php

parent 64e05a39
No related branches found
No related tags found
No related merge requests found
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<div class="memory-card" data-framework="A"> <div class="memory-card" data-framework="A">
<?php $text = 'A'; $style = 'background-color: #FFCCCB'; $width = 640 * 0.25 - 10; $height = 640 * 0.33333 - 10; $textSize = min($width, $height) * 0.4; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='$width' height='$height'><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='$textSize'>$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'; $width = 640 * 0.25 - 10; $height = 640 * 0.33333 - 10; $textSize = min($width, $height) * 0.4; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='$width' height='$height'><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='$textSize'>$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="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: #FFCCCB"/> -->
<img class="back-face" src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJkaWFnYW5hbCIgcGF0dGVybi11bml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSIzMCUiIGhlaWdodD0iNSUiIHBhdHRlcm4tVGhyYW5zb21FcnM9InJvdGF0ZSgzMDUpIj48dGV4dCB4PSIwIiB5PSIzMCIgZm9udC1zaXplPSIzMCIgZm9udC1mYW1pbHk9InNhbnMtcmVxdWlyZSIgZmlsbD0iIzAwMDAwMCI+TWF0Y2hjb25jZXB0aW9uczwvdGV4dD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNkaWFsb25hbCkiIC8+PC9zdmc+' alt="Test" /> <img class="back-face" src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9ImRpYWdub2FsIj4KICAgICAgPHBhdHRlcm4gdXJsPSJodHRwOi8vd3d3LnczLm9yZy91c2VyU3BhY2VPblVzZSIgd2lkdGg9IjMwJSIgaGVpZ2h0PSI1JSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDMwNSkiPgogICAgICAgIDx0ZXh0IHg9IjAiIHk9IjMwIiBmb250LXNpemU9IjMwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzAwMDAwMCI+TWF0Y2hjb25jZXB0aW9uczwvdGV4dD4KICAgIDwvcGF0dGVybj4KICA8L2RlZnM+CiAgPGluY3JlbWVudCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2RpYWdub2FsKSIgLz4KPC9zdmc+Cg==' alt="Test" />
</div> </div>
<div class="memory-card" data-framework="A"> <div class="memory-card" data-framework="A">
<?php $text = 'A'; $style = 'background-color: #90EE90'; $width = 640 * 0.25 - 10; $height = 640 * 0.33333 - 10; $textSize = min($width, $height) * 0.4; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='$width' height='$height'><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='$textSize'>$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'; $width = 640 * 0.25 - 10; $height = 640 * 0.33333 - 10; $textSize = min($width, $height) * 0.4; $svg = "<svg xmlns='http://www.w3.org/2000/svg' width='$width' height='$height'><text x='50%' y='50%' text-anchor='middle' alignment-baseline='middle' font-size='$textSize'>$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; ?>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment