added social icons, updated draft post

This commit is contained in:
Vicky Steeves 2018-03-05 18:04:28 -05:00
parent 1305599d2f
commit 1f2f98e7dc
8 changed files with 252 additions and 32 deletions

View File

@ -793,7 +793,7 @@ LICENSE = ""
# A small copyright notice for the page footer (in HTML).
# (translatable)
CONTENT_FOOTER = 'Contents licensed under <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png" /></a><a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"> Creative Commons Attribution-ShareAlike 4.0 International License</a>, {date} | Email <a href="mailto:{email}">{author}</a>'
CONTENT_FOOTER = 'Contents licensed under <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png" /></a><a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"> Creative Commons Attribution-ShareAlike 4.0 International License</a>, {date} | <a href="mailto:{email}"><i class="fa fa-envelope-o fa-lg" aria-hidden="true"></i></a> <a href="https://lissarchive.org/rss.xml"><i class="fa fa-rss fa-lg" aria-hidden="true"></i></a> <a href="https://lissarchive.org/rss.xml"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i></a></a>'
# Things that will be passed to CONTENT_FOOTER.format(). This is done
@ -921,7 +921,7 @@ PRETTY_URLS = True
# it's faster and the output looks better.
# If you set USE_KATEX to True, you also need to add an extra CSS file
# like this:
# EXTRA_HEAD_DATA = """<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">"""
EXTRA_HEAD_DATA = """<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"><script src="//code.jquery.com/jquery-1.11.1.min.js"></script>"""
# USE_KATEX = False
# Do you want to customize the nbconversion of your IPython notebook?

View File

@ -1,4 +1,4 @@
.. title:
.. title: LISSA
.. slug: index
.. date: 2017-01-06 14:24:09 UTC-05:00
.. tags:

View File

@ -1,20 +0,0 @@
<!--
.. title: LISSA 2017 Recap
.. slug: recap
.. date: 2018-02-13 14:08:25 UTC-04:00
.. tags: draft
.. category: updates
.. link: https://lissarchive.org/updates/recap/
.. description:
.. type: text
-->
<!DOCTYPE html>
<html lang="en">
<body>
<p></p>
</html>

View File

@ -0,0 +1,48 @@
<!--
.. title: LISSA 2017 Recap
.. slug: 2017-recap
.. date: 2018-03-04 14:08:25 UTC-04:00
.. tags: draft
.. category: updates
.. link: https://lissarchive.org/updates/recap/
.. description:
.. type: text
-->
<!DOCTYPE html>
<html lang="en">
<body>
<p>YAY LISSA</p>
<ul class="timeline">
<li>
<div class="timeline-badge"><i class="fa fa-snowflake-o" aria-hidden="true"></i></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Mussum ipsum cacilds</h4>
<p><small class="text-muted"><i class="fa fa-clock-o" aria-hidden="true"></i> 11 hours ago via Twitter</small></p>
</div>
<div class="timeline-body">
<p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge success"><i class="fa fa-snowflake-o" aria-hidden="true"></i></i></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Mussum ipsum cacilds</h4>
</div>
<div class="timeline-body">
<p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
</div>
</div>
</li>
</ul>
</div>
</html>

View File

@ -28,6 +28,12 @@ ul > li{
font-size: 1.1em;
}
/* -------------------- FOOTER -------------------- */
footer {
text-align: center;
}
/* -------------------- NAVBAR -------------------- */
.navbar-inverse {
background-color: #8966a0;
@ -348,8 +354,194 @@ text-decoration: none;
text-decoration: none;
float:right;
}
/* --------------------PANELS (FAQ)--------------------------*/
.row ul > li > a {
font-size: 1.2em;
text-decoration: none;
}
/* --------------------TIMELINE--------------------------*/
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 46%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
@media (max-width: 767px) {
ul.timeline:before {
left: 40px;
}
ul.timeline > li > .timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}
ul.timeline > li > .timeline-badge {
left: 15px;
margin-left: 0;
top: 16px;
}
ul.timeline > li > .timeline-panel {
float: right;
}
ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
}

View File

