Add a Community page

_layouts/default.html

@@ -27,6 +27,7 @@
 			<ul class="nav-links">
 				<li><a href="/docs">Documentation</a></li>
 				<li><a href="https://www.npmjs.com/search?q=keywords%3Athelounge-theme">Themes</a></li>
+				<li><a href="/community">Community</a></li>
 				<li><a href="https://github.com/thelounge" title="GitHub Organization for The Lounge">
 					<i class="fab fa-github fa-lg" aria-hidden="true"></i>
 				</a></li>

community.md

@@ -0,0 +1,70 @@
+---
+layout: fullwidth
+title: Community
+---
+
+{% include toc.md %}
+
+## IRC channels
+
+If you need help, or want to help others by answering questions they might have, `#thelounge` is our official IRC channel on [Freenode](https://freenode.net/) (`chat.freenode.net:6697` on a secure connection).
+
+Additionally, a few community-operated channels let you chat in a language you are more comfortable:
+
+- 🇩🇪 German: `#thelounge-de`
+- 🇫🇷 French: `#thelounge-fr`
+- 🇳🇱 Dutch: `#thelounge-nl`
+
+Let us know if you wish to help operating a language-specific channel!
+
+If your question cannot be answered on the IRC channels above, feel free to [browse existing questions on Stack Overflow](https://stackoverflow.com/questions/tagged/thelounge) or [ask a new question](  https://stackoverflow.com/questions/ask?tags=thelounge).
+
+## Donate to the project
+
+You can financially help us by [donating to our collective](https://opencollective.com/thelounge). Every little bit helps, and we appreciate even the smallest contributions.
+
+We thank our existing backers who have contributed various amounts of money in order to help support The Lounge:
+
+<object class="center-block" type="image/svg+xml" data="https://opencollective.com/thelounge/backers.svg?avatarHeight=50"></object>
+
+## Contribute to the project
+
+Our [contributing guide](https://github.com/thelounge/thelounge/blob/master/.github/CONTRIBUTING.md) contains all the details you need to report an issue or contribute to the code. We like to thank our contributors with free sticker packs, feel free to request yours [here](https://docs.google.com/forms/d/e/1FAIpQLSfv2K0o59Z5y09-ejZlVO8nPerylA8BXZ2tfpV6OJi8wCg2Vw/viewform)!
+
+{:.stickers}
+[
+  ![Horizontal sticker](/img/stickers/sticker-horizontal.png)
+  ![Square sticker with inverted colors](/img/stickers/sticker-square.png)
+  ![Vertical sticker](/img/stickers/sticker-vertical.png)
+  ![Magnet with inverted colors](/img/stickers/magnet.png)
+](https://docs.google.com/forms/d/e/1FAIpQLSfv2K0o59Z5y09-ejZlVO8nPerylA8BXZ2tfpV6OJi8wCg2Vw/viewform)
+
+Make sure to browse [the other projects in our GitHub organization](https://github.com/thelounge) as well as [other related projects from the community](https://github.com/topics/thelounge) that might need your help.
+
+## Security reports
+
+Security-related issues follow a dedicated process that is highlighted in our [Responsible Disclosure of Security Vulnerabilities](https://github.com/thelounge/thelounge/blob/master/SECURITY.md). **Do not publicly report security vulnerabilities.**
+
+## They talk about us
+
+On 16 May 2018, [Al McKinlay](https://alistair.mckinlay.me/) and [Jérémie Astori](https://jeremie.astori.fr) presented The Lounge on [the 484th episode of FLOSS Weekly](https://twit.tv/shows/floss-weekly/episodes/484) (1h05). Here is a quick preview:
+
+<iframe class="center-block" width="480" height="270" src="https://www.youtube-nocookie.com/embed/6IF5-IsNCFw?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+
+Some additional articles and tutorials:
+
+- [Best Self-Hosted IRC Clients](https://linuxhint.com/best-self-hosted-irc-clients/) - 16 July 2018
+- [The Lounge: self-hosted IRC server setup guide](https://computableverse.com/blog/thelounge-self-hosted-irc-server-setup-guide) - 10 January 2018
+- [How to install & configure The Lounge](https://techknight.eu/2017/05/16/install-configure-lounge/) - 16 May 2017
+- [The Lounge, self hosted web IRC client](https://freedif.org/the-lounge-self-hosted-web-irc-client) - 25 March 2017
+- [Enabling https SSL connection with The Lounge self-hosted IRC client](https://nertant.com/2016/03/12/enabling-https-ssl-connection-with-the-lounge-self-hosted-irc-client/) - 12 March 2016
+
+## T-shirts, mugs, and more
+
+Check out our branded apparel and accessories available in [our shop on Threadless](https://thelounge.threadless.com/):
+
+{:.store-examples}
+[![White t-shirt with The Lounge logo](/img/store/tshirt-white.jpg)](https://thelounge.threadless.com/designs/logo-bright/mens/t-shirt/triblend?color=heather_white)
+[![Black mug with inverted The Lounge logo](/img/store/mug-black.jpg)](https://thelounge.threadless.com/designs/logo-dark/accessories/mug/standard?color=black&size=11oz)
+[![Grey baby bodysuit with The Lounge logo](/img/store/bodysuit-grey.jpg)](https://thelounge.threadless.com/designs/logo-bright/kids/baby-longsleeve-bodysuit?color=heather_grey)
+[![Smoke zip-up hoodie with inverted The Lounge logo](/img/store/hoodie-smoke.jpg)](https://thelounge.threadless.com/designs/logo-dark/mens/zip-up-hoody/french-terry?color=smoke)

css/style.css

@@ -419,19 +419,31 @@ a.link-anchor {
 	font-weight: normal;
 }
 
-.app-stores {
+.app-stores,
+.store-examples,
+.stickers {
 	text-align: center;
 }
-.app-stores a {
+.app-stores a,
+.store-examples a,
+.stickers a {
 	display: inline-block;
-	height: 50px;
 	padding-left: 10px;
 	padding-right: 10px;
 }
-.app-stores a img {
+.app-stores a img,
+.store-examples a img,
+.stickers a img {
 	max-height: 100%;
 	max-width: 100%;
 }
+.app-stores a,
+.stickers a {
+	height: 50px;
+}
+.store-examples a {
+	height: 100px;
+}
 
 /* Terminal windows-style, to present CLI outputs and such */