Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion top/common.py
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,8 @@
'cs': u'Česká',
'or': u'ଓଡ଼ିଆ',
'te': u'తెలుగు',
'gl': u'Galega'
'gl': u'Galega',
'nl': u'Nederlands'
}
DEFAULT_LANG = 'en'
DEFAULT_PROJECT = 'wikipedia'
Expand Down
119 changes: 119 additions & 0 deletions top/templates/nl_chart.dust
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
<html>
<head>
<meta charset="UTF-8">
<title>{?is_index}Nederlandstalige Wikipedia Top 100{:else}Nederlandstalige Wikipedia Top 100 op {formatted_date}{/is_index}</title>
<script src="{dir_depth}js/jquery.js"></script>
<script src="{dir_depth}js/jquery.peity.min.js"></script>
<script src="{dir_depth}js/jquery.jknav.js"></script>
<script src="{dir_depth}js/jquery.hotkeys.js"></script>
<link href="{dir_depth}css/fonts.css" rel="stylesheet" type="text/css">
<link href="{dir_depth}css/chart.css" rel="stylesheet" type="text/css">
<link href="{dir_depth}feeds/{lang}{project_lower}.rss" title="Nederlandstalige Wikipedia Top 100" type="application/rss+xml" rel="alternate" />
<style>
{#articles}
.cover-{rank} {
background: url({image_url});
background-size: cover;
background-position: 50%;
}
{/articles}
</style>
<script>

$(function() {
$('.rank').jknav();
$.jknav.init({speed: 'fast', circular: true});
$('.sparkline').peity('line', {fill: null,
width: 50,
height: 14,
stroke: 'rgba(116, 131, 138, 0.7)'})
$('.row').hover(function() {
$('.permalink', this).toggle();
});
});
</script>
<!--
Generated: {meta.generated}
Fetched: {meta.fetched}
Total Traffic: {total_traffic_short}
-->
</head>
<body>
<div class="top-area">
<div class="top container">
<ul>
<li><a href="#about">Over</a></li>
<li><a href="{dir_depth}about.html" id="other-langs">Meer talen</a></li>
<li><a href="{dir_depth}feeds/{lang}{project_lower}.rss">Feed</a></li>
<li><a href="http://blog.hatnote.com/">Blog</a></li>
</ul>
</div>
</div>

<div class="header">
<div class="container">
<h1>Nederlandstalige Wikipedia <span class="ultra">Top 100</span></h1>
<p>De meest bezochte artikelen op de Nederlandstalige Wikipedia, dagelijks bijgewerkt. <a href="#about" class="learn">Meer informatie</a>...</p>
<div class="subtitle light">{?prev}<a class="issue_nav left" href="{dir_depth}{prev}">&larr;</a>{:else}<span class="left issue_nav"></span>{/prev}<p class="center date"><a href="{dir_depth}/{lang}/{project_lower}/{date.year}/{date.month}">{formatted_date}</a></p>{?next}<a class="issue_nav right" href="{dir_depth}{next}">&rarr;</a>{:else}<span class="right issue_nav"></span>{/next}
<br style="clear: left;" />
</div>
</div>
</div>

<div class="container">
<ul>
{#articles}
<li class="row">
<div class="column rank">
<p><a href="{dir_depth}{current}#rank-{rank}">{local_rank}</a></p>
</div>
<a class="column cover-art cover-{rank}" href="{url}" target="_blank"></a>
<div class="column label">
<a id="rank-{rank}"></a>
<a id="title-{article}"></a>
<p class="sparkline-area"></p>
<p class="title"><a href="{url}" target="_blank">{title}</a><a href="{dir_depth}{current}#title-{article}"><img class="permalink" src="{dir_depth}img/permalink.png"></a></p>
<p class="summary">{summary}</p>
<div class="meta-area">
<p class="views">{local_views_short} weergaven <span class="meta">({@gt key=streak_len value=1}<a href="{dir_depth}{prev}#title-{article}" class="yesterday">{/gt}{view_trend|s}{local_view_delta} ten opzichte van gisteren{@gt key=streak_len value=1}</a>{/gt})</span><span class="sparkline">{#history}{.}{@sep},{/sep}{/history}, {views}</span></p>
<p class="streak">{@gt key=streak_len value=1}{local_streak_len} dagen op rij{/gt}</p>
<a href="https://www.google.com/search?q={title|uc}" target="_blank"><span class="ext-icon">🔍</span></a>
<a href="https://news.google.com/search?q={title|uc}&hl={lang}" target="_blank"><span class="ext-icon">🗞️</span></a>
</div>
</div>
</li>
{/articles}
</ul>
</div>

<div class="end-nav">
<div class="container">
<div class="subtitle light">{?prev}<a class="issue_nav left" href="{dir_depth}{prev}">&larr;</a>{:else}<span class="left issue_nav"></span>{/prev}<p class="center date"><a href="./">{formatted_date}</a></p>{?next}<a class="issue_nav right" href="{dir_depth}{next}">&rarr;</a>{:else}<span class="right issue_nav"></span>{/next}
<br style="clear: left;" />
</div>
</div>
</div>

<div class="footer-area">
<div class="container footer">
<h2>Over</h2>
<a name="about"></a>
<p>Lees het <a href="http://top.hatnote.com/en/wikipedia">archief</a>.</p>
<p>Een dagelijkse lijst van de meest bezochte Wikipedia-artikelen, samengesteld door <a href="https://twitter.com/sklaporte">Stephen LaPorte</a> en <a href="https://twitter.com/mhashemi">Mahmoud Hashemi</a>. De lijst is ook beschikbaar in <a href="http://top.hatnote.com/about.html">andere talen</a>. Als u deze lijst interessant vindt, zult u ook genieten van <a href="http://weekly.hatnote.com">The Weeklypedia</a>, een wekelijks overzicht van de meest bewerkte Wikipedia-artikelen. Lees meer op de <a href="#">Hatnote Blog</a>.</p>
<p>Deze pagina is mogelijk gemaakt door de <a href="https://wikimedia.org/api/rest_v1/?doc#!/Pageviews_data/get_metrics_\ pageviews_top_project_access_year_month_day">nieuwe paginaweergave-API van Wikipedia</a>, met mooie afbeeldingen en samenvattingen van de <a href="https://www.mediawiki.org/wiki/API:Query">MediaWiki API</a>. U vindt meer code en documentatie <a href="https://github.com/hatnote/top">op github</a>.</p>
<p>Wilt u een lijst zien van de meest bezochte artikelen in een andere taal van Wikipedia? Wij ook! <a href="https://github.com/hatnote/top/issues">Stuur een verzoek</a> en laat het ons weten als u kunt helpen met het vertalen van de sjablonen.</p>
<p><a href="https://twitter.com/hatnotable">@hatnotable</a></p>
<p><a href="{dir_depth}feeds/{lang}{project_lower}.rss"><img src="{dir_depth}img/feed.png"></a> <a href="#top" class="up">&uarr; Terug naar boven</a></p>
</div>
</div>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40320359-1', 'hatnote.com');
ga('send', 'pageview');
</script>
</body>
</html>
85 changes: 85 additions & 0 deletions top/templates/nl_index.dust
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
<html>
<head>
<meta charset="UTF-8">
<title>{^is_index}Nederlandstalige Wikipedia Top 100{:else}Nederlandstalige Wikipedia Top 100 op {formatted_date}{/is_index}</title>
<script src="{dir_depth}js/jquery.js"></script>
<link href="{dir_depth}css/fonts.css" rel="stylesheet" type="text/css">
<link href="{dir_depth}css/chart.css" rel="stylesheet" type="text/css">
<link href="{dir_depth}feeds/{lang}{project_lower}.rss" title="Nederlandstalige Wikipedia Top 100" type="application/rss+xml" rel="alternate" />
<script>

$(function() {

});
</script>
</head>
<body>
<div class="top-area">
<div class="top container">
<ul>
<li><a href="#about">Over</a></li>
<li><a href="{dir_depth}about.html" id="other-langs">Meer talen</a></li>
<li><a href="{dir_depth}feeds/{lang}{project_lower}.rss">Feed</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
</div>
<div class="header">
<div class="container">
<h1><span class="ultra">Top 100</span></h1>
<p>De meest bezochte artikelen op de Nederlandstalige Wikipedia, dagelijks bijgewerkt.</p>
<div class="subtitle light">{?prev}<a class="issue_nav left" href="{dir_depth}{prev}">&larr;</a>{:else}<span class="left issue_nav"></span>{/prev}<p class="center">Available wikis</p>{?next}<a class="issue_nav right" href="{dir_depth}{next}">&rarr;</a>{:else}<span class="right issue_nav"></span>{/next}
<br style="clear: left;" />
</div>
</div>

</div>

<div class="container">
{?months}
<ul>
{#months}
<li><a href="{month}/">{month_name}</a></li>
{/months}
</ul>
{/months}
{?years}
<ul>
{#years}
<li><a href="{.}/">{.}</a></li>
{/years}
</ul>
{/years}
{?projects}
<ul class="projects">
{#projects}
<li><a href="{.}/">{full_lang} {.}</a></li>
{/projects}
</ul>
{/projects}
</table>
</div>

<div class="footer-area">
<div class="container footer">
<h2>Over</h2>
<a name="about"></a>
<p>Lees het <a href="http://top.hatnote.com/en/wikipedia">archief</a>.</p>
<p>Een dagelijkse lijst van de meest bezochte Wikipedia-artikelen, samengesteld door <a href="https://twitter.com/sklaporte">Stephen LaPorte</a> en <a href="https://twitter.com/mhashemi">Mahmoud Hashemi</a>. De lijst is ook beschikbaar in <a href="http://top.hatnote.com/about.html">andere talen</a>. Als u deze lijst interessant vindt, zult u ook genieten van <a href="http://weekly.hatnote.com">The Weeklypedia</a>, een wekelijks overzicht van de meest bewerkte Wikipedia-artikelen. Lees meer op de <a href="#">Hatnote Blog</a>.</p>
<p>Deze pagina is mogelijk gemaakt door de <a href="https://wikimedia.org/api/rest_v1/?doc#!/Pageviews_data/get_metrics_\ pageviews_top_project_access_year_month_day">nieuwe paginaweergave-API van Wikipedia</a>, met mooie afbeeldingen en samenvattingen van de <a href="https://www.mediawiki.org/wiki/API:Query">MediaWiki API</a>. U vindt meer code en documentatie <a href="https://github.com/hatnote/top">op github</a>.</p>
<p>Wilt u een lijst zien van de meest bezochte artikelen in een andere taal van Wikipedia? Wij ook! <a href="https://github.com/hatnote/top/issues">Stuur een verzoek</a> en laat het ons weten als u kunt helpen met het vertalen van de sjablonen.</p>
<p><a href="https://twitter.com/hatnotable">@hatnotable</a></p>
<p><a href="#top" class="up">&uarr; Terug naar boven</a></p>
</div>
</div>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40320359-1', 'hatnote.com');
ga('send', 'pageview');
</script>
</body>
</html>
81 changes: 81 additions & 0 deletions top/templates/nl_month_index.dust
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<html>
<head>
<meta charset="UTF-8">
<title>{?is_index}Nederlandstalige Wikipedia Top 100{:else}Nederlandstalige Wikipedia Top 100 op {formatted_date}{/is_index}</title>
<script src="{dir_depth}js/jquery.js"></script>
<link href="{dir_depth}css/fonts.css" rel="stylesheet" type="text/css">
<link href="{dir_depth}css/chart.css" rel="stylesheet" type="text/css">
<link href="{dir_depth}feeds/{lang}{project_lower}.rss" title="Nederlandstalige Wikipedia Top 100" type="application/rss+xml" rel="alternate" />
<!--
Generated: {meta.generated}
-->
</head>

<body>
<div class="top-area">
<div class="top container">
<ul>
<li><a href="{dir_depth}about.html" id="other-langs">Meer talen</a></li>
<li><a href="http://blog.hatnote.com/post/135182048397/announcing-the-hatnote-top-100">Blog</a></li>
</ul>
</div>
</div>
<div class="header">
<div class="container">
<h1>Nederlandstalige Wikipedia <span class="ultra">Top 100</span></h1>
<p>De meest bezochte artikelen op de Nederlandstalige Wikipedia, dagelijks bijgewerkt. <a href="#about" class="learn">Meer informatie</a>...</p>
<div class="subtitle light">{?prev_month}<a class="issue_nav left" href="{dir_depth}{prev_month}">&larr;</a>{:else}<span class="left issue_nav"></span>{/prev_month}<p class="center">{month_name} {local_year} </p>{?next_month}<a class="issue_nav right" href="{dir_depth}{next_month}">&rarr;</a>{:else}<span class="right issue_nav"></span>{/next_month}
<br style="clear: left;" />
</div>
</div>

</div>

<div class="container">
<table class="month">
<tr class="week">
<td>{weekdays.mon}</td>
<td>{weekdays.tues}</td>
<td>{weekdays.wed}</td>
<td>{weekdays.thurs}</td>
<td>{weekdays.fri}</td>
<td>{weekdays.sat}</td>
<td>{weekdays.sun}</td>
</tr>
{#dates}
<tr class="week">
{#days}
{@gt key=day value=0}
<td class="day {^chart}none{/chart}">{?chart}<a href="{day}.html">{/chart}{local_day}{?chart}</a>{/chart}</td>
{:else}
<td class="day empty"></td>
{/gt}
{/days}
</tr>
{/dates}
</table>
</div>

<div class="footer-area">
<div class="container footer">
<h2>Over</h2>
<a name="about"></a>
<p>Lees het <a href="http://top.hatnote.com/en/wikipedia">archief</a>.</p>
<p>Een dagelijkse lijst van de meest bezochte Wikipedia-artikelen, samengesteld door <a href="https://twitter.com/sklaporte">Stephen LaPorte</a> en <a href="https://twitter.com/mhashemi">Mahmoud Hashemi</a>. De lijst is ook beschikbaar in <a href="http://top.hatnote.com/about.html">andere talen</a>. Als u deze lijst interessant vindt, zult u ook genieten van <a href="http://weekly.hatnote.com">The Weeklypedia</a>, een wekelijks overzicht van de meest bewerkte Wikipedia-artikelen. Lees meer op de <a href="#">Hatnote Blog</a>.</p>
<p>Deze pagina is mogelijk gemaakt door de <a href="https://wikimedia.org/api/rest_v1/?doc#!/Pageviews_data/get_metrics_\ pageviews_top_project_access_year_month_day">nieuwe paginaweergave-API van Wikipedia</a>, met mooie afbeeldingen en samenvattingen van de <a href="https://www.mediawiki.org/wiki/API:Query">MediaWiki API</a>. U vindt meer code en documentatie <a href="https://github.com/hatnote/top">op github</a>.</p>
<p>Wilt u een lijst zien van de meest bezochte artikelen in een andere taal van Wikipedia? Wij ook! <a href="https://github.com/hatnote/top/issues">Stuur een verzoek</a> en laat het ons weten als u kunt helpen met het vertalen van de sjablonen.</p>
<p><a href="https://twitter.com/hatnotable">@hatnotable</a></p>
<p><a href="#top" class="up">&uarr; Back to top</a></p>
</div>
</div>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40320359-1', 'hatnote.com');
ga('send', 'pageview');
</script>
</body>
</html>
Loading