Pages: Added social icons

pages/content/hello-world.md

@@ -1,6 +0,0 @@
-Title: Hello World!
-Slug: hello-world
-Date: 2021-07-21 21:00
-
-Hello world!
-

pages/content/pages/index.md

@@ -3,9 +3,14 @@ url:
 save_as: index.html
 
 <div id="home">
-	<p>
-	libdatachannel is an open-source software library implementing WebRTC Data Channels, WebRTC Media Transport, and WebSockets. It is written in C++17 and offers C bindings. The <a href="https://github.com/paullouisageneau/libdatachannel">code source</a> is available under LGPLv2.
-	</p>
+	<header>
+		<p>libdatachannel is an open-source software library implementing WebRTC Data Channels, WebRTC Media Transport, and WebSockets. It is written in C++17 and offers C bindings. The <a href="https://github.com/paullouisageneau/libdatachannel">source code</a> is available under LGPLv2, and the library is on <a href="https://aur.archlinux.org/packages/libdatachannel/">AUR</a>, <a href="https://github.com/Microsoft/vcpkg/tree/master/ports/libdatachannel">Vcpkg</a>, and <a href="https://github.com/Microsoft/vcpkg/tree/master/ports/libdatachannel">FreeBSD Ports</a>.</p>
+		<div class="social">
+			<a href="https://github.com/paullouisageneau/libdatachannel"><img src="/images/icon_github.png" alt="GitHub"></a>
+			<a href="https://gitter.im/libdatachannel/community"><img src="/images/icon_gitter.png" alt="Gitter"></a>
+			<a href="https://discord.gg/jXAP8jp3Nn"><img src="/images/icon_discord.png" alt="Discord"></a>
+		</div>
+	</header>
 	<section>
 		<img src="/images/icon_easy.png">
 		<h3>Easy</h3>
@@ -33,5 +38,8 @@ save_as: index.html
 			<li>Code using Data Channels and WebSockets may be compiled as-is to WebAssembly for browsers with <a href="https://github.com/paullouisageneau/datachannel-wasm">datachannel-wasm</a></li>
 		</ul>
 	</section>
-</div>
+	<div class="sponsor">
+        <iframe src="https://github.com/sponsors/paullouisageneau/button" title="Sponsor paullouisageneau" height="35" width="116" style="border: 0;"></iframe>
+        <div class="liberapay"><a href="https://liberapay.com/paullouisageneau/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></div>
+	</div>
 

pages/theme/static/css/main.css

@@ -53,7 +53,8 @@ a {
 }
 
 #menu {
-	margin: 1.5em;
+	margin: 1em;
+	margin-top: 2em;
 	font-size: 1.2em;
 	font-weight: bold;
 }
@@ -83,8 +84,7 @@ a {
 .article article {
   display: inline-block;
   width: 100%;
-  padding: 1em;
-  padding-top: 1em;
+  padding: 0.5em;
   text-align: left;
   line-height: 1.5;
 }
@@ -246,14 +246,36 @@ img.emoji {
   padding-right: 0.5em;
 }
 
+#home p {
+  padding-bottom: 0.5em;
+}
 #home section {
 	clear: both;
 }
 #home section img {
   float: left;
-  margin: 1em;
+  margin: 0.75em;
   margin-right: 2em;
   width: 10em;
   max-width: 30%;
 }
 
+.social {
+	text-align: center;
+}
+.social img {
+	display: inline-block;
+	margin-left: 0.5em;
+	margin-right: 0.5em;
+	width: 4em;
+}
+
+.sponsor {
+	text-align: center;
+	margin: 0.25em;
+}
+.sponsor * {
+	display: inline-block;
+	vertical-align: middle;
+}
+