james/howfeed
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

blockquote thing for article metadata

Browse Source
This commit is contained in:
James Shiffer 2020-06-12 12:19:31 -07:00
parent d6e729b440
commit 6931e0dcc9
1 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/routes/a/[slug].svelte
View File

@ -88,10 +88,16 @@
}
div.article-meta {
margin: 0 0 4rem 0;
margin: 0 0 2rem 0;
padding: 0;
}
div.article-meta blockquote {
border-left: 2px solid gray;
padding-left: 0.5rem;
margin: 0;
}
div.article-meta h1 {
margin-bottom: 0;
}
@ -114,6 +120,10 @@
p.comment-meta {
margin: 0;
}
div.article-content {
margin-bottom: 2rem;
}
</style>
<svelte:head>
@ -126,11 +136,15 @@
</figure>
<div class="article-meta">
<h1 class="article-title">{article.title}</h1>
<p>Author: <strong>{article.author.realname}</strong></p>
<p>Published: <strong>{new Date(article.created_at).toLocaleString()}</strong></p>
<p>Views: <strong>{article.views}</strong></p>
<blockquote>
<p>Author: <strong>{article.author.realname}</strong></p>
<p>Published: <strong>{new Date(article.created_at).toLocaleString()}</strong></p>
<p>Views: <strong>{article.views}</strong></p>
</blockquote>
</div>
<div class="article-content">
{@html article.html}
</div>
{@html article.html}
<hr>
<h3>Comments</h3>
<div class="comments">