add IOCCC support and social media links to main page and news

news.html

@@ -424,15 +424,48 @@
 <!-- START: this line starts content for HTML phase 21 by: bin/pandoc-wrapper.sh via bin/md2html.sh -->
 
 <!-- BEFORE: 1st line of markdown file: news.md -->
-<h1 id="for-more-news-try-mastodon">For more news, try mastodon</h1>
-<h3 id="please-follow-the-ioccc-on-mastodon">Please follow the <a href="https://fosstodon.org/@ioccc">IOCCC on Mastodon</a></h3>
-<p>We use Mastodon to make minor announcements, in addition to announcing
-major events such as the opening of a new IOCCC, or who won.</p>
-<p>See the
-FAQ on “<a href="faq.html#try_mastodon">Mastodon</a>”
-for more information on Mastodon.</p>
-<h3 id="ioccc-discord-community">IOCCC Discord Community</h3>
-<p>We invite you to join the <strong>IOCCC Discord Community</strong> via this link: <a href="https://discord.gg/Wa42Qujwnw">https://discord.gg/Wa42Qujwnw</a></p>
+<blockquote>
+<table>
+<tr>
+<td colspan="3" style="padding-top: 12px;">
+<span class="pseudo_h3">  Support IOCCC</span>
+<span class="small_click_below">   click below to support</span>
+</td>
+</tr>
+<tr>
+<td>
+    <a href="https://patreon.com/IOCCC"><img src="png/patreon.128x19.png" alt="Patreon logo" width=128 height=19></a>
+</td>
+<td>
+    <a href="https://coff.ee/ioccc"><img src="png/buymeacoffee.128x38.png" alt="Buy Me A Coffee logo" width=128 height=38></a>
+</td>
+<td>
+    <a href="https://github.com/sponsors/ioccc-src"><img src="png/GitHub.128x51.png" alt="GitHub logo" width=128 height=51></a>
+</td>
+</tr>
+</table>
+</blockquote>
+<blockquote>
+<table>
+<tr>
+<td colspan="3" style="padding-top: 12px;">
+<span class="pseudo_h3">  IOCCC on Social Media</span>
+<span class="small_click_below">   click below to visit</span>
+</td>
+</tr>
+<tr>
+<td style="padding-top: 8px;">
+    <a href="https://discord.gg/Wa42Qujwnw"><img src="png/Discord.128x37.png" alt="Discord logo" width=128 height=37></a>
+</td>
+<td style="padding-top: 12px; padding-bottom: 3px;">
+    <a href="https://fosstodon.org/@ioccc"><img src="png/mastodon.128x38.png" alt="Mastodon logo" width=128 height=38></a>
+</td>
+<td>
+    <a href="https://www.youtube.com/@OurFavoriteUniverse"><img src="png/YouTube.128x46.png" alt="YouTube logo" width=128 height=46></a>
+</td>
+</tr>
+</table>
+</blockquote>
 <h1 id="news">News</h1>
 <h2 id="section">2025-06-05</h2>
 <p>The <strong>IOCCC28</strong> period for submission has closed.</p>