Merge !1196

Updates to Hangouts page

Closes #972 and #775

See merge request monero-project/monero-site!1196

_i18n/ar.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: من جهتنا في دعم مجموعات العمل, مونيرو يحتوي علي العديد من الموارد يمكن ان يستخدمها المجتمع للإلتقاء وتخطيط المشاريع . علي mattermost يحتوي علي إعاده بث في معظم قنوان مونيرو المشهوره علي بروتوكول الدردشة عبر الإنترنت IRC.
   irc: IRC Channels
   irc_para: مجتمع مونيرو ينتفع بالعديد من قنوان الدردشه IRC كل منها لغرض معين. بعضها للعمل, وبعضها للإلتقاء بالمجتمع, سوف تجد أشهرهم في الأسفل.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: مونيرو Stack Exchange هو طريقه سريعه للسؤال والحصول علي إجابات حول مونيرو , ستجد بالأدني بعض الأسئله والإجابات القيمه للأسئله الشائعه .
-  stack_exchange_link: Visit Stack Exchange
   irc_channels:
   - channel: monero
     description: This channel is used to discuss all things Monero related.
@@ -139,6 +136,8 @@ hangouts:
     description: Localizing Monero into other languages.
   - channel: monero-hardware
     description: Building hardware wallets to keep your Monero safe.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: This channel is used to discuss all things Kovri related.
   - channel: kovri-dev

_i18n/de.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: Um organische Arbeitsgruppen zu fördern, bietet Monero verschiedene Möglichkeiten, die die Community nutzen kann, um sich zu treffen und Projekte voranzubringen. Mattermost hat sogar Verknüpfungen zu den beliebtesten Monero-IRC-Channels.
   irc: IRC-Channels
   irc_para: Die Monero-Community verteilt sich auf viele IRC-Channels, die unterschiedlichen Zwecken dienen. Einige, um zu arbeiten und andere, um einfach nur miteinander zu reden. Ein paar davon findest du weiter unten.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: Die Monero Stack Exchange ist ein schneller und einfacher Weg, um Fragen zu stellen und Antworten zu bekommen. Weiter unten findest du einige Beispiele für gute, häufige Fragen und deren Antworten.
-  stack_exchange_link: Stack Exchange besuchen
   irc_channels:
   - channel: monero
     description: Hier wird alles rund um Monero diskutiert.
@@ -139,6 +136,8 @@ hangouts:
     description: Monero in andere Sprachen übersetzen
   - channel: monero-hardware
     description: Hardware-Wallets verwenden, um deine Monero sicher zu verwahren
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: Alles rund um Kovri
   - channel: kovri-dev

_i18n/en.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: In an effort to support organic workgroups, Monero has several resources that the community can use to meet and plan projects. Mattermost even has relays into the most popular Monero-related IRC channels.
   irc: IRC Channels
   irc_para: The Monero community utilizes a lot of IRC channels that each serve different purposes. Some to work, and some just to hang out. You'll find the more popular ones below.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: The Monero Stack Exchange is a quick and easy way to ask questions and get answers. Below you'll find some high quality question/answer pairs to some frequently asked questions.
-  stack_exchange_link: Visit Stack Exchange
   mailing_list: Mailing List
   mailing_list1: Do you want to receive important announcements directly on your email address? join our mailing lists!
   subscribe: Subscribe
@@ -142,6 +139,8 @@ hangouts:
     description: Localizing Monero into other languages.
   - channel: monero-hardware
     description: Building hardware wallets to keep your Monero safe.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: This channel is used to discuss all things Kovri related.
   - channel: kovri-dev

_i18n/es.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: En un esfuerzo para apoyar grupos de trabajo, Monero tiene recursos considerables que la comunidad puede utilizar para cumplir y planificar proyectos. Mattermost tiene retransmisiones en los canales más populares de Monero en IRC.
   irc: Canales IRC
   irc_para: La comunidad de Monero utiliza muchos canales IRC que sirven para diferentes propósitos. Algunos para trabajo, y otros sólo para pasar el rato. A continuación encontrarás los canales más populares.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: El Stack Exchange de Monero es una forma rápida y sencilla de preguntar y recibir respuestas. A continuación encontrarás varios pares de pregunta/respuesta a algunas preguntas frecuentes.
