new theme

This commit is contained in:
Tyrel Souza 2023-07-20 15:34:24 -04:00
parent 7b35bae66a
commit d4c488de15
No known key found for this signature in database
GPG Key ID: F3614B02ACBE438E
26 changed files with 739 additions and 105 deletions

View File

@ -12,7 +12,6 @@ About Tyrel
Senior Software Engineer with a back end focus. Specializing in Python and Go.
I'm a very infrequent blogger. I will go months without any posts, some time years.
Licenses

View File

@ -7,113 +7,17 @@ Blogroll
:status: published
* Friends
* Blogs I Read
* `Ned Batchelder's blog <https://nedbatchelder.com/blog>`_
* `Andrey Petrov <https://shazow.net/>`_
* `bitprophet.org on bitprophet.org <https://bitprophet.org/>`_
* `bitquabit <https://www.bitquabit.com/>`_
* `Julia Evans <http://jvns.ca>`_
* `Nik Kantar <https://www.nkantar.com>`_
* `Sam.Codes <https://blog.sam.codes/>`_
* `Stories by Jess Shapiro on Medium <https://medium.com/@transgingerjess?source=rss-44663d5275a4------2>`_
* `The Industrious Rabbit - Blog <https://theindustriousrabbit.com>`_
* `The Industrious Rabbit - Videos <https://www.youtube.com/channel/UCV37kgKv2uoFimfxaFKoXOA>`_
* `__fredeb.dev <https://fredeb.dev/>`_
* `Andrey Petrov <https://shazow.net/>`_
* Woodworking
* `Making Things Work <https://nrhiller.wordpress.com>`_
* `Anika's DIY Life <https://www.anikasdiylife.com/>`_
* Stuff
* `SectionHiker.com <https://sectionhiker.com/>`_
* Computers
* `Deliberate Software <http://deliberate-software.com/>`_
* `Do I Smell Burning? <https://blog.doismellburning.co.uk/>`_
* `Here Dragons Abound <https://heredragonsabound.blogspot.com/>`_
* `Imapenguin <https://imapenguin.com/>`_
* `ImperialViolet <http://www.imperialviolet.org/>`_
* `Joel on Software <https://www.joelonsoftware.com>`_
* `Julia Evans <http://jvns.ca>`_
* `N O D E <https://N-O-D-E.net>`_
* `Nicole Express <https://nicole.express/>`_
* `Old Vintage Computing Research <https://oldvcr.blogspot.com/>`_
* `Schneier on Security <https://www.schneier.com>`_
* `Stephen Brennan <https://brennan.io>`_
* `The Django weblog <https://www.djangoproject.com/weblog/>`_
* `bitquabit <https://www.bitquabit.com/>`_
* `christophvoigt.com <https://cvo-23052022.fly.dev/>`_
* `journal.stuffwithstuff.com <http://journal.stuffwithstuff.com/>`_
* Writing
* `Helping Writers Become Authors <https://www.helpingwritersbecomeauthors.com/>`_
* `The Write Practice <https://thewritepractice.com/>`_
* Playing
* `Dyson's Dodecahedron <https://dysonlogos.blog>`_
* `Improved Initiative <http://taking10.blogspot.com/>`_
* `ars ludi <https://arsludi.lamemage.com>`_
* Reading
* `Imaginary Worlds <https://www.imaginaryworldspodcast.org/>`_
* `Tor.com Original - Tor.com <https://www.tor.com>`_
* Games
* `Blobs in Games <https://simblob.blogspot.com/>`_
* `Blog | Dungeon Scrawl <https://blog.dungeonscrawl.com/>`_
* `Digital DM <http://www.cryrid.com/digitaldnd>`_
* `The Crooked Staff Blog <https://www.crookedstaff.co.uk/>`_
* Tech Blogs
* `Aphyr: Posts <https://aphyr.com/>`_
* `Chip Huyen <https://huyenchip.com>`_
* `Counting From Zero <http://blogs.whitman.edu/countingfromzero>`_
* `Dan Luu <https://danluu.com/atom/index.xml>`_
* `Eli Bendersky's website <https://eli.thegreenplace.net/>`_
* `Elided Branches <https://www.elidedbranches.com/>`_
* `Embedded in Academia <https://blog.regehr.org>`_
* `Eric Sink <https://ericsink.com/>`_
* `Jessitron <https://jessitron.com>`_
* `Laurence Tratt: Blog <https://tratt.net>`_
* `Marc Brooker's Blog <http://brooker.co.za/blog/>`_
* `Paul Khuong: some Lisp <https://www.pvk.ca/>`_
* `Random ASCII - tech blog of Bruce Dawson <https://randomascii.wordpress.com>`_
* `Scattered Thoughts <https://www.scattered-thoughts.net/>`_
* `The ryg blog <https://fgiesen.wordpress.com>`_
* `Writing - rachelbythebay <http://rachelbythebay.com/w/>`_
* `fabiensanglard.net <https://fabiensanglard.net>`_
* `rakyll.org <https://rakyll.org/>`_
* `tonsky.me <https://tonsky.me/>`_
* Python
* `Hynek Schlawack <https://hynek.me/>`_
* `Ned Batchelder's blog <https://nedbatchelder.com/blog>`_
* `bitprophet.org on bitprophet.org <https://bitprophet.org/>`_
* Literature
* `The Literary Phoenix <https://theliteraryphoenix.com/>`_
* Comics
* `CommitStrip <https://www.commitstrip.com>`_
* `Poorly Drawn Lines <https://poorlydrawnlines.com>`_
* `xkcd.com <https://xkcd.com/>`_
* Tech
* `Irrational Exuberance <https://lethain.com/>`_
* `Cogito, Ergo Sumana <https://www.harihareswara.net/rss/>`_
* Security
* `Errata Security <https://blog.erratasec.com/>`_
* `benjojo blog <https://blog.benjojo.co.uk>`_
* `Freedom of the Press Foundation <http://freedom.press/news/>`_
* `Flameeyes Weblog <https://flameeyes.blog>`_

