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

Update index.php

parent 81f545a1
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 2 additions and 1 deletion
index.php
+ 2
− 1
View file @ 726fc4bd
<!DOCTYPE HTML>
<?php $backface="<img class='back-face' src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9ImRpYWdvbmFsIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iMzAlIiBoZWlnaHQ9IjUlIiBwYXR0ZXJuVHJhbnNmb3JtPSJyb3RhdGUoMzA1KSI+CiAgICAgIDx0ZXh0IHg9IjAiIHk9IjMwIiBmb250LXNpemU9IjMwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzAwMDAwMCI+TWF0Y2hjb25jZXB0aW9uczwvdGV4dD4KICAgIDwvcGF0dGVybj4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNkaWFnb25hbCkiIC8+Cjwvc3ZnPg==' alt='' />"; ?>
<html lang="de">
<head>
<meta charset="UTF-8">
......@@ -12,7 +13,7 @@
<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; ?>
<!-- <img class="front-face" src="img/aurelia.svg" alt="Aurelia" style="background-color: #FFCCCB"/> -->
<img class="back-face" src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9ImRpYWdvbmFsIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iMzAlIiBoZWlnaHQ9IjUlIiBwYXR0ZXJuVHJhbnNmb3JtPSJyb3RhdGUoMzA1KSI+CiAgICAgIDx0ZXh0IHg9IjAiIHk9IjMwIiBmb250LXNpemU9IjMwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzAwMDAwMCI+TWF0Y2hjb25jZXB0aW9uczwvdGV4dD4KICAgIDwvcGF0dGVybj4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNkaWFnb25hbCkiIC8+Cjwvc3ZnPg==' alt="Test" />
<?php echo $backface; ?>
</div>
<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; ?>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment