more style updates

This commit is contained in:
Michael Zhang 2018-05-28 12:07:44 -05:00
parent d91880a3ea
commit 47b62e3b17
No known key found for this signature in database
GPG key ID: A1B65B603268116B
4 changed files with 38 additions and 6 deletions

View file

@ -7,6 +7,7 @@
<body> <body>
<div class="container" style="padding: 30px;"> <div class="container" style="padding: 30px;">
<a href="/">&laquo; back</a>
<div style="text-align: center;"> <div style="text-align: center;">
<h2 style="display: inline-block; margin-bottom: 0;">{{ page.title }}</h2> <h2 style="display: inline-block; margin-bottom: 0;">{{ page.title }}</h2>
<p style="font-size: 0.9em;">published: <b>{{ page.date | date_to_long_string }}</b></p> <p style="font-size: 0.9em;">published: <b>{{ page.date | date_to_long_string }}</b></p>

View file

@ -1,8 +1,23 @@
@font-face {
font-family: "Roboto";
font-weight: 200;
src: url(/fonts/Roboto/Roboto-Thin.ttf) format("truetype");
}
@font-face { @font-face {
font-family: "Roboto"; font-family: "Roboto";
font-weight: 300; font-weight: 300;
src: url(/fonts/Roboto/Roboto-Light.ttf) format("truetype"); src: url(/fonts/Roboto/Roboto-Light.ttf) format("truetype");
} }
@font-face {
font-family: "Roboto";
font-weight: 400;
src: url(/fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Roboto";
font-weight: 700;
src: url(/fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}
@font-face { @font-face {
font-family: "RobotoMono"; font-family: "RobotoMono";
font-weight: 300; font-weight: 300;

View file

@ -7,12 +7,30 @@ body {
font-weight: 300; font-weight: 300;
} }
a {
text-decoration: none;
}
small {
font-weight: 200;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
*::selection { *::selection {
background-color: #444444; background-color: #444444;
color: #f0f0f0; color: #f0f0f0;
} }
pre, code { pre,
code {
font-family: "RobotoMono", monospace; font-family: "RobotoMono", monospace;
font-weight: 300; font-weight: 300;
padding: 10px; padding: 10px;

View file

@ -9,13 +9,11 @@ layout: default
<tr> <tr>
<td> <td>
<h3 style="margin-bottom: 0;"> <h3 style="margin-bottom: 0;">
<a href="{{ post.url }}" style="text-decoration: none;">{{ post.title }}</a> <a href="{{ post.url }}" style="font-weight: 300;">{{ post.title }}</a>
</h3> </h3>
</td> </td>
<td style="text-align: right;"> <td style="text-align: right;">
<small> <small>{{ post.date | date: "%B %e, %Y" }}</small>
<strong>{{ post.date | date: "%B %e, %Y" }}</strong>
</small>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}