View File

@ -11,7 +11,7 @@ SITEBASE = "/blog"
MENUITEMS = [
('Home', f'{SITEBASE}/'),
#('Home', f'{SITEBASE}/'),
('Tags', f'{SITEBASE}/tags.html'),
('Categories', f'{SITEBASE}/categories.html'),
]
@ -64,5 +64,9 @@ DEFAULT_METADATA = {
'extras/favicon.ico': {'path': 'favicon.ico'},
}
THEME = "./themes/solarized"
SOCIAL = ()
# THEME = "./themes/pelican-themes/gum"
DISPLAY_PAGES_ON_MENU=True
LANDING_PAGE_ABOUT=True
THEME = pwd / "themes" / "waterspill-en"

View File

@ -0,0 +1,7 @@
# waterspill-en #
## Screenshot ##
![screenshot](screenshot.png)

View File

@ -0,0 +1,9 @@
Copyright (c) 2012 The Dod
Original French [waterspill](https://github.com/getpelican/pelican-themes/tree/master/waterspill) theme Copyright (c) 2010 *Freeculture*
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Binary file not shown.

After

Width:  |  Height:  |  Size: 903 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 910 KiB

View File

@ -0,0 +1,205 @@
.hll {
background-color:#FFFFCC;
}
.c {
color:#408090;
font-style:italic;
}
.err {
border:1px solid #FF0000;
}
.k {
color:#007020;
font-weight:bold;
}
.o {
color:#666666;
}
.cm {
color:#408090;
font-style:italic;
}
.cp {
color:#007020;
}
.c1 {
color:#408090;
font-style:italic;
}
.cs {
background-color:#FFF0F0;
color:#408090;
}
.gd {
color:#A00000;
}
.ge {
font-style:italic;
}
.gr {
color:#FF0000;
}
.gh {
color:#000080;
font-weight:bold;
}
.gi {
color:#00A000;
}
.go {
color:#303030;
}
.gp {
color:#C65D09;
font-weight:bold;
}
.gs {
font-weight:bold;
}
.gu {
color:#800080;
font-weight:bold;
}
.gt {
color:#0040D0;
}
.kc {
color:#007020;
font-weight:bold;
}
.kd {
color:#007020;
font-weight:bold;
}
.kn {
color:#007020;
font-weight:bold;
}
.kp {
color:#007020;
}
.kr {
color:#007020;
font-weight:bold;
}
.kt {
color:#902000;
}
.m {
color:#208050;
}
.s {
color:#4070A0;
}
.na {
color:#4070A0;
}
.nb {
color:#007020;
}
.nc {
color:#0E84B5;
font-weight:bold;
}
.no {
color:#60ADD5;
}
.nd {
color:#555555;
font-weight:bold;
}
.ni {
color:#D55537;
font-weight:bold;
}
.ne {
color:#007020;
}
.nf {
color:#06287E;
}
.nl {
color:#002070;
font-weight:bold;
}
.nn {
color:#0E84B5;
font-weight:bold;
}
.nt {
color:#062873;
font-weight:bold;
}
.nv {
color:#BB60D5;
}
.ow {
color:#007020;
font-weight:bold;
}
.w {
color:#BBBBBB;
}
.mf {
color:#208050;
}
.mh {
color:#208050;
}
.mi {
color:#208050;
}
.mo {
color:#208050;
}
.sb {
color:#4070A0;
}
.sc {
color:#4070A0;
}
.sd {
color:#4070A0;
font-style:italic;
}
.s2 {
color:#4070A0;
}
.se {
color:#4070A0;
font-weight:bold;
}
.sh {
color:#4070A0;
}
.si {
color:#70A0D0;
font-style:italic;
}
.sx {
color:#C65D09;
}
.sr {
color:#235388;
}
.s1 {
color:#4070A0;
}
.ss {
color:#517918;
}
.bp {
color:#007020;
}
.vc {
color:#BB60D5;
}
.vg {
color:#BB60D5;
}
.vi {
color:#BB60D5;
}
.il {
color:#208050;
}

View File

@ -0,0 +1,215 @@
* { margin: 0; padding: 0; }
dd { margin-left: 23px }
/* *** General Styles *** */
body {
background: url(../images/background.jpg);
color: #293331;
font: 16px Georgia, "Times New Roman", Times, serif;
text-align: center;
}
pre { font-size:12px }
a {
color: #293331;
}
a:hover {
background: #a7aa9e;
}
#header a,
#topMenu a,
.blogItem h2 a,
.blogMeta a {
text-decoration: none;
}
p {
line-height: 1.5em;
padding: 5px 0;
}
h1,
h2,
h3 {
font-weight: normal;
}
blockquote {
background: url(../images/body.gif) top left repeat-y;
font-size: 18px;
font-style: italic;
padding: 5px 0 5px 30px;
}
ul,
ol {
margin-left: 20px;
line-height: 1.6em;
}
/* *** Layout *** */
#container {
background: url(../images/spill.gif) no-repeat top right;
margin: 0 auto;
text-align: left;
width: 780px;
}
#header {
background: url(../images/header.gif) no-repeat;
height: 109px;
padding: 0 10px 0 20px;
}
#topMenu {
background: url(../images/menubar.gif) no-repeat;
height: 48px;
}
#sidebar {
float: right;
padding: 20px 30px 10px 0;
text-align: right;
width: 150px;
}
#mainContent {
background: url(../images/body.gif) repeat-y;
padding: 20px 250px 10px 40px;
}
#footer {
background: url(../images/bottom.gif) no-repeat;
font-size: 14px;
height: 70px;
padding: 0 10px 0 20px;
}
/* *** Header Styles *** */
#header h1 {
font-size: 48px;
font-weight: normal;
padding: 20px 0 0 170px;
}
#header h2 {
font-size: 20px;
font-weight: normal;
text-align: right;
}
#header a:hover {
background: none;
}
/* *** Top Menu Styles *** */
#topMenu ul {
font-size: 26px;
line-height: 1em;
list-style: none;
padding: 14px 30px 0 0;
text-align: right;
}
#topMenu li {
display: inline;
}
#topMenu a:hover {
background: url(../images/hr.gif) center center no-repeat;
}
/* *** Blog Styles *** */
.blogItem {
padding-bottom: 20px;
}
.blogItem h2,
.blogItem h3 {
font-weight: normal;
}
.blogItem h2 a:hover,
.blogItem h3 a:hover {
background: none;
text-decoration: underline;
}
.blogItem h2 {
font-size: 24px;
}
.blogItem h3 {
background: url(../images/hr.gif) bottom left no-repeat;
font-size: 18px;
padding-bottom: 6px;
}
.blogItem h3.blogMeta {
background-position: top left;
padding: 6px 0 0 0;
text-align: right;
}
/* *** Sidebar Styles *** */
#sidebar h3 {
font-size: 24px;
font-weight: normal;
}
#sidebar ul {
line-height: 1.8em;
list-style: none;
padding-bottom: 20px;
}
#sidebar ul a {
text-decoration: none;
}
/* *** Comments Styles *** */
#comments {
margin: 20px 0 0 20px;
}
#comments li {
margin-bottom: 10px;
}
.commentSep {
background: url(../images/hr.gif) bottom left no-repeat;
}
/* *** Footer Styles *** */
#footer p {
padding: 30px 0 0 0;
text-align: center;
}
.floatR, .align-right {
float: right;
margin-left: 8px;
}
.floatL, .align-left {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 616 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

View File

@ -0,0 +1,11 @@
{% if GOOGLE_ANALYTICS %}
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("{{GOOGLE_ANALYTICS}}");
pageTracker._trackPageview();
} catch(err) {}</script>
{% endif %}