-  stack_exchange_link: Visitar el Stack Exchange
   irc_channels:
   - channel: monero
     description: Este canal es utilizado para discutir todas las cosas relacionadas con Monero.
@@ -139,6 +136,8 @@ hangouts:
     description: Localizar Monero en otros idiomas.
   - channel: monero-hardware
     description: Construir monederos hardware para mantener tu Monero seguro.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: Canal utilizado para discutir cualquier cosa relacionada a Kovri.
   - channel: kovri-dev

_i18n/fr.yml

@@ -116,9 +116,6 @@ hangouts:
   resources_para: Afin de maintenir des groupes de travail organiques, Monero dispose de plusieurs ressources que la communauté peut utiliser pour se retrouver et planifier des projets. Mattermost a même des relais dans les canaux IRC liés à Monero les plus populaires.
   irc: Canaux IRC
   irc_para: La communauté Monero s'appuie sur différents canaux IRC qui répondent à des besoins spécifiques. Certains pour travailler, et d'autres simplement pour se rencontrer. Vous trouverez les plus populaires d'entre eux ci-dessous.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: Le Stack Exchange de Monero est un moyen simple et rapide de poser des questions et trouver des réponses. Vous trouverez ci-dessous quelques-unes des meilleures questions/réponses qui sont fréquemment recherchées.
-  stack_exchange_link: Aller sur Stack Exchange
   irc_channels:
   - channel: monero
     description: Ce canal permet de discuter de toutes choses liées à Monero.
@@ -140,6 +137,8 @@ hangouts:
     description: Traduire Monero dans d'autres langues.
   - channel: monero-hardware
     description: Construction de matériel pour garder vos moneroj en toute sécurité.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: Ce canal permet de discuter de toutes choses liées à Kovri.
   - channel: kovri-dev

_i18n/it.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: Al fine di supportare gruppi di lavoro organici, Monero offre molte risorse che la comunità può utilizzare per incontrarsi e pianificare i progetti. Mattermost ha addirittura dei ripetitori all'interno dei più popolari canali IRC su Monero.
   irc: Canali IRC
   irc_para: La comunità Monero utilizza molti canali IRC, ognuno dei quali serve diversi aspetti. Alcuni servono per lavorare, altri semplicemente per chattare. Qua sotto troverai un elenco con i canali più famosi.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: Lo Stack Exchange Monero è un modo facile e veloce per porre domande e ricevere risposte. Qui sotto troverai domande/risposte riguardanti quesiti frequenti.
-  stack_exchange_link: Visita Stack Exchange
   irc_channels:
   - channel: monero
     description: Questo canale è usato per trattare tutti i temi che riguardano Monero.
@@ -139,6 +136,10 @@ hangouts:
     description: Localizzazione di Monero in altre lingue.
   - channel: monero-hardware
     description: Costruire portafogli hardware per tenere al sicuro i tuoi Moneroj.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
+  - channel: monero-italia
+    description: Canale in italiano per appassionati di Monero
   - channel: kovri
     description: Questo canale è usato per discutere tutto ciò che riguarda Kovri.
   - channel: kovri-dev

_i18n/nl.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: Voor het ondersteunen van werkgroepen die zichzelf organiseren zijn er verschillende communicatiekanalen waarin de Monero-community contact kan houden en projecten kan plannen. Er zijn zelfs relays van Mattermost naar de populairste Monero-kanalen op IRC.
   irc: IRC-kanalen
   irc_para: De Monero-community gebruikt allerlei IRC-kanalen, voor verschillende doelen. Sommige zijn bedoeld voor werkoverleg, sommige gewoon om te chatten. Hieronder staan de populairste kanalen.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: De Monero Stack Exchange is een handige plek waar je snel vragen kunt stellen en antwoorden krijgt. Hieronder vind je een aantal voorbeelden van goed geformuleerde vragen een antwoorden over veel voorkomende problemen.
