Update pictures, links and names

Author: Jared-Gross

index.html

@@ -263,11 +263,11 @@ <h2 class="center-align">Websites</h2>
                 <details>
                     <summary class="none middle-align grid no-space">
                         <div class="s12 row">
-                            <img class="round extra" src="https://audioarchives.hbni.net/static/icon.png">
+                            <img class="round extra" src="https://broadcasting.hbni.net/static/icon.png">
                             <span class="max">
-                                <h6>HBNI Audio Archive</h6>
+                                <h6>HBNI Audio</h6>
                                 <p>
-                                    View, play and download archived broadcasts from the HBNI Audio Streaming Service.
+                                    Browse archived broadcasts, schedule events, broadcast live audio, and view live broadcasts and scheduled events.
                                 </p>
                             </span>
                             <div class="middle-align grid no-space">
@@ -281,19 +281,21 @@ <h6>HBNI Audio Archive</h6>
                         </div>
                         <nav class="s12 no-space">
                             <button class="small-round chip no-border"
-                                onclick="window.open('https://github.com/TheCodingJsoftware/HBNI-Audio-Stream-Listener')">
+                                onclick="window.open('https://github.com/TheCodingJsoftware/HBNI-Audio')">
                                 <i class="mdi mdi-github"></i>
                             </button>
                             <button class="small-round chip no-border"
-                                onclick="window.open('https://audioarchives.hbni.net')">
+                                onclick="window.open('https://broadcasting.hbni.net')">
                                 <i class="mdi mdi-web"></i>
                             </button>
                         </nav>
                     </summary>
                     <br>
                     <div class="row scroll">
-                        <img class="responsive border small-round" style="max-height: 512px; width: auto;"
-                            src="/static/images/hbniaudioarchive.png">
+                        <img class="responsive border small-round" style="max-height: 512px; width: auto;" src="/static/images/hbniaudio.png">
+                        <img class="responsive border small-round" style="max-height: 512px; width: auto;" src="/static/images/audioarchive.png">
+                        <img class="responsive border small-round" style="max-height: 512px; width: auto;" src="/static/images/currentevents.png">
+                        <img class="responsive border small-round" style="max-height: 512px; width: auto;" src="/static/images/broadcasting.png">
                     </div>
                 </details>
                 <details>