@ -37,8 +37,8 @@ ${template_hooks['extra_head']()}
<div class="collapse navbar-collapse" id="bs-navbar" aria-expanded="false">
<ul class="nav navbar-nav">
${base.html_navigation_links()}
<li><a href="https://osf.io/preprints/lissa/discover">Discover Works <span class="glyphicon glyphicon-new-window"></span></a></li>
<li><a href="https://osf.io/preprints/lissa/submit">Submit <span class="glyphicon glyphicon-new-window"></span></a></li>
<li><a href="https://osf.io/preprints/lissa/discover">Discover Works <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
<li><a href="https://osf.io/preprints/lissa/submit">Submit <i class="fa fa-external-link" aria-hidden="true"></i></a></li>
${template_hooks['menu']()}
</ul>
%if search_form:

View File

@ -21,9 +21,9 @@
<header>
<h1 class="p-name entry-title"><a href="${post.meta('link')}" class="u-url">${post.title()|h}</a></h1>
<div class="metadata">
<p class="dateline"><a href="${post.permalink()}" rel="bookmark"><time class="published dt-published" datetime="${post.formatted_date('webiso')}" title="${post.formatted_date(date_format)|h}">${post.formatted_date(date_format)|h}</time></a></p>
<p><a href="mailto:?subject=I saw this and thought of you!&body=${post.title()} ${post.meta('link')}" onclick="ga('send', 'social', 'email', 'share', ${post.meta('link')}); return true;">Email this article</a></p>
<p><a href="https://twitter.com/share?url=${post.permalink()});text=${post.title()} ${post.meta('link')}" onclick="ga('send', 'social', 'Twitter', 'tweet', ${post.permalink()}); return true;" target="_blank">Tweet this article</a></p>
<p class="dateline"><time class="published dt-published" datetime="${post.formatted_date('webiso')}" title="${post.formatted_date(date_format)|h}">${post.formatted_date(date_format)|h}</time></p>
<p><a href="mailto:?subject=I saw this and thought of you!&body=${post.title()} ${post.meta('link')}" onclick="ga('send', 'social', 'email', 'share', ${post.meta('link')}); return true;"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i></a></p>
<p><a href="https://twitter.com/share?url=${post.permalink()});text=${post.title()} ${post.meta('link')}" onclick="ga('send', 'social', 'Twitter', 'tweet', ${post.permalink()}); return true;" target="_blank"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i></a></p>
% if not post.meta('nocomments') and site_has_comments:
<p class="commentline">${comments.comment_link(post.permalink(), post._base_path)}
% endif

View File

@ -8,9 +8,9 @@
<li class="post-list-item">
<h1><a href="${post.permalink(lang)}">${post.title(lang)|h}</a></h1><p class="dateline">
<div class="metadata">
<p><a href="${post.permalink()}" rel="bookmark"><time class="published dt-published" datetime="${post.formatted_date('webiso')}" title="${post.formatted_date(date_format)|h}">${post.formatted_date(date_format)|h}</time></a></p>
<p><a href="mailto:?subject=I saw this and thought of you!&body=${post.title()}; ${post.meta('link')}" onclick="ga('send', 'social', 'email', 'share', ${post.meta('link')}); return true;">Email this post</a></p>
<p><a href="https://twitter.com/share?url=${post.permalink()});text=${post.title()}, ${post.meta('link')}" onclick="ga('send', 'social', 'Twitter', 'tweet', ${post.permalink()}); return true;" target="_blank">Tweet this post</a></p>
<p class="dateline"><time class="published dt-published" datetime="${post.formatted_date('webiso')}" title="${post.formatted_date(date_format)|h}">${post.formatted_date(date_format)|h}</time></p>
<p><a href="mailto:?subject=I saw this and thought of you!&body=${post.title()} ${post.meta('link')}" onclick="ga('send', 'social', 'email', 'share', ${post.meta('link')}); return true;"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i></a></p>
<p><a href="https://twitter.com/share?url=${post.permalink()});text=${post.title()} ${post.meta('link')}" onclick="ga('send', 'social', 'Twitter', 'tweet', ${post.permalink()}); return true;" target="_blank"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i></a></p>
</div>
%if index_teasers:
<div class="p-summary entry-summary">
@ -25,4 +25,4 @@
%endif
</div>
<!-- End post-list ${post_list_id} -->
</%block>
</%block>