update community page

content/community/index.md

@@ -0,0 +1,208 @@
+---
+title: "community"
+description: "community a decade ago, a group of passionate Internet & Cloud veterans came together to build a system." # quotation marks to allow colons where used
+template: "page.html"
+insert_anchor_links: "left"
+extra:
+  author: Your name here
+  imgPath: about/deploy_hero.png
+---
+
+<!-- section 1 (header) -->
+
+<div class="container mx-auto">
+
+
+{% row( style="center mtop semiNarrow") %}
+
+
+## **Join the <span class="blue">Community</span>**
+
+{% end %}
+
+{% row( style="center semiNarrow") %}
+
+<div class="myscale">
+
+[![Image](discourse.png#social)](https://forum.threefold.io/)
+
+</div>
+
+###### **Forum**
+
+<p class="text-base leading-snug">Ask Qestions<p>
+
+|||
+
+<div class="myscale">
+
+[![Image](gh.png#social)](https://github.com/threefoldfoundation)
+
+</div>
+
+###### **Github**
+
+<p class="text-base leading-snug">Collaborate<p>
+
+|||
+
+<div class="myscale">
+
+[![Image](manual.png#social)](https://manual.grid.tf/)
+
+</div>
+
+###### **Manual**
+
+<p class="text-base leading-snug">Dive In<p>
+
+|||
+
+<div class="myscale">
+
+[![Image](x.png#social)](https://x.com/threefold_io?mx=2)
+
+</div>
+
+###### **X(Twitter)**
+
+<p class="text-base leading-snug">"Tweet" With Us<p>
+
+{% end %}
+
+
+
+
+{% row( style="center semiNarrow") %}
+
+<div class="myscale">
+
+[![Image](telegram.png#social)](https://forum.threefold.io/)
+
+</div>
+
+###### **Telegram News**
+
+<p class="text-base leading-snug">Stay Updated<p>
+
+|||
+
+<div class="myscale">
+
+[![Image](telegram.png#social)](https://t.me/threefoldnews)
+
+</div>
+
+###### **Telegram Main Chat**
+
+<p class="text-base leading-snug">Community Conversation<p>
+
+|||
+
+<div class="myscale">
+
+[![Image](telegram.png#social)](https://manual.grid.tf/)
+
+</div>
+
+###### **Telegram Farmers Chat**
+
+<p class="text-base leading-snug">Farming Community<p>
+
+|||
+
+<div class="myscale">
+
+[![Image](telegram.png#social)](https://x.com/threefold_io?mx=2)
+
+</div>
+
+###### **Telegram Grid User Chat**
+
+<p class="text-base leading-snug">Grid User Community<p>
+
+{% end %}
+
+
+
+{% row( style="center mbottom semiNarrow") %}
+
+<div class="myscale">
+
+[![Image](reddit.png#social)](https://www.reddit.com/r/threefold/)
+
+</div>
+
+###### **Reddit**
+
+<p class="text-base leading-snug">Join In<p>
+
+|||
+
+<div class="myscale">
+
+[![Image](youtube.png#social)](https://www.youtube.com/@ThreeFoldFoundation)
+
+</div>
+
+###### **YouTube**
+
+<p class="text-base leading-snug">Watch things unfold<p>
+
+|||
+
+<div class="myscale">
+
+<a target="_self" href="javascript:;" onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')">
+
+![Image](mail.png#social)
+
+</a>
+
+</div>
+
+###### **Mailing List**
+
+<p class="text-base leading-snug">Updates in your inbox<p>
+
+
+|||
+
+<div class="myscale">
+
+[![Image](linkedin.png#social)](https://www.linkedin.com/company/threefold-foundatiooon/)
+
+</div>
+
+###### **LinkedIn**
+
+<p class="text-base leading-snug">Lets Network<p>
+
+{% end %}
+
+
+{% row( style="center mtop semiNarrow") %}
+
+
+## **Keep up with <span class="blue">ThreeFold Events</span>**
+
+{% end %}
+
+<br>
+
+<iframe class="mx-auto w-full" src="https://calendar.google.com/calendar/embed?height=600&wkst=2&ctz=Europe%2FBrussels&bgcolor=%23ffffff&title&showTitle=0&showPrint=0&showCalendars=0&src=Y185OGMwNTEwZDVlMmMzMGY1MGM1NTNmZmUxZDNiOTRjMTliMzRmNTNiNDhhNzY3NjdkNDEyNTU3ZjVhYzc1ODAyQGdyb3VwLmNhbGVuZGFyLmdvb2dsZS5jb20&color=%2333B679" style="border:solid 1px #777"  frameborder="0" height="800px"></iframe>
+
+
+</div>
+
+
+<style>
+
+.myscale{
+  transition: transform .5s; 
+}
+
+.myscale:hover{
+  transform: scale(1.2); 
+}
+  </style>

css/index.css

@@ -48,7 +48,7 @@ img[src*="#icon"] {
 }
 
 img[src*="#social"] {
-  width: 100px;
+  width: 80px;
   margin: auto;
 }