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();
|
$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>
|
?><!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
@ -30,6 +35,7 @@ $svgs = $blog->getSVGs();
|
|||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
min-height: max(100%, 100vh);
|
min-height: max(100%, 100vh);
|
||||||
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
@ -40,21 +46,49 @@ $svgs = $blog->getSVGs();
|
|||||||
|
|
||||||
main {
|
main {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
main>svg {
|
main>* {
|
||||||
|
display: block;
|
||||||
width: min(100vw, 1000px);
|
width: min(100vw, 1000px);
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
main>svg a {
|
svg .hyperref {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
main>svg a:hover {
|
svg .hyperref:hover {
|
||||||
opacity: 0.6;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@ -63,6 +97,19 @@ $svgs = $blog->getSVGs();
|
|||||||
<?php foreach ($svgs as $svg): ?>
|
<?php foreach ($svgs as $svg): ?>
|
||||||
<?= $svg ?>
|
<?= $svg ?>
|
||||||
<?php endforeach; ?>
|
<?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>
|
</main>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
20490
www/blog/0.svg
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.1 MiB |
@ -4,3 +4,4 @@ require_once __DIR__ . '/style.php';
|
|||||||
require_once __DIR__ . '/stars.php';
|
require_once __DIR__ . '/stars.php';
|
||||||
require_once __DIR__ . '/fill.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
|
public function getSVGs(): array
|
||||||
{
|
{
|
||||||
return array_map(function ($file) {
|
return array_map(function ($file) {
|
||||||
$svg = file_get_contents(__DIR__ . '/../blog/' . $file);
|
return get_svg(__DIR__ . '/../blog/' . $file);
|
||||||
|
|
||||||
if (str_starts_with($svg, '<?xml')) {
|
|
||||||
$svg = preg_replace('/^\s*<\?xml[^>]+>\s*/', '', $svg);
|
|
||||||
}
|
|
||||||
|
|
||||||
return $svg;
|
|
||||||
}, $this->files);
|
}, $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;
|
||||||
|
}
|