From: m712 <redacted>
Date: Thu, 25 Feb 2016 19:19:29 +0000 (+0200)
Subject: Article headers bigger and with added line
X-Git-Url: https://jfr.im/git/irc/freenode/web-7.0.git/commitdiff_plain/4c7fd801e3bfc4ffb71ab61c66af1c1fb59f6425

Article headers bigger and with added line
---

diff --git a/content/faq/chat.md b/content/faq/chat.md
new file mode 100644
index 000000000..2974371d0
--- /dev/null
+++ b/content/faq/chat.md
@@ -0,0 +1,42 @@
+Title: Connect
+Slug: chat
+---
+<p>To access the <span class="freenode">freenode</span> IRC servers,
+you'll first need an IRC client.  Text clients include
+irssi, WeeChat, and ERC.  Graphical clients include XChat, Smuxi, and Quassel 
+for Unix and GNU/Linux, and mIRC for Windows. There is also the 
+<a href="http://webchat.freenode.net/">freenode webchat</a>.
+Packages for various IRC clients may be included on your operating
+system install CDs and links to web sites for the client software can be
+found
+
+<a href="http://www.irc.org/links.html">here</a>.</p>
+
+
+
+
+<p>Once you have a client, you'll need a server. 
+You can simply use <b>chat.freenode.net</b> to reach our main rotation of
+servers; or, you can find a more geographically-local server
+
+<a href="irc_servers.shtml">here</a>.</p>
+
+
+
+
+<p>After you've obtained your client and the name of
+a server, you may still need a bit of help in getting connected.  Take a
+look at this
+
+<a href="http://www.irchelp.org/irchelp/irctutorial.html">tutorial</a>
+
+or this
+
+<a href="http://www.irchelp.org/irchelp/ircprimer.html">IRC primer</a>
+
+on
+
+<a href="http://www.irchelp.org/">irchelp.org</a>,
+
+which contains a variety of other useful information as well.</p>
+
diff --git a/static/css/style.css b/static/css/style.css
index 5346301b7..b9430383e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -229,9 +229,14 @@ b.art {
     margin-bottom: 0;
     font-size: 18px;
 }
+p.art-header {
+    border-bottom: 1px solid rgba(0,0,0, 0.09);
+    padding-bottom: 5px;
+}
 
-p.art {
-    margin: 0;
+p.art-header b.art {
+    margin-bottom: 0;
+    font-size: 36px;
 }
 
 p.art-ingress {
diff --git a/templates/article.html b/templates/article.html
index e9675638f..693b08791 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block content %}
 <div class="main">
-    <p><b class="art">{{ article.title }}</b>&nbsp;
+    <p class="art-header"><b class="art">{{ article.title }}</b>&nbsp;
     <span class="art-date">{{ article.datetime }} by {{ article.author }}</span></p>
     <p class="art-ingress">{{ article.content }}</p>
     <p class="art-links">