klemek/GitBlog.md
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style update

Browse Source
This commit is contained in:
Clément GOUIN
2019-06-21 14:45:49 +02:00
parent 3fc01cadb8
commit 5e7b700304
2 changed files with 7 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sample_data/home/index.ejs
+2 -4
View File
@@ -12,10 +12,8 @@
<h2>Articles in this blog :</h2> <h2>Articles in this blog :</h2>
<% articles.forEach((article) => { %> <% articles.forEach((article) => { %>
<div class="article"> <div class="article">
<h3><%- `<a href="${article.url}">${article.title}</a>` %> ( <h3><%- `<a href="${article.url}">${article.title}</a>` %></h3>
<small><%= `${article.day}/${article.month}/${article.year}` %></small> <span class="time"><span>Published on</span> <%= article.year + '-' + article.month + '-' + article.day %></span>
)
</h3>
<% if(article.thumbnail){ %> <% if(article.thumbnail){ %>
<%- `<img alt="thumbnail" src=${article.thumbnail}>` %> <%- `<img alt="thumbnail" src=${article.thumbnail}>` %>
<% } %> <% } %>
sample_data/home/style.css
+5 -12
View File
@@ -18,7 +18,7 @@ body {
} }
main { main {
max-width: 70ch; max-width: 75ch;
padding: 2ch; padding: 2ch;
margin: auto; margin: auto;
@@ -45,7 +45,6 @@ hr {
a { a {
color: #3C3CA1; color: #3C3CA1;
} }
a:hover { a:hover {
color: #8484C6; color: #8484C6;
} }
@@ -65,12 +64,11 @@ table td {
vertical-align: baseline; vertical-align: baseline;
padding-left: 8px; padding-left: 8px;
} }
table td:first-of-type { table td:first-of-type {
padding-left: 0; padding-left: 0;
} }
div.header span.time span { main.article div.header span.time span, div.article span.time span {
color: #888; color: #888;
font-family: serif; font-family: serif;
font-style: italic; font-style: italic;
@@ -82,17 +80,17 @@ main.article div.header a.link-home {
line-height: 2.4; line-height: 2.4;
} }
main.article div.header h1, main.article div.header h2 { main.article div.header h1, main.article div.header h2, div.article h3 {
margin-top: 0.85em; margin-top: 0.85em;
margin-bottom: 0.25em; margin-bottom: 0.25em;
font-size: 1.5em; font-size: 1.5em;
} }
main.article div.header h1 a, main.article div.header h2 a { main.article div.header h1 a, main.article div.header h2 a, div.article h3 a {
text-decoration: none; text-decoration: none;
} }
main.article div.header span.time { main.article div.header span.time, div.article span.time {
display: block; display: block;
} }
@@ -104,11 +102,9 @@ main.article div.header span.time {
text-align: justify; text-align: justify;
hyphens: auto; hyphens: auto;
} }
#text li, #text table, #text blockquote { #text li, #text table, #text blockquote {
text-align: left; text-align: left;
} }
#text img { #text img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
@@ -118,7 +114,6 @@ main.article div.header span.time {
padding: 1em; padding: 1em;
background: #ff02; background: #ff02;
} }
.note > p { .note > p {
margin: 0.6rem 0; margin: 0.6rem 0;
} }
@@ -127,7 +122,6 @@ main.article div.header span.time {
padding: 1em; padding: 1em;
background: #eff5ff; background: #eff5ff;
} }
.important > p { .important > p {
margin: 0.6rem 0; margin: 0.6rem 0;
} }
@@ -138,7 +132,6 @@ main.article div.header span.time {
font-style: italic; font-style: italic;
color: #555; color: #555;
} }
#text .side > p:nth-child(2n+0) > i, #text .side > p:nth-child(2n+0) > em { #text .side > p:nth-child(2n+0) > i, #text .side > p:nth-child(2n+0) > em {
font-style: normal; font-style: normal;
} }