From da452eadd94bbaafeff1e5ff158dd7efe4fefde2 Mon Sep 17 00:00:00 2001
From: galegosimpatico <galegosimpatico@outlook.com>
Date: Tue, 15 Sep 2020 19:25:10 +0200
Subject: [PATCH 1/2] Tidier render in text based browser.

---
 additional.css |  4 ++++
 index.html     | 20 ++++++++++----------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/additional.css b/additional.css
index 84ad492..7df8de5 100644
--- a/additional.css
+++ b/additional.css
@@ -8,6 +8,10 @@
     flex-grow: 1;
 }
 
+.widget--footer p {
+    margin: 0;
+}
+
 body {
     display: flex;
     flex-direction: column;
diff --git a/index.html b/index.html
index df5d54c..f317e90 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@ <h1>Communities</h1>
                             <p>Our community for anybody interested in the craft of professional writing, editing, and publishing.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://writing.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://writing.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>
@@ -63,7 +63,7 @@ <h1>Communities</h1>
                             <p>Our community for anyone interested in the great outdoors and outdoor pursuits.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://outdoors.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://outdoors.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>
@@ -82,7 +82,7 @@ <h1>Communities</h1>
                             <p>Our community for anyone interested in amateur, hobby, or professional photography, videography, and computer vision.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://photography.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://photography.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>
@@ -101,7 +101,7 @@ <h1>Communities</h1>
                             <p>Our community for anyone interested in worldbuilding or other speculative developments that can be extrapolated from science.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://scientific-speculation.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://scientific-speculation.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>
@@ -120,7 +120,7 @@ <h1>Communities</h1>
                             <p>Our community for people interested in cooking and questions about it - methods, processes, recipes, tips, and recommendations.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://cooking.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://cooking.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>
@@ -139,7 +139,7 @@ <h1>Communities</h1>
                             <p>Our community for professionals, hobbyists, and students of electrical and electronic engineering.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://electrical.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://electrical.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>
@@ -158,7 +158,7 @@ <h1>Communities</h1>
                             <p>Our community for anyone practicing, studying, or interested in Judaism and Jewish life.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://judaism.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://judaism.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>
@@ -177,7 +177,7 @@ <h1>Communities</h1>
                             <p>Our community for anyone interested in specific (human) languages, language and its constructs more generally, or linguistics.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://languages.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://languages.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>
@@ -196,7 +196,7 @@ <h1>Communities</h1>
                             <p>Our community for people involved in software design, programming, testing, architecture, process or tools.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://software.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://software.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>
@@ -215,7 +215,7 @@ <h1>Communities</h1>
                             <p>Our meta site for issues regarding community and network governance.</p>
                         </div>
                         <div class="widget--footer">
-                            <a href="https://meta.codidact.com" class="button is-filled">Visit the site</a>
+                            <p><a href="https://meta.codidact.com" class="button is-filled">Visit the site</a></p>
                         </div>
                     </div>
                 </div>

From 653257e72fd9b0f33468ccf7cfd2578e627044ea Mon Sep 17 00:00:00 2001
From: galegosimpatico <galegosimpatico@outlook.com>
Date: Tue, 15 Sep 2020 19:37:27 +0200
Subject: [PATCH 2/2] Tidier render in text based browser.

---
 additional.css |  4 ++++
 index.html     | 40 ++++++++++++++++++++--------------------
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/additional.css b/additional.css
index 7df8de5..8769255 100644
--- a/additional.css
+++ b/additional.css
@@ -4,6 +4,10 @@
     height: 100%;
 }
 
+.widget--header p {
+    margin: 0;
+}
+
 .widget--body {
     flex-grow: 1;
 }
diff --git a/index.html b/index.html
index f317e90..60463cb 100644
--- a/index.html
+++ b/index.html
@@ -34,10 +34,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="writing">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://writing.codidact.com"
+                                <p><a href="https://writing.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://writing.codidact.com/assets/logo-writing.png" alt="Writing" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">
@@ -53,10 +53,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="outdoors">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://outdoors.codidact.com"
+                                <p><a href="https://outdoors.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://outdoors.codidact.com/assets/outdoors.png" alt="Outdoors" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">
@@ -72,10 +72,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="photography">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://photography.codidact.com"
+                                <p><a href="https://photography.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://photography.codidact.com/assets/logo-photo.png" alt="Photography" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">
@@ -91,10 +91,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="scientific-speculation">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://scientific-speculation.codidact.com"
+                                <p><a href="https://scientific-speculation.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://scientific-speculation.codidact.com/assets/specsci.png" alt="Scientific Speculation" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">
@@ -110,10 +110,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="cooking">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://cooking.codidact.com"
+                                <p><a href="https://cooking.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://cooking.codidact.com/assets/cooking.png" alt="Cooking" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">
@@ -129,10 +129,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="electrical">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://electrical.codidact.com"
+                                <p><a href="https://electrical.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://electrical.codidact.com/assets/electrical.png" alt="Electrical Engineering" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">
@@ -148,10 +148,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="judaism">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://judaism.codidact.com"
+                                <p><a href="https://judaism.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://judaism.codidact.com/assets/judaism.png" alt="Judaism" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">
@@ -167,10 +167,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="languages">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://languages.codidact.com"
+                                <p><a href="https://languages.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://languages.codidact.com/assets/languages.png" alt="Languages & Linguistics" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">
@@ -186,10 +186,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="software">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://software.codidact.com"
+                                <p><a href="https://software.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://software.codidact.com/assets/software-full.png" alt="Software Development" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">
@@ -205,10 +205,10 @@ <h1>Communities</h1>
                     <div class="widget" data-name="meta">
                         <div class="widget--header is-complex">
                             <div class="has-text-align-center has-font-weight-bold has-font-size-display">
-                                <a href="https://meta.codidact.com"
+                                <p><a href="https://meta.codidact.com"
                                     style="display: flex; align-items: center; justify-content: center;">
                                         <img src="https://meta.codidact.com/assets/meta.png" alt="Meta" style="height: 1.5em">
-                                </a>
+                                </a></p>
                             </div>
                         </div>
                         <div class="widget--body">