wassname/template
1
0
Fork 0
mirror of https://github.com/wassname/template.git synced 2026-06-28 12:11:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

More authoritative-ness

Browse Source
This commit is contained in:
Shan Carter
2017-08-28 18:18:29 -07:00
parent f86f1d0a91
commit bdb7aa032c
3 changed files with 22 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/article.html
+3 -3
View File
@@ -9,7 +9,7 @@
title: Demo Title Attention and Augmented Recurrent Neural Networks
published: Jan 10, 2017
authors:
- Chris Olah:
- Chris Olah: http://shancarter.com
- Shan Carter: http://shancarter.com
affiliations:
- Google Brain
@@ -21,8 +21,8 @@
<body>
<d-article>
<d-title>
<h1>Attention and Augmented Recurrent Neural Networks</h1>
<h2>Although extremely useful for visualizing high-dimensional data, t-SNE plots can sometimes be mysterious or misleading. By exploring how it behaves in simple cases, we can learn to use it more effectively.</h2>
<h1>How to Use t-SNE Effectively</h1>
<h2>Although extremely useful for visualizing high-dimensional data, t-SNE plots can sometimes be mysterious or misleading.</h2>
<d-byline></d-byline>
</d-title>
<!-- <d-abstract>
src/components/d-byline.js
+13 -35
View File
@@ -8,10 +8,7 @@ const T = Template('d-byline', `
font-size: 13px;
line-height: 20px;
display: block;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6);
padding-top: 20px;
padding-bottom: 20px;
}
${page('.byline')}
@@ -54,65 +51,47 @@ const T = Template('d-byline', `
.citation div {
display: inline;
}
.byline {
line-height: 1.8em;
}
.byline::after {
content: "";
display: block;
border-bottom: solid 1px #999;
width: 40px;
margin-top: 60px;
}
@media screen and (min-width: 768px), print {
d-byline {
border-bottom: none;
}
a:hover {
color: rgba(0, 0, 0, 0.9);
}
.authors {
display: inline-block;
}
.author {
display: inline-block;
margin-right: 12px;
/*padding-left: 20px;*/
/*border-left: 1px solid #ddd;*/
}
.affiliation {
display: block;
display: inline;
}
.author:last-child {
margin-right: 0;
}
.name {
display: block;
margin-right: 10px;
}
.date {
border-left: 1px solid rgba(0, 0, 0, 0.1);
padding-left: 15px;
margin-left: 15px;
display: none;
margin-top: 0;
display: inline-block;
}
.year, .month {
display: block;
}
.citation {
align-self: flex-end;
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 15px;
display: inline-block;
}
.citation div {
display: block;
}
.byline {
display: flex;
min-height: 40px;
}
}
</style>
@@ -142,7 +121,6 @@ export function bylineTemplate(frontMatter) {
<div class="year">${frontMatter.publishedYear}</div>
</div>
<a class="citation" href="#citation">
<div>Citation:</div>
<div>${frontMatter.concatenatedAuthors}, ${frontMatter.publishedYear}</div>
</a>
`;
src/components/d-title.js
+6 -6
View File
@@ -8,13 +8,11 @@ const T = Template('d-title', `
box-sizing: border-box;
display: block;
width: 100%;
margin-bottom: 64px;
margin-bottom: 36px;
}
::slotted(h1) {
padding-top: 16px;
padding-bottom: 16px;
padding-bottom: 12px;
margin: 0;
line-height: 1.15;
font-size: 32px;
@@ -23,11 +21,13 @@ const T = Template('d-title', `
::slotted(h2) {
border-bottom: none !important;
font-size: 22px !important;
font-size: 26px !important;
font-weight: 300 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1.5em !important;
margin-top: 0 !important;
margin-bottom: 24px !important;
}
@media screen and (min-width: 768px), print {
@@ -38,7 +38,7 @@ const T = Template('d-title', `
@media(min-width: 1024px) {
::slotted(h1) {
padding-top: 64px;
font-size: 48px;
font-size: 42px;
}
}
@media(min-width: 1280px) {