-  stack_exchange_link: Bezoek Stack Exchange
   irc_channels:
   - kanaal: monero
     description: In dit kanaal bespreken we alle Monero-gerelateerde zaken.
@@ -139,6 +136,8 @@ hangouts:
     description: Over het lokaliseren van Monero in andere talen.
   - channel: monero-hardware
     description: Hardware wallets maken om je Monero veilig te bewaren.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: In dit kanaal bespreken we alle Kovri-gerelateerde zaken.
   - channel: kovri-dev

_i18n/pl.yml

@@ -116,9 +116,6 @@ hangouts:
   resources_para: Aby wspomóc pracę grupową, Monero posiada wiele materiałów, które mogą zostać użyte na spotkaniach i przy planowaniu projektów. Najistotniejsze z nich są nawet przekazywane najpopularniejszym kanałom IRC związanym z Monero.
   irc: Kanały IRC
   irc_para: Społeczność Monero używa wielu kanałów IRC, a każdy z nich jest przeznaczony do czegoś innego. Niektóre z nich służą do pracy, a niektóre do pogadania. Najpopularniejsze z nich znajdziesz poniżej.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: Stack Exchange Monero jest szybkim i prostym sposobem na zadanie pytania i uzyskanie odpowiedzi. Poniżej znajdziesz kilka istotnych odpowiedzi na często zadawane pytania.
-  stack_exchange_link: Odwiedź Stack Exchange
   irc_channels:
   - channel: monero
     description: This channel is used to discuss all things Monero related.
@@ -140,6 +137,8 @@ hangouts:
     description: Localizing Monero into other languages.
   - channel: monero-hardware
     description: Building hardware wallets to keep your Monero safe.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: This channel is used to discuss all things Kovri related.
   - channel: kovri-dev

_i18n/pt-br.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: No objetivo de ajudar grupos de trabalho orgânicos, o Monero possui várias ferramentas que a comunidade pode usar para se encontrar e planejar projetos independentes. O software Mattermost possui integração com os principais canais de IRC do Monero.
   irc: Canais no IRC
   irc_para: A comunidade internacional do Monero utiliza diferentes canais no IRC, cada um com propósitos diferentes. Alguns para trabalhar e outros somente para bater papo. Veja os mais populares abaixo.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: O Stack Exchange  do Monero é uma maneira rápida e fácil de fazer perguntas e obter respostas. Veja abaixo algumas respostas de alta qualidade para perguntas frequentes.
-  stack_exchange_link: Visite o Stack Exchange
   irc_channels:
   - channel: monero
     description: Canal para discussão livre do Monero.
@@ -139,6 +136,8 @@ hangouts:
     description: Traduzindo o Monero para outros idiomas.
   - channel: monero-hardware
     description: Construindo carteiras de hardware para manter seu Monero seguro.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: Canal para discutir tudo relacionado ao projeto Kovri.
   - channel: kovri-dev

_i18n/ru.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: В целях поддержки рабочих групп Monero располагает несколькими ресурсами, которые сообщество может использовать для организации и планирования проектов. Mattermost транслирует самые популярные каналы IRC, связанные с рабочими группами Monero.
   irc: Каналы IRC
   irc_para: Сообщество Monero использует большое множество IRC-каналов, каждый из которых используется для самых различных целей. В одних мы работаем, в других просто общаемся. Ниже вы найдете наиболее популярные из каналов.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: Monero Stack Exchange - это быстрый и простой способ задать свои вопросы и получить на них ответы. Ниже вы сможете найти несколько примеров с вопросами / ответами на часто задаваемые вопросы.
-  stack_exchange_link: Посетите Stack Exchange
   irc_channels:
   - channel: monero
     description: Этот канал используется для обсуждения всего, что связано с Monero.
@@ -139,6 +136,8 @@ hangouts:
     description: Локализация Monero на другие языки.
   - channel: monero-hardware
     description: Разработка аппаратных кошельков для Monero.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: Этот канал используется для обсуждения всего, связанного с Kovri.
   - channel: kovri-dev