View File

@ -0,0 +1,25 @@
{% extends "base.html" %}
{% block title %}Archives of {{ SITENAME }}{% endblock %}
{% block content %}
<div class="blogItem">
<dl>
<h2>Archives of {{ SITENAME }}</h2>
{% for article in dates %}
<dt>{{ article.locale_date }}</dt>
<dd><a href='{{ article.url }}'>{{ article.title }}</a></dd>
{% endfor %}
</dl>
</div>
{% endblock %}

View File

@ -0,0 +1,37 @@
{% extends "base.html" %}
{% block title %}{{ article.title }}{% endblock %}
{% block content %}
<div class="blogItem">
<h2><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h2>
<h3>{{ article.locale_date }}</h3>
{{ article.content }}
{% include 'twitter.html' %}
<h3 class="blogMeta">By <a href="#">{{ article.author }}</a>{% if not SUPPRESS_ITEM_CATEGORIES %}, Category: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>{% endif %}</h3>
{% if article.tags %}<h3 class="blogMeta">Tags: {% for tag in article.tags %}
<span><a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a> / </span>
{% endfor %}</h3>{% endif %}
</div><!-- end #blogItem -->
{% if DISQUS_SITENAME %}
<div class="blogItem">
<h2>Comments</h2>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_identifier = "{{ article.url }}";
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'https://{{ DISQUS_SITENAME }}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
</div>
{% endif %}
<!-- end #content -->
{% endblock %}

