Make site a little prettier

sportclimbing · May 2, 2023 · a70173f · a70173f
1 parent 6274b4d
commit a70173f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/pages/index.html b/pages/index.html
@@ -5,7 +5,7 @@
 
     <meta charset="utf-8">
     <meta name="description" content="IFSC 2023 Climbing Streams and Calendar for all upcoming events">
-    <meta name="viewport" content="width=600, initial-scale=1" />
+    <meta name="viewport" content="initial-scale=1" />
 
     <link rel="icon" type="image/png" sizes="32x32" href="img/favicon.png">
     <link href="css/bootstrap.min.css" rel="stylesheet">
@@ -32,8 +32,8 @@
         <div class="d-flex align-items-center">
             <img id="ifsc-poster" src="" alt="" style="width: 100px; height: 135px" class="rounded-2" />
             <div class="ms-3">
-                <p class="fw-bold mb-1" id="ifsc-description"></p>
-                <p class="fw-bold mb-1" id="ifsc-name"></p>
+                <h6 class="fw-bold mb-1" id="ifsc-description" style="font-size: 15px;"></h6>
+                <h6 class="fw-bold mb-1" id="ifsc-name" style="font-size: 15px;"></h6>
                 <p class="text-muted" id="ifsc-starts-in"></p>
                 <a class="btn btn-primary" href="" role="button" id="button-stream" target="_blank">👀 Watch Stream</a>
                 <a class="btn btn-success" href="" role="button" id="button-results" target="_blank">🏆️ Results</a>
@@ -47,7 +47,7 @@
     <div class="card container-xl" style="padding: 0; margin-bottom: 4px;">
         <div class="card-header" id="heading_id">
             <h5 class="mb-0">
-                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" id="ifsc-league-name"></button>
+                <button style="font-size: 15px;" class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" id="ifsc-league-name"></button>
             </h5>
         </div>
         <div id="collapse_n" class="collapse" aria-labelledby="heading_id" data-parent="#accordion">
@@ -82,7 +82,7 @@ <h4 class="text-white">Contact</h4>
                 <a class="btn btn-primary" style="background-color: #e6007e;" href="https://github.com/nicoSWD/ifsc-calendar/wiki" role="button" target="_blank">Add to your Calendar</a>
             </div>
             <a href="/" class="navbar-brand d-flex align-items-center">
-                <strong>IFSC Climbing Calendar for 2023</strong>
+
             </a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
@@ -91,11 +91,9 @@ <h4 class="text-white">Contact</h4>
     </div>
 </header>
 
-<main role="main">
+<main role="main" style="max-width: 700px; margin: auto; padding: 3px;">
     <section class="jumbotron">
         <h1 class="jumbotron-heading" style="color: #1b2839; font-weight: bold; text-align: center; margin: 15px;">IFSC Climbing Competition Streams</h1>
-        <div id="next-event" class="container-xl align-items-center font-monospace" style="color: #e6007e; font-size: large; padding: 0;"></div>
-
         <div id="accordion"></div>
     </section>
 

diff --git a/pages/js/events.js b/pages/js/events.js
@@ -70,7 +70,7 @@ const refresh = (async () => {
     leagues.forEach((league) => {
         const clone = leagueTemplate.content.cloneNode(true);
 
-        clone.getElementById('ifsc-league-name').innerHTML = '🥇 ' + league[0].description.replace(/^IFSC -/, '');
+        clone.getElementById('ifsc-league-name').innerHTML = '🥇 ' + league[0].description.replace(/^IFSC - Climbing/, '');
         clone.getElementById('ifsc-league-name').setAttribute('data-target', `#collapse_${league[0].id}`);
 
         clone.getElementById('heading_id').id = `heading_${league[0].id}`;
@@ -108,7 +108,9 @@ const refresh = (async () => {
                 clone.getElementById('ifsc-poster').src = 'img/posters/230329_Poster_SEOUL23_thumb.jpg';
             }
 
-            clone.getElementById('ifsc-description').innerText = event.description;
+            let description = event.description.replace(/^IFSC - Climbing/, '').split(' - ')[1];
+
+            clone.getElementById('ifsc-description').innerText = `🏠 ${description}`;
             clone.getElementById('ifsc-name').innerText = `👉 ${event.name}`;
 
             if (event.stream_url) {
@@ -134,23 +136,23 @@ const refresh = (async () => {
 
                 if (!liveEvent && lastEventFinished) {
                     lastEventFinished = false;
-                    status.innerHTML = `🟢 &nbsp; <strong>Next Event</strong>`;
+                    status.innerHTML = `🟢`;
                     status.classList.add('text-success');
 
                     clone.getRootNode().firstChild.nextSibling.style.backgroundColor = 'rgba(246,245,245,0.4)';
                     clone.getRootNode().firstChild.nextSibling.style.opacity = '100%'
                 } else {
                     clone.getRootNode().firstChild.nextSibling.style.opacity = '70%'
-                    status.innerHTML = `⌛️ &nbsp; Upcoming`;
+                    status.innerHTML = `⌛️`;
                     status.classList.add('text-warning');
                 }
 
                 clone.getElementById('button-results').style.display = 'none';
                 document.getElementById(`collapse_${event.id}`).getElementsByTagName('ul')[0].appendChild(clone);
             } else {
                 clone.getElementById('ifsc-starts-in').innerText = `⏰ ${pretty_finished_ago(event)}`;
-                status.innerHTML = `🏁 &nbsp; Finished`;
                 status.classList.add('text-danger');
+                status.innerHTML = `🏁`;
 
                 clone.getRootNode().firstChild.nextSibling.style.opacity = '70%'
                 clone.getElementById('button-results').href = `https://ifsc.results.info/#/event/${event.id}`;