_i18n/tr.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: Organik çalışma gruplarını desteklemek adına Monero, topluluğun buluşup proje planlayabileceği birçok kaynağa sahiptir. Mattermost'un en popüler Monero ilintili IRC kanallarına röleleri bile vardır.
   irc: IRC Kanalları
   irc_para: Monero topluluğu her biri farklı amaçlara sahip pek çok IRC kanalından faydalanmaktadır. Kimisi çalışır, kimisiyse sadece takılır. En popüler olanları aşağıda bulacaksınız.
-  stack_exchange: Stack Exchange
-  stack_exchange_para: Monero Stack Exchange sayfası soru sorup cevap almanın hızlı bir yoludur. Aşağıda bazı sıkça sorulan sorulara yüksek kalitedeki bazı soru/cevap çiftlerini bulacaksınız.
-  stack_exchange_link: Stack Exchange'i Ziyaret Edin
   irc_channels:
   - channel: monero
     description: Bu kanal Monero'ya ilişkin her şeyi tartışmak için kullanılır.
@@ -139,6 +136,8 @@ hangouts:
     description: Monero'nun diğer dillere yerelleştirilmesi.
   - channel: monero-hardware
     description: Monero'nuzu güvende tutmak için donanım cüzdanları yapımı.
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: Bu kanal Kovri'ye ilişkin her şeyi tartışmak için kullanılır.
   - channel: kovri-dev

_i18n/zh-cn.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: 以下是门罗社区工作组经常谈论和规划项目的几个频道，你可以在这里找到开发组人员。 Mattermost甚至将被列为最受欢迎的门罗币交流频道。 
   irc: IRC频道
   irc_para: 门罗社区采用了很多网络交流（IRC)频道，每个频道有各自针对的话题。有的频道用来谈论正式议题，有的只是闲聊。下面列出了最受欢迎的一些频道。
-  stack_exchange: 交流栈
-  stack_exchange_para: 你可以在Monero交流栈快捷地提出问题并获得回答。 下面列出了一些高质量的经常被问到的问题。
-  stack_exchange_link: 访问交流栈
   irc_channels: 
   - channel: Monero
     description: 这个频道用于谈论所有和门罗币相关的事宜。
@@ -139,6 +136,8 @@ hangouts:
     description: 把门罗项目本土化成其他语言。
   - channel: monero-hardware
     description: 构建硬件钱包来保障你的门罗币安全。
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: 这个频道用于讨论所有和科维匿名网络（Kovri）相关的东西。
   - channel: kovri-dev

_i18n/zh-tw.yml

@@ -115,9 +115,6 @@ hangouts:
   resources_para: 為了支持有組織性的協作，門羅幣有幾種資源平台可以用聚會或是規劃專案，Mattermost 甚至有橋接了數個熱門的 Monero IRC 頻道。
   irc: IRC 頻道
   irc_para: 門羅幣社群利用了許多 IRC 頻道作為多種不同用途的溝通管道。有些是工作用，有些則是單純閒聊，你可以在下面找到幾個比較熱門的頻道。
-  stack_exchange: Stack Exchange
-  stack_exchange_para: 門羅幣的 Stack Exchange 是一個快速且容易提出問題與獲得解答的地方，在下面你可以看到一些高品質的常見問答。
-  stack_exchange_link: 造訪 Stack Exchange
   irc_channels:
   - channel: monero
     description: 這頻道是用來討論所有與門羅幣相關的主題。
@@ -139,6 +136,8 @@ hangouts:
     description: 將門羅幣專案翻譯至當地語言的工作溝通頻道。
   - channel: monero-hardware
     description: 打造硬體錢包以保護你的門羅幣安全。
+  - channel: monero-site
+    description: Where the development of this website is coordinated
   - channel: kovri
     description: 這是用來討論與 Kovri 專案相關的頻道。
   - channel: kovri-dev

community/hangouts/index.md

@@ -21,6 +21,9 @@ permalink: /community/hangouts/index.html
             <li>
                 <a href="https://github.com/monero-project" target="_blank" rel="noreferrer noopener"><div class="social-icon github"></div></a>
             </li>
