-
Notifications
You must be signed in to change notification settings - Fork 10
/
index.html.tmpl
135 lines (122 loc) · 5.66 KB
/
index.html.tmpl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
### Planet HTML template.
### This is intended to demonstrate and document Planet's templating facilities, and at the same time provide a good base for you to modify into your own design.
### The output's a bit boring though, if you're after less documentation and more instant gratification, there's an example with a much prettier output in the fancy-examples/ directory of the Planet source.
### Lines like this are comments, and are automatically removed by the templating engine before processing.
### Planet makes a large number of variables available for your templates.
### See INSTALL for the complete list. The raw value can be placed in your output file using <TMPL_VAR varname>. We'll put the name of our Planet in the page title and again in an h1.
<head>
<meta charset="utf-8">
<title><TMPL_VAR name> - Planet'ing Belgian FLOSS people</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="<TMPL_VAR generator>">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel='alternate' type='application/rss+xml' title='Planet Grep - RSS 1.0' href='rss10.xml'>
<link rel='alternate' type='application/rss+xml' title='Planet Grep - RSS 2.0' href='rss20.xml'>
</head>
<body>
<div class="flag">
<div class="row">
<div class="black"><!-- Empty --></div>
<div class="yellow"><!-- Empty --></div>
<div class="red"><!-- Empty --></div>
</div>
</div>
<div class="container">
<header>
<div class="row">
<div class="twelve columns">
<h1><TMPL_VAR name></h1>
<h2>Planet'ing Belgian FLOSS people</h2>
<small>Planet Grep is maintained by <a href="mailto:[email protected]">Wouter Verhelst</a>. All times are in UTC.</small>
</div>
</div>
</header>
<div class="row">
<div class="nine columns">
<main>
### The other loop is the Items loop, which will get iterated for each news item.
<TMPL_LOOP Items>
<section class="blog_day">
### Visually distinguish articles from different days by checking for the new_date flag. This demonstrates the <TMPL_IF varname> ... </TMPL_IF> check.
<TMPL_IF new_date>
<div class="row">
<div class="twelve columns">
<h2 class="date"><TMPL_VAR new_date></h2>
</div>
</div>
</TMPL_IF>
<div class="blog_post">
<div class="row">
<div class="ten columns">
### Group consecutive articles by the same author together by checking for the new_channel flag.
<TMPL_IF new_channel>
<h3 class="author_name"><a href="<TMPL_VAR channel_link ESCAPE="HTML">" title="<TMPL_VAR channel_title ESCAPE="HTML">"><TMPL_VAR channel_name></a></h3>
</TMPL_IF>
<TMPL_IF title>
<h4 class="article_title"><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR title></a></h4>
</TMPL_IF>
</div>
<div class="two columns">
<TMPL_IF new_channel>
<TMPL_IF channel_hackergochi_link>
<div class="hackergotchi"><img src='<TMPL_VAR channel_hackergochi_link>' alt=''></div>
</TMPL_IF>
</TMPL_IF>
</div>
<div class="twelve columns">
<article class="post">
<TMPL_VAR content>
</article>
<footer class="article_footer">
<a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_IF author>by <TMPL_VAR author></TMPL_IF> at <TMPL_VAR date><TMPL_IF category> under <TMPL_VAR category></TMPL_IF></a>
</footer>
</div>
</div>
</div>
</section>
</TMPL_LOOP>
</main>
</div>
<div class="three columns">
<aside>
<div class="about">
<h4>About <TMPL_VAR name></h4>
<p>Planet Grep is the Belgian Free/Libre Open-source planet.
<br>
<a href="about.html">More…</a></p>
<p>If you want to add your blog to Planet Grep send a pull request to the <a href="https://github.com/yoe/planetgrep">repository</a>. If you can't figure it out send an email to <a href='mailto:[email protected]'>Wouter Verhelst</a>.</p>
</div>
<hr>
<div class="subscriptions">
<h4>Subscriptions</h4>
<p>Planet Grep is open to all people who either have the Belgian nationality or live in Belgium, and who actively work with or contribute to Free/Libre Open-source software.</p>
<ul>
### One of the two loops available is the Channels loop. This allows you to easily create a list of subscriptions, which is exactly what we'll do here.
### Note that we can also expand variables inside HTML tags, but we need to be cautious and HTML-escape any illegal characters using the form <TMPL_VAR varname ESCAPE="HTML">
<TMPL_LOOP Channels>
<li><a href="<TMPL_VAR link ESCAPE="HTML">" title="<TMPL_VAR title ESCAPE="HTML">"><TMPL_VAR name></a> <a href="<TMPL_VAR url ESCAPE="HTML">">(feed)</a></li>
</TMPL_LOOP>
</ul>
<p>A complete feed is available in a number of syndication formats: <a href='rss10.xml'>RSS 1.0</a>, <a href='rss20.xml'>RSS 2.0</a>, <a href='foafroll.xml'>FOAF</a>, and <a href='opml.xml'>OPML</a>.</p>
<p>Design by <a href="http://desikn.be/">Desikn</a>.</p>
</div>
</aside>
</div>
</div>
<footer>
<div class="row">
<div class="twelve columns">
<hr>
<small><TMPL_VAR name> was last updated at <TMPL_VAR date></small>
</div>
</div>
</footer>
</div>
</body>
</html>