Remove Twitter and reformat index page

_data/index.yml

@@ -4,15 +4,10 @@ aboutMe:
     - I explain complicated computer systems, tasks, and concepts in plain English.
     - I write code for working example applications and for building and publishing technical documentation.
     - I lead teams of technical writers.
-  text: Here's my <a href="./resume">resume</a> and my <a
-    href="./portfolio">portfolio</a> and you can look me up on <a
-    href="https://www.linkedin.com/in/timothymcmackin/" target="_blank">LinkedIn</a>.
+  blocks:
+    - >
+      Here's my <a href="./resume">resume</a> and my <a href="./portfolio">portfolio</a> and you can get in touch on <a href="https://www.linkedin.com/in/timothymcmackin/" target="_blank">LinkedIn</a> or by <a href="mailto:[email protected]" rel="nofollow noopener noreferrer">email</a>.
 
-blocks:
-  - headText: >
+    - >
       I like kite flying and kite-surfing, and I'm proud of being a national champion stunt kite pilot.
       My <a href="https://www.youtube.com/watch?v=lYv6042iTX8&list=PLpDx-rmEnbuxnaXKmQslL_sj66lUKm_16&index=1" target="_blank">Youtube</a> account has my kite videos and I am working on a <a href="https://timothymcmackin.github.io/kite-site/" target="_blank">catalog of my kite collection</a>.
-
-  - headText: >
-      I used to use Twitter as <a href="https://twitter.com/timothymcmackin" target="_blank">@timothymcmackin</a> as my primary social media, but I am moving to <a href="https://mastodon.social/@timothymcmackin" target="_blank">Mastodon</a>, though I don't use it much yet.
-      The best way to get in touch with me is by <a href="mailto:[email protected]" rel="nofollow noopener noreferrer">email</a> or <a href="https://www.linkedin.com/in/timothymcmackin/" target="_blank">LinkedIn</a>.

_layouts/index.html

@@ -26,25 +26,23 @@
             {% endif %}
             <p>{{ aboutMe.text }}</p>
           </div>
+          <div>
+            {% for block in aboutMe.blocks %}
+                <p>{{ block }}</p>
+            {% endfor %}
+          </div>
+          <div>
+            <figure>
+              <img class="indexImage" src="/assets/images/IMG_8675_50pct.jpg" alt="A picture of me kite-foiling"/>
+              <figcaption>Kite-surfing in the Outer Banks, May 2023</figcaption>
+            </figure>
+          </div>
         </div>
 
       </section>
 
     </div>
 
-    <div class="aboutMeFlex">
-      {% for block in site.data.index.blocks %}
-        <div class="smallDiv">
-          <p>{{ block.headText }}</p>
-        </div>
-      {% endfor %}
-    </div>
-
-    <figure>
-      <img class="indexImage" src="/assets/images/IMG_8675_50pct.jpg" alt="A picture of me kite-foiling"/>
-      <figcaption>Kite-surfing in the Outer Banks, May 2023</figcaption>
-    </figure>
-
   </article>
 
 

_sass/index.scss

@@ -5,21 +5,6 @@ section.page__content.index {
   }
 }
 
-.aboutMeFlex {
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: center;
-  clear: both;
-  font-size: 18px;
-  margin-left: 25px;
-}
-
-.aboutMeFlex .smallDiv {
-  flex-basis: 230px;
-  margin-right: 60px;
-}
-
 .indexImage {
   margin-bottom: 0.25em;
 }