Make the entire site prettier

This commit is contained in:
PapaTutuWawa 2020-09-22 18:27:08 +02:00
parent 81f0f99c7e
commit f1d8758369
2 changed files with 45 additions and 28 deletions

View File

@ -11,6 +11,10 @@ h1, h2, h3, h4 {
color: #9b59b6; color: #9b59b6;
} }
.post-list {
padding: 10px;
}
.post-list-item { .post-list-item {
display: block; display: block;
max-width: 800px; max-width: 800px;
@ -25,8 +29,16 @@ h1, h2, h3, h4 {
font-size: 21px; font-size: 21px;
} }
.text {
font-size: 21px;
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.text {
/* A smaller font looks better on smaller devices */
font-size: 19px;
}
.post { .post {
/* A smaller font looks better on smaller devices */ /* A smaller font looks better on smaller devices */
font-size: 19px; font-size: 19px;

View File

@ -1,6 +1,8 @@
<!-- title: About "PapaTutuWawa" --> <!-- title: About "PapaTutuWawa" -->
<!-- description: --> <!-- description: -->
<!-- render: yes --> <!-- render: yes -->
<div class="horizontal-center">
<div class="vertical text">
<h3>About "PapaTutuWawa"</h3> <h3>About "PapaTutuWawa"</h3>
<div class="container"> <div class="container">
@ -11,7 +13,8 @@
</div> </div>
<div class="quote"> <div class="quote">
Student, Anime expert, Vocaloid listener, Docker and Linux fan and hobby SysAdmin. Student, Anime expert, Vocaloid listener, Docker and Linux fan
and hobby SysAdmin.
</div> </div>
<ul> <ul>
@ -31,3 +34,5 @@
<li>All pages are signed using my public key. Use this <a href="/assets/files/verify.sh">script</a> (<a href="/assets/files/verify.sh.sig"><u>signature</u></a>) to verify</li> <li>All pages are signed using my public key. Use this <a href="/assets/files/verify.sh">script</a> (<a href="/assets/files/verify.sh.sig"><u>signature</u></a>) to verify</li>
<li>Last updated <i>{{ build_time }}</i></li> <li>Last updated <i>{{ build_time }}</i></li>
</ul> </ul>
</div>
</div>