View File

@ -0,0 +1,131 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
<link href="{{ SITEURL }}/theme/css/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{{ SITEURL }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
{% if FEED_RSS %}
<link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
{% endif %}
<!--[if IE]>
<style type="text/css">
.twoColFixRtHdr #mainContent { zoom: 1; }
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="{{ SITEURL }}/index.html">{{ SITENAME }}</h1>
{% if SITESUBTITLE %}<h2>{{ SITESUBTITLE }}</h2>{% endif %}
</div><!-- end #header -->
<div id="topMenu">
<ul>
{% for item in BEFORE_MENU %}
<li><a href="{{ item.url }}">{{ item.name }}</li>
<li>&ndash;</li>
{% endfor %}
<li><a href="{{ SITEURL }}/index.html">Home</a></li>
<li>&ndash;</li>
<li><a href="{{ SITEURL }}/archives.html">Archives</a></li>
{% for item in AFTER_MENU %}
<li>&ndash;</li>
<li><a href="{{ item.url }}">{{ item.name }}</li>
{% endfor %}
</ul>
</div><!-- end #topMenu -->
<div id="sidebar">
<ul>
{% if DISPLAY_PAGES_ON_MENU %}
<li>
<h3>Pages</h3>
<ul>
{% for page in pages %}
<li><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a></li>
{% endfor %}
</ul>
</li>
{% endif %}
{% if not SUPPRESS_CATEGORIES_ON_MENU %}
<li>
<h3>Categories</h3>
<ul>
{% for cat, null in categories %}
<li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
{% endfor %}
</ul>
</li>
{% endif %}
{% if LINKS %}
<li>
<h3>Blogroll</h3>
<ul>
{% for name, link in LINKS %}
<li><a href="{{ link }}">{{ name }}</a></li>
{% endfor %}
</ul>
</li>
{% endif %}
{% if SOCIAL %}
<li>
<h3>Social</h3>
<ul>
{% if FEED_ATOM %}
<li><a href="{{ SITEURL }}/{{ FEED_ATOM }}" rel="alternate">Atom feed</a></li>
{% endif %}
{% if FEED_RSS %}
<li><a href="{{ SITEURL }}/{{ FEED_RSS }}" rel="alternate">Flux Rss</a></li>
{% endif %}
{% for name, link in SOCIAL %}
<li><a href="{{ link }}">{{ name }}</a></li>
{% endfor %}
</ul>
</li><!-- /.social -->
{% endif %}
{% if tags %}
<li>
<h3>Tags</h3>
<ul>
{% for tag, articles in tags %}
<li><a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a></li>
{% endfor %}
</ul>
</li>
{% endif %}
</ul>
</div><!-- end #sidebar -->
<div id="mainContent">
{% block content %}
{% endblock %}
</div><!-- end #mainContent -->
<div class="clearfloat"></div>
<div id="footer">
<p><a href="http://css4free.com/" title="free CSS web site designs">Free CSS Gallery</a></p>
<p>Proudly powered by <a href="http://getpelican.com">pelican</a>, which takes great advantages of <a href="http://python.org">python</a>.
</div><!-- end #footer -->
</div><!-- end #container -->
{% include 'analytics.html' %}
</body>
</html>