+            <li>
+                <a href="https://repo.getmonero.org/users/monero-project/projects" target="_blank" rel="noreferrer noopener"><div class="social-icon gitlab"></div></a>
+            </li>
         </ul>
     </section>
 </div>
@@ -52,12 +55,24 @@ permalink: /community/hangouts/index.html
                                 </div>
                             </div>
                         </div>
+                    </div>
+                </div>
+                <!-- end left two-thirds block-->
+                <!-- right one-third block-->
+               <div class="right col-lg-4 col-md-4 col-sm-12 col-xs-12">
+                        <div class="info-block center-xs">
+                          <h2>{% t hangouts.mailing_list %}</h2>
+                            <p>{% t hangouts.mailing_list1 %}</p>
+                            <p><a class="btn-link btn-auto btn-primary" href="https://lists.getmonero.org/postorius/lists/monero-announce.lists.getmonero.org/">{% t hangouts.subscribe %}</a></p>
+                        </div>
+               </div>
+               <!-- end right one-third block-->
+           </div>
            <div class="info-block">
-                            <div class="row center-xs">
+             <div class="raw">
                <div class="col">
                  <h2>{% t hangouts.irc %}</h2>
               </div>
-                            </div>
               <div class="row start-xs">
                 <p>{% t hangouts.irc_para %}</p>
              </div>
@@ -71,34 +86,6 @@ permalink: /community/hangouts/index.html
              </div>
              </div>
            </div>
-                </div>
-                <!-- end left two-thirds block-->
-                <!-- right one-third block-->
-               <div class="right col-lg-4 col-md-4 col-sm-12 col-xs-12">
-                        <div class="info-block center-xs">
-                          <h2>{% t hangouts.mailing_list %}</h2>
-                            <p>{% t hangouts.mailing_list1 %}</p>
-                            <p><a class="btn-link btn-auto btn-primary" href="https://lists.getmonero.org/postorius/lists/monero-announce.lists.getmonero.org/">{% t hangouts.subscribe %}</a></p>
-                        </div>
-                        <div class="info-block">
-                            <div class="row">
-                                <div class="col">
-                                    <h2>{% t hangouts.stack_exchange %}</h2>
-                                    <p>{% t hangouts.stack_exchange_para %}</p>
-                                    <p><a href="https://monero.stackexchange.com/questions/4277/why-does-monero-have-higher-transaction-fees-than-bitcoin">Why does monero have higher transaction fees than bitcoin?</a></p>
-                                    <p><a href="https://monero.stackexchange.com/questions/4335/what-does-moneros-scaling-roadmap-look-like">What does Monero's scaling roadmap look like?</a></p>
-                                    <p><a href="https://monero.stackexchange.com/questions/4302/what-cryptography-primitives-concepts-other-than-the-basic-ones-does-monero-us">What cryptography primitives/concepts, other than the basic ones, does Monero use?</a></p>
-                                    <p><a href="https://monero.stackexchange.com/questions/4242/how-to-extract-data-from-local-blockchain">How to extract data from local blockchain?</a></p>
-                                    <p><a href="https://monero.stackexchange.com/questions/4377/hiding-tcp-traffic-for-monero-miners">Hiding TCP traffic for Monero miners?</a></p>
-                                </div>
-                            </div>  
-                            <div class="row">
-                                <p><a href="https://monero.stackexchange.com" class="orange">{% t hangouts.stack_exchange_link %}</a></p>
-                            </div>
-                        </div>
-               </div>
-               <!-- end right one-third block-->
-           </div>
         </section>
 </div>
 

css/custom.css

@@ -3989,6 +3989,16 @@ p.hangouts-social {
     background-position: -176px -143px;
 }
 
+.social-icon.gitlab {
+  background-image: url(../img/monero-spritesheet.png);
+  background-position: -128px -190px;
+}
+
+.social-icon.gitlab:hover {
+  background-image: url(../img/monero-spritesheet.png);
+  background-position: -176px -190px;
+}
+
 .hangouts .irc .col-md-4 {
     padding: 1rem 0.5rem;
 }