diff --git a/www/assets/blog/comments0.svg b/www/assets/blog/comments0.svg new file mode 100644 index 0000000..9d39d8d --- /dev/null +++ b/www/assets/blog/comments0.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/comments1.svg b/www/assets/blog/comments1.svg new file mode 100644 index 0000000..7777a7d --- /dev/null +++ b/www/assets/blog/comments1.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/comments2.svg b/www/assets/blog/comments2.svg new file mode 100644 index 0000000..0bffe8f --- /dev/null +++ b/www/assets/blog/comments2.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/comments3.svg b/www/assets/blog/comments3.svg new file mode 100644 index 0000000..bc6770f --- /dev/null +++ b/www/assets/blog/comments3.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/comments4.svg b/www/assets/blog/comments4.svg new file mode 100644 index 0000000..ccaf118 --- /dev/null +++ b/www/assets/blog/comments4.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/comments5.svg b/www/assets/blog/comments5.svg new file mode 100644 index 0000000..5ae0c1f --- /dev/null +++ b/www/assets/blog/comments5.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/imprint0.svg b/www/assets/blog/imprint0.svg new file mode 100644 index 0000000..28c0624 --- /dev/null +++ b/www/assets/blog/imprint0.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/imprint1.svg b/www/assets/blog/imprint1.svg new file mode 100644 index 0000000..0f60c0b --- /dev/null +++ b/www/assets/blog/imprint1.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/imprint2.svg b/www/assets/blog/imprint2.svg new file mode 100644 index 0000000..97d06bf --- /dev/null +++ b/www/assets/blog/imprint2.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/imprint3.svg b/www/assets/blog/imprint3.svg new file mode 100644 index 0000000..fea9806 --- /dev/null +++ b/www/assets/blog/imprint3.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/imprint4.svg b/www/assets/blog/imprint4.svg new file mode 100644 index 0000000..056fe5f --- /dev/null +++ b/www/assets/blog/imprint4.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/imprint5.svg b/www/assets/blog/imprint5.svg new file mode 100644 index 0000000..bc5cb83 --- /dev/null +++ b/www/assets/blog/imprint5.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/privacy0.svg b/www/assets/blog/privacy0.svg new file mode 100644 index 0000000..14cdf60 --- /dev/null +++ b/www/assets/blog/privacy0.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/privacy1.svg b/www/assets/blog/privacy1.svg new file mode 100644 index 0000000..c773dcc --- /dev/null +++ b/www/assets/blog/privacy1.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/privacy2.svg b/www/assets/blog/privacy2.svg new file mode 100644 index 0000000..bb58b99 --- /dev/null +++ b/www/assets/blog/privacy2.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/privacy3.svg b/www/assets/blog/privacy3.svg new file mode 100644 index 0000000..84d778d --- /dev/null +++ b/www/assets/blog/privacy3.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/privacy4.svg b/www/assets/blog/privacy4.svg new file mode 100644 index 0000000..9a41646 --- /dev/null +++ b/www/assets/blog/privacy4.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/privacy5.svg b/www/assets/blog/privacy5.svg new file mode 100644 index 0000000..edf1a38 --- /dev/null +++ b/www/assets/blog/privacy5.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/send-comment0.svg b/www/assets/blog/send-comment0.svg new file mode 100644 index 0000000..7082552 --- /dev/null +++ b/www/assets/blog/send-comment0.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/send-comment1.svg b/www/assets/blog/send-comment1.svg new file mode 100644 index 0000000..44cc4d2 --- /dev/null +++ b/www/assets/blog/send-comment1.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/send-comment2.svg b/www/assets/blog/send-comment2.svg new file mode 100644 index 0000000..45f3d1c --- /dev/null +++ b/www/assets/blog/send-comment2.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/send-comment3.svg b/www/assets/blog/send-comment3.svg new file mode 100644 index 0000000..625ece5 --- /dev/null +++ b/www/assets/blog/send-comment3.svg @@ -0,0 +1,2 @@ + + diff --git a/www/assets/blog/send-comment4.svg b/www/assets/blog/send-comment4.svg new file mode 100644 index 0000000..c94fa9e --- /dev/null +++ b/www/assets/blog/send-comment4.svg @@ -0,0 +1,2 @@ + + diff --git a/www/blog.php b/www/blog.php index fadf832..6346017 100644 --- a/www/blog.php +++ b/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; + ?> @@ -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; + } @@ -63,6 +97,19 @@ $svgs = $blog->getSVGs(); = $svg ?> + +