Update various templates

stade/core/templates/base.html

@@ -62,6 +62,10 @@ <h1><a href="{% url 'index' %}"><img src="{% static 'img/isic_logo.svg' %}"
               2020
               <i class="material-icons is-pulled-right px-1">open_in_new</i>
             </a>
+            <a class="navbar-item" href="https://www.kaggle.com/competitions/isic-2024-challenge/overview">
+              2024
+              <i class="material-icons is-pulled-right px-1">open_in_new</i>
+            </a>
             <a class="navbar-item" href="{% url 'challenge-landing' 'milk10k' %}">MILK10k</a>
             <a class="navbar-item" href="{% url 'challenge-landing' 'live' %}">Live</a>
 
@@ -82,6 +86,10 @@ <h1><a href="{% url 'index' %}"><img src="{% static 'img/isic_logo.svg' %}"
               2020
               <i class="material-icons is-pulled-right px-1">open_in_new</i>
             </a>
+            <a class="navbar-item" href="https://www.kaggle.com/competitions/isic-2024-challenge/leaderboard">
+              2024
+              <i class="material-icons is-pulled-right px-1">open_in_new</i>
+            </a>
             <a class="navbar-item" href="{% url 'leaderboards' 'milk10k' %}">MILK10k</a>
             <a class="navbar-item" href="{% url 'leaderboards' 'live' %}">Live</a>
           </div>

stade/core/templates/data/2024.html

@@ -0,0 +1,3 @@
+<div style="min-height:400px;">
+    <h3>Download this data at <a href="https://challenge2024.isic-archive.com/">challenge2024.isic-archive.com</a>.</h3>
+</div>

stade/core/templates/data/base.html

@@ -36,6 +36,7 @@ <h1>ISIC Challenge Datasets</h1>
                 <li @click="makeActiveTab(2018)" :class="{'is-active': activeTab == 2018}"><a>2018</a></li>
                 <li @click="makeActiveTab(2019)" :class="{'is-active': activeTab == 2019}"><a>2019</a></li>
                 <li @click="makeActiveTab(2020)" :class="{'is-active': activeTab == 2020}"><a>2020</a></li>
+                <li @click="makeActiveTab(2024)" :class="{'is-active': activeTab == 2024}"><a>2024</a></li>
                 <li @click="makeActiveTab('milk10k')" :class="{'is-active': activeTab == 'milk10k'}"><a>MILK10k</a></li>
             </ul>
         </div>
@@ -46,6 +47,7 @@ <h1>ISIC Challenge Datasets</h1>
             <div x-show="activeTab == 2018">{% include 'data/2018.html' %}</div>
             <div x-show="activeTab == 2019">{% include 'data/2019.html' %}</div>
             <div x-show="activeTab == 2020">{% include 'data/2020.html' %}</div>
+            <div x-show="activeTab == 2024">{% include 'data/2024.html' %}</div>
             <div x-show="activeTab == 'milk10k'">{% include 'data/milk10k.html' %}</div>
         </div>
     </div>

stade/core/templates/index.html

@@ -11,13 +11,14 @@ <h1>Welcome to the ISIC Challenge</h1>
         Beginning in 2016, ISIC has sponsored annual challenges for the computer science
         community in association with leading computer vision conferences. Over the years, the
         challenges have grown in scale, complexity, and participation, using high-quality
-        human-validated training and test sets of thousands of CC-0-licensed images and metadata.
+        human-validated training and test sets of thousands of images and metadata.
         The earlier challenges were focused primarily on diagnostic accuracy for distinguishing
-        melanoma from other benign and malignant skin lesions. By 2018, the diagnostic performance
+        dermoscopic photos of melanoma from other skin lesions. By 2018, the diagnostic performance
         of the leading algorithms was consistently outperforming clinicians in "reader studies".
-        Additional challenges in 2019 and 2020 were designed to address the out-of-distribution
-        problem and assess the impact of clinical context respectively. The 2020 challenge had
-        3,300 participants from around the world. In addition to the annual Grand Challenges,
+        Challenges in 2019 and 2020 were designed to address out-of-distribution classes
+        and assess the impact of clinical context, respectively.
+        The challenge in 2024 shifted focus from dermoscopy to 3D total-body-photography and involved 3,400 participants.
+        In addition to the annual Grand Challenges,
         ISIC hosts "live challenges" that allow researchers and students to benchmark the
         performance of their algorithms using ISIC images on an ongoing basis.
       </p>
@@ -53,8 +54,8 @@ <h3 id="about-the-isic-archive">About the ISIC Archive</h3>
         the largest publicly available collection of quality controlled dermoscopic
         images of skin lesions.
       </p>
-      <p>Presently, the ISIC Archive contains over 13,000
-        dermoscopic images, which were collected from leading clinical centers
+      <p>Presently, the ISIC Archive contains over 500,000 public
+        images, which were collected from leading clinical centers
         internationally and acquired from a variety of devices within each center. Broad
         and international participation in image contribution is designed to insure a
         representative clinically relevant sample.
@@ -67,38 +68,6 @@ <h3 id="about-the-isic-archive">About the ISIC Archive</h3>
         (i.e., global and focal morphologic elements in the image known to discriminate
         between types of skin lesions).
       </p>
-      <p>
-        The software infrastructure of the ISIC
-        Archive is built using the open-source
-        <a href="https://girder.readthedocs.org/"
-            >
-          Girder platform
-          <svg
-              xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0
-         0 100 100" width="15" height="15" class="icon outbound">
-            <path
-                fill="currentColor"
-                d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path>
-            <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2
-            85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon>
-          </svg>
-        </a>
-        , and the
-        source code for the Archive itself is
-        <a
-            href="https://github.com/ImageMarkup/isic-archive">
-          freely available on GitHub
-          <svg xmlns="http://www.w3.org/2000/svg"
-               aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"
-               class="icon outbound">
-            <path fill="currentColor"
-                  d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path>
-            <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2
-            85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon>
-          </svg>
-        </a>
-        .
-      </p>
 
       <h3>About Melanoma</h3>
       <p>Skin cancer is a major public health problem, with over

stade/core/templates/landing/milk10k/index.html

@@ -8,6 +8,26 @@ <h1>{{ challenge.name }} Challenge {% if challenge.locked %}[Closed]{% endif %}<
     </div>
 
     <div class="section-content">
+    {% if not challenge.tasks.first.locked %}
+      <div class="box has-text-centered" style="background: linear-gradient(135deg, #00a9a5 0%, #427aa1 100%); padding: 2.5rem 2rem; margin-bottom: 2rem; border-radius: 10px;">
+        <h3 class="subtitle is-4 has-text-white mb-4">Get Started</h3>
+        <div class="buttons is-centered">
+          <a href="{% url 'task-detail' challenge.tasks.first.id %}" class="button is-white is-medium">
+            <span class="icon">
+              <i class="material-icons">upload</i>
+            </span>
+            <span><strong>Submit to Challenge</strong></span>
+          </a>
+          <a href="{% url 'data' %}#milk10k" class="button is-white is-medium">
+            <span class="icon">
+              <i class="material-icons">download</i>
+            </span>
+            <span><strong>Download Data</strong></span>
+          </a>
+        </div>
+      </div>
+    {% endif %}
+
       <div id="summary">
         <h2>Summary</h2>
         <p>