Make the entire site prettier
This commit is contained in:
parent
81f0f99c7e
commit
f1d8758369
@ -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;
|
||||||
|
@ -1,33 +1,38 @@
|
|||||||
<!-- title: About "PapaTutuWawa" -->
|
<!-- title: About "PapaTutuWawa" -->
|
||||||
<!-- description: -->
|
<!-- description: -->
|
||||||
<!-- render: yes -->
|
<!-- render: yes -->
|
||||||
<h3>About "PapaTutuWawa"</h3>
|
<div class="horizontal-center">
|
||||||
|
<div class="vertical text">
|
||||||
|
<h3>About "PapaTutuWawa"</h3>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<img
|
<img
|
||||||
class="profile-picture"
|
class="profile-picture"
|
||||||
src="assets/img/profile.jpg"
|
src="assets/img/profile.jpg"
|
||||||
alt="Profile Picture" />
|
alt="Profile Picture" />
|
||||||
</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
|
||||||
</div>
|
and hobby SysAdmin.
|
||||||
|
</div>
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://{{ git_url }}/">Code</a></li>
|
<li><a href="https://{{ git_url }}/">Code</a></li>
|
||||||
<li><a href="https://{{ blog_url }}/">Blog</a></li>
|
<li><a href="https://{{ blog_url }}/">Blog</a></li>
|
||||||
<li><a href="https://{{ mastodon_url }}/">Mastodon</a></li>
|
<li><a href="https://{{ mastodon_url }}/">Mastodon</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h3>Contact</h3>
|
<h3>Contact</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>EMail: <i>{{ email_user }} ["a" with a weird circle] {{ email_domain }}</i> (<a href="{{ email_gpg_url}}">GPG</a>)</li>
|
<li>EMail: <i>{{ email_user }} ["a" with a weird circle] {{ email_domain }}</i> (<a href="{{ email_gpg_url}}">GPG</a>)</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h3>About This Page</h3>
|
<h3>About This Page</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://{{ git_url }}/PapaTutuWawa/blog.polynom.me">Source</a></li>
|
<li><a href="https://{{ git_url }}/PapaTutuWawa/blog.polynom.me">Source</a></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>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>
|
||||||
|
Reference in New Issue
Block a user