View File

@ -0,0 +1,18 @@
{% extends "base.html" %}
{% block content %}
<div class="blogItem">
{% if articles %}
{% for article in articles %}
{% if loop.index == 1 %}
<ul>
{% for category, articles in categories %}
<li>{{ category }}</li>
{% endfor %}
</ul>
{% endif %}
{% endfor %}
{% endif %}
</div>
{% endblock %}

View File

@ -0,0 +1,2 @@
{% extends "index.html" %}
{% block title %}{{ SITENAME }} - {{ category }}{% endblock %}

View File

@ -0,0 +1,46 @@
{% extends "base.html" %}
{% block content_title %}{% endblock %}
{% block content %}
{% if articles %}
{% for article in articles %}
{% if loop.index == 1 %}
<div class="blogItem">
<h2><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h2>
<h3>{{ article.locale_date }}</h3>
{{ article.content }}
<h3 class="blogMeta">By <a href="#">{{ article.author }}</a>{% if not SUPPRESS_ITEM_CATEGORIES %}, Category: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>{% endif %}</h3>
{% if article.tags %}<h3 class="blogMeta">Tags: {% for tag in article.tags %}
<span><a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a> / </span>
{% endfor %}</h3>{% endif %}
</div><!-- end #blogItem -->
{% if loop.length > 1 %}
<div class="blogItem">
<h2>Other articles</h2>
</div>
{% endif %}
{% else %}
<div class="blogItem">
<h2><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h2>
<h3>{{ article.locale_date }}</h3>
{{ article.summary }}
<h3 class="blogMeta">By <a href="#">{{ article.author }}</a>{% if not SUPPRESS_ITEM_CATEGORIES %}, Category: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>{% endif %}</h3>
<a href="{{ SITEURL }}/{{ article.url }}">Continue reading …</a>
</div><!-- end #blogItem -->
{% endif %}
{% endfor %}
{% else %}
{% endif %}
{% endblock content %}

View File

@ -0,0 +1,16 @@
{% extends "base.html" %}
{% block title %}{{ page.title }}{% endblock %}
{% block content %}
<div class="blogItem">
<h2><a href="{{ SITEURL }}/pages/{{ page.url }}">{{ page.title }}</a></h3>
{{ page.content }}
{% include 'twitter.html' %}
{% if PDF_PROCESSOR %}<h3 class="blogMeta"><a href="{{ SITEURL }}/pdf/{{ page.slug }}.pdf">get
the pdf</a></h3>{% endif %}
</div>
{% endblock %}

View File

@ -0,0 +1,2 @@
{% extends "index.html" %}
{% block title %}{{ SITENAME }} - {{ tag }}{% endblock %}

View File

@ -0,0 +1,3 @@
{% if TWITTER_USERNAME %}
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{{TWITTER_USERNAME}}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
{% endif %}