flewkey/flewkey.com
1
0
Fork 0
Code Releases Activity

Use more specific elements for header text

Browse Source 
This somewhat improves rendering in browsers which don't support CSS,
such as Kristall. Might improve this more in the future.
This commit is contained in:
Ryan Fox 2020-10-30 20:05:09 +00:00
parent 366d7fc857
commit f35e23d266
Signed by: flewkey
GPG Key ID: 94F56ADFD848851E
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
static/style.css
View File

@ -36,17 +36,18 @@ header div.info div {
float: left;
}
header div.info span.title {
header div.info h1.title {
display: block;
font-size: 48px;
font-weight: bold;
margin-bottom: 24px;
}
header div.info span.subtext {
header div.info p.subtext {
display: block;
font-size: 32px;
margin-top: 24px;
margin-top: 24px;
margin-bottom: 0px;
}
nav {
@ -241,12 +242,12 @@ p.openring {
display: inline-block;
}
header div.info span.title {
header div.info h1.title {
font-size: 50px;
margin-bottom: 14px;
}
header div.info span.subtext {
header div.info p.subtext {
font-size: 26px;
margin-top: 14px;
}
@ -292,7 +293,7 @@ p.openring {
padding: 0 0 0 0;
}
header div.info span.title {
header div.info h1.title {
display: block;
text-align: center;
font-size: 24px;
@ -300,7 +301,7 @@ p.openring {
margin-bottom: 6px;
}
header div.info span.subtext {
header div.info p.subtext {
display: block;
text-align: center;
font-size: 20px;

4
templates/page.html
View File

@ -13,8 +13,8 @@
<div class="info">
<img src="{root}assets/avatar.png" alt="My avatar"/>
<div>
<span class="title">flewkey</span>
<span class="subtext">Level 10 Computer Mage</span>
<h1 class="title">flewkey</h1>
<p class="subtext">Level 10 Computer Mage</p>
</div>
</div>
<nav>