summaryrefslogtreecommitdiff
path: root/src/technical_renaissance/templates
diff options
context:
space:
mode:
Diffstat (limited to 'src/technical_renaissance/templates')
-rw-r--r--src/technical_renaissance/templates/index.html34
1 files changed, 14 insertions, 20 deletions
diff --git a/src/technical_renaissance/templates/index.html b/src/technical_renaissance/templates/index.html
index 554d310..cfbf5da 100644
--- a/src/technical_renaissance/templates/index.html
+++ b/src/technical_renaissance/templates/index.html
@@ -5,44 +5,38 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Technical Renaissance Webring</title>
<link rel="stylesheet" href="/static/org.css" />
- <link rel="stylesheet" href="/static/webring.css" />
</head>
<body>
<h1 class="title">Technical Renaissance Webring</h1>
+
<p>
This is the official webring for the <code>#technicalrenaissance</code>
IRC channel, created by <a href="https://joshblais.com">Joshua Blais</a>.
</p>
+
+ <h2>Members</h2>
+ <ul class="members">
+ {% for user in users %}
+ <li class="member">
+ <h3><a href="{{ user.url }}">{{ user.name }}</a></h3>
+ <p>{{ user.description }}</p>
+ </li>
+ {% endfor %}
+ </ul>
+
<h2>How to join</h2>
<p>Add the following HTML somewhere on your website, usually in the footer:</p>
<div class="org-src-container">
- <pre class="src src-html">
-{% filter forceescape %}
+ <pre class="src src-html">{% filter forceescape %}
<nav>
<a href="https://your-ring-host/prev?from=yourname">← previous</a>
<a href="https://your-ring-host/random">random</a>
<a href="https://your-ring-host/next?from=yourname">next →</a>
-</nav>
-{% endfilter %}
-</pre>
+</nav>{% endfilter %}</pre>
</div>
<p>
Then fork this repository, add yourself to the <code>config.toml</code>
and open a pull request.
</p>
- <h2>Members</h2>
- <ul class="members">
- {% for user in users %}
- <li class="member">
- <h3><a href="{{ user.url }}">{{ user.name }}</a></h3>
- <p>{{ user.description }}</p>
- </li>
- {% endfor %}
- </ul>
- <footer>
- <a href="/prev">← previous</a>
- <a href="/random">random</a>
- <a href="/next">next →</a>
- </footer>
</body>
</html>