Update goodreads challenge to 2024

themes/bootstrap386/layout/_widget/goodreads.ejs

@@ -35,79 +35,32 @@
     ></iframe>
   </div>
 
-  <div
-    id="gr_challenge_11633"
-    style="
-      border: 2px solid #ebe8d5;
-      border-radius: 10px;
-      padding: 0px 7px 0px 7px;
-      max-width: 230px;
-      min-height: 100px;
-    "
-  >
-    <div
-      id="gr_challenge_progress_body_11633"
-    >
-      <h4 style="margin: 4px 0 10px; text-align: center">
-        <a
-          rel="nofollow"
-          href="https://www.goodreads.com/challenges/11633-2023-reading-challenge"
-          >2023 Reading Challenge</a
-        >
-      </h4>
-      <div class="challengePic">
-        <a
-          rel="nofollow"
-          href="https://www.goodreads.com/challenges/11633-2023-reading-challenge"
-          ><img
-            alt="2023 Reading Challenge"
-            style="float: left; margin-right: 10px; border: 0 none"
-            src="https://images.gr-assets.com/challenges/1670887106p2/11633.jpg"
-        /></a>
-      </div>
-      <div>
-        <a
-          rel="nofollow"
-          href="https://www.goodreads.com/user/show/109476335-adam"
-          >Adam</a
-        >
-        has read 4 books toward his goal of 10 books.
-      </div>
-      <div
-        style="
-          width: 100px;
-          margin: 4px 5px 5px 0;
-          float: left;
-          border: 1px solid #382110;
-          height: 8px;
-          overflow: hidden;
-          background-color: #fff;
-        "
-      >
-        <div style="width: 40%; background-color: #d7d2c4; float: left">
-          <span style="visibility: hidden">hide</span>
+
+<div id="gr_challenge_11634" style="border: 2px solid #EBE8D5; border-radius:10px; padding: 0px 7px 0px 7px; max-width:230px; min-height: 100px">
+  <div id="gr_challenge_progress_body_11634" >
+    <h3 style="margin: 4px 0 10px; text-align: center">
+      <a rel="nofollow" href="https://www.goodreads.com/challenges/11634-2024-reading-challenge">2024 Reading Challenge</a>
+    </h3>
+        <div class="challengePic">
+          <a rel="nofollow" href="https://www.goodreads.com/challenges/11634-2024-reading-challenge"><img alt="2024 Reading Challenge" style="float:left; margin-right: 10px; border: 0 none" src="https://images.gr-assets.com/challenges/1701888414p2/11634.jpg" /></a>
         </div>
+      <div>
+        <a rel="nofollow" href="https://www.goodreads.com/user/show/109476335-adam">Adam</a> has
+             read 0 books toward
+             his goal of
+             10 books.
       </div>
-      <div
-        style="
-          font-size: 90%;
-        "
-      >
-        <a
-          rel="nofollow"
-          href="https://www.goodreads.com/user_challenges/42215791"
-          >4 of 10 (40%)</a
-        >
+      <div style="width: 100px; margin: 4px 5px 5px 0; float: left; border: 1px solid #382110; height: 8px; overflow: hidden; background-color: #FFF">
+        <div style="width: 0%; background-color: #D7D2C4; float: left"><span style="visibility:hidden">hide</span></div>
       </div>
-      <div style="text-align: right">
-        <a
-          style="text-decoration: none; font-size: 10px"
-          rel="nofollow"
-          href="https://www.goodreads.com/user_challenges/42215791"
-          >view books</a
-        >
+      <div>
+        <a rel="nofollow" href="https://www.goodreads.com/user_challenges/46749662">0 of 10 (0%)</a>
       </div>
-    </div>
-    <script src="https://www.goodreads.com/user_challenges/widget/109476335-adam?challenge_id=11633&v=2"></script>
+        <div style="text-align: right;">
+          <a rel="nofollow" href="https://www.goodreads.com/user_challenges/46749662">view books</a>
+        </div>
   </div>
+	<script src="https://www.goodreads.com/user_challenges/widget/109476335-adam?challenge_id=11634&v=2"></script>
+</div>
+
 </div>