reworked first blog entry; added imprint and privacy policy to blog
2
www/assets/blog/comments0.svg
Normal file
|
After Width: | Height: | Size: 12 KiB |
2
www/assets/blog/comments1.svg
Normal file
|
After Width: | Height: | Size: 12 KiB |
2
www/assets/blog/comments2.svg
Normal file
|
After Width: | Height: | Size: 12 KiB |
2
www/assets/blog/comments3.svg
Normal file
|
After Width: | Height: | Size: 13 KiB |
2
www/assets/blog/comments4.svg
Normal file
|
After Width: | Height: | Size: 13 KiB |
2
www/assets/blog/comments5.svg
Normal file
|
After Width: | Height: | Size: 13 KiB |
2
www/assets/blog/imprint0.svg
Normal file
|
After Width: | Height: | Size: 9.7 KiB |
2
www/assets/blog/imprint1.svg
Normal file
|
After Width: | Height: | Size: 10 KiB |
2
www/assets/blog/imprint2.svg
Normal file
|
After Width: | Height: | Size: 10 KiB |
2
www/assets/blog/imprint3.svg
Normal file
|
After Width: | Height: | Size: 10 KiB |
2
www/assets/blog/imprint4.svg
Normal file
|
After Width: | Height: | Size: 11 KiB |
2
www/assets/blog/imprint5.svg
Normal file
|
After Width: | Height: | Size: 11 KiB |
2
www/assets/blog/privacy0.svg
Normal file
|
After Width: | Height: | Size: 17 KiB |
2
www/assets/blog/privacy1.svg
Normal file
|
After Width: | Height: | Size: 17 KiB |
2
www/assets/blog/privacy2.svg
Normal file
|
After Width: | Height: | Size: 17 KiB |
2
www/assets/blog/privacy3.svg
Normal file
|
After Width: | Height: | Size: 17 KiB |
2
www/assets/blog/privacy4.svg
Normal file
|
After Width: | Height: | Size: 17 KiB |
2
www/assets/blog/privacy5.svg
Normal file
|
After Width: | Height: | Size: 16 KiB |
2
www/assets/blog/send-comment0.svg
Normal file
|
After Width: | Height: | Size: 36 KiB |
2
www/assets/blog/send-comment1.svg
Normal file
|
After Width: | Height: | Size: 39 KiB |
2
www/assets/blog/send-comment2.svg
Normal file
|
After Width: | Height: | Size: 40 KiB |
2
www/assets/blog/send-comment3.svg
Normal file
|
After Width: | Height: | Size: 39 KiB |
2
www/assets/blog/send-comment4.svg
Normal file
|
After Width: | Height: | Size: 34 KiB |
55
www/blog.php
@ -13,6 +13,11 @@ if ($blog === null) {
|
||||
|
||||
$svgs = $blog->getSVGs();
|
||||
|
||||
$rand_imprint = mt_rand() % 6;
|
||||
$rand_privacy = mt_rand() % 6;
|
||||
$rand_comments = mt_rand() % 6;
|
||||
$rand_send_comment = mt_rand() % 5;
|
||||
|
||||
?><!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
@ -30,6 +35,7 @@ $svgs = $blog->getSVGs();
|
||||
html,
|
||||
body {
|
||||
min-height: max(100%, 100vh);
|
||||
background: white;
|
||||
}
|
||||
|
||||
* {
|
||||
@ -40,21 +46,49 @@ $svgs = $blog->getSVGs();
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
main>svg {
|
||||
main>* {
|
||||
display: block;
|
||||
width: min(100vw, 1000px);
|
||||
height: auto;
|
||||
}
|
||||
|
||||
main>svg a {
|
||||
svg .hyperref {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main>svg a:hover {
|
||||
svg .hyperref:hover {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.send-comment {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.send-comment svg {
|
||||
max-height: 3rem;
|
||||
height: 7vw;
|
||||
min-height: 1.5rem;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.bottom-links {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.bottom-links svg {
|
||||
max-height: 4rem;
|
||||
height: 10vw;
|
||||
min-height: 2rem;
|
||||
width: auto;
|
||||
padding: 0 2rem 0 2rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@ -63,6 +97,19 @@ $svgs = $blog->getSVGs();
|
||||
<?php foreach ($svgs as $svg): ?>
|
||||
<?= $svg ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<div class="send-comment">
|
||||
<?= get_svg(__DIR__ . "/assets/blog/send-comment$rand_send_comment.svg") ?>
|
||||
</div>
|
||||
|
||||
<div style="height: 100px"></div>
|
||||
|
||||
<div class="bottom-links">
|
||||
<?= get_svg(__DIR__ . "/assets/blog/imprint$rand_imprint.svg") ?>
|
||||
<?= get_svg(__DIR__ . "/assets/blog/privacy$rand_privacy.svg") ?>
|
||||
</div>
|
||||
|
||||
<div style="height: 100px"></div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
|
||||
20490
www/blog/0.svg
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.1 MiB |
@ -3,4 +3,5 @@
|
||||
require_once __DIR__ . '/style.php';
|
||||
require_once __DIR__ . '/stars.php';
|
||||
require_once __DIR__ . '/fill.php';
|
||||
require_once __DIR__ . '/blog.php';
|
||||
require_once __DIR__ . '/blog.php';
|
||||
require_once __DIR__ . '/svg.php';
|
||||
@ -23,13 +23,7 @@ class Blog
|
||||
public function getSVGs(): array
|
||||
{
|
||||
return array_map(function ($file) {
|
||||
$svg = file_get_contents(__DIR__ . '/../blog/' . $file);
|
||||
|
||||
if (str_starts_with($svg, '<?xml')) {
|
||||
$svg = preg_replace('/^\s*<\?xml[^>]+>\s*/', '', $svg);
|
||||
}
|
||||
|
||||
return $svg;
|
||||
return get_svg(__DIR__ . '/../blog/' . $file);
|
||||
}, $this->files);
|
||||
}
|
||||
|
||||
|
||||
12
www/lib/svg.php
Normal file
@ -0,0 +1,12 @@
|
||||
<?php
|
||||
|
||||
function get_svg($path)
|
||||
{
|
||||
$svg = file_get_contents($path);
|
||||
|
||||
if (str_starts_with($svg, '<?xml')) {
|
||||
$svg = preg_replace('/^\s*<\?xml[^>]+>\s*/', '', $svg);
|
||||
}
|
||||
|
||||
return $svg;
|
||||
}
|
||||