Add built on monero page WIP

_i18n/en.yml

@@ -44,6 +44,7 @@ titles:
   legal: Legal
   blogbytag: Blog
   library: Library
+  builtonmonero: Built On Monero
 
 meta_descr:
   whatismonero: A thorough explanation of what is Monero and how to get started
@@ -179,6 +180,10 @@ sponsorships:
   cakewallet: Cake Wallet sponsors the "tools" server with the mailing list, GitLab, Matrix, Taiga, and Weblate.
   pastsponsors: Past sponsors
 
+builtonmonero:
+  townforge: Game based on a slightly edited version of Monero, developed by Monero dev moneromooo. Even if the underlying technology is a fork of Monero, it shows the potentiality of the technology.
+  haveno: Haveno is an exchange built on and powered by Monero's multisignature. (Currently a Work In Progress)
+
 team:
   introduction: Workgroups are formed by community members who join forces to achieve a common goal. They have different structures and goals. On this page we list some of the more active workgroups and some tips to get you started, if you wish to contribute to any of them.
   core: Core Team

_includes/header.html

@@ -35,6 +35,7 @@
                       <a href="{{ site.baseurl }}/community/hangouts/">{% t titles.hangouts %}</a>
                       <a href="{{ site.baseurl }}/community/sponsorships/">{% t titles.sponsorships %}</a>
                       <a href="{{ site.baseurl }}/community/merchants/">{% t navigation.merchants %}</a>
+                      <a href="{{ site.baseurl }}/community/builtonmonero/">{% t titles.builtonmonero %}</a>
                     </div>
                   </div>
                  </div>
@@ -151,6 +152,7 @@
                               <a href="{{ site.baseurl }}/community/hangouts/">{% t titles.hangouts %}</a>
                               <a href="{{ site.baseurl }}/community/sponsorships/">{% t titles.sponsorships %}</a>
                               <a href="{{ site.baseurl }}/community/merchants/">{% t navigation.merchants %}</a>
+                              <a href="{{ site.baseurl }}/community/builtonmonero/">{% t titles.builtonmonero %}</a>
                         </div>
                     </div>
                     <div class="col dropdown nav-item">

community/builtonmonero/index.md

@@ -0,0 +1,34 @@
+---
+layout: custom
+title: titles.builtonmonero
+permalink: /community/builtonmonero/index.html
+---
+
+{% t global.lang_tag %}
+<div>
+    <section class="container builtonmonero">
+        <div class="row">
+            <div class="left half no-pad-sm col-lg-6 col-md-6 col-sm-12 col-xs-12">
+                <div class="info-block">
+                    <div class="row center-xs">
+                        <div class="col">
+                            <a class="ext-noicon" href="https://townforge.net/" target="_blank" rel="noreferrer"><img src="/img/builtonmonero/townforge.png" alt="Townforge logo"></a>
+                            <p>{% t builtonmonero.townforge %}</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="right half no-pad-sm col-lg-6 col-md-6 col-sm-12 col-xs-12">
+                <div class="info-block">
+                    <div class="row center-xs">
+                        <div class="col">
+                            <a class="ext-noicon" href="https://haveno.exchange/" target="_blank" rel="noreferrer"><img src="/img/builtonmonero/haveno.png" alt="Haveno exchange logo"></a>
+                            <p>{% t builtonmonero.haveno %}</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
+s

css/custom.css

@@ -4231,6 +4231,10 @@ p.hangouts-social {
 
 }
 
+.builtonmonero a, .builtonmonero a:hover, .builtonmonero a:active, .builtonmonero a:focus {
+    border: none;
+}
+
 /***************************SPONSORS*****************************/
 
 .sponsors .info-block {