Spaces:

ibm-esa-geospatial
/

challenge

Running

App Files Files Community

blumenstiel commited on 3 days ago

Commit

b4e090b

1 Parent(s): 5e3b473

Add website

Browse files

Files changed (3) hide show

index.html +216 -0
static/css/index.css +191 -0
static/images/Blue sky image.png +3 -0

index.html ADDED Viewed

	@@ -0,0 +1,216 @@

+<!DOCTYPE html>
+<html>
+<section class="section"><!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="description"
+        content="TerraMind Blue-Sky Challenge – a bi-monthly award for bold geospatial AI ideas.">
+  <meta name="keywords" content="TerraMind, geospatial AI, challenge, foundation models">
+  <meta name="author" content="IBM & ESA">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>TerraMind Blue-Sky Challenge</title>
+  <!-- Fonts & CSS -->
+  <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
+        rel="stylesheet">
+<!--  <link rel="stylesheet" href="./static/css/bulma.min.css">-->
+<!--  <link rel="stylesheet" href="./static/css/fontawesome.all.min.css">-->
+  <link rel="stylesheet" href="./static/css/index.css">
+  <!-- Light-gray background for every 2nd block -->
+  <style>
+    section.alt-bg:nth-of-type(odd){background:#f5f5f5;}
+  </style>
+</head>
+<body>
+<section class="hero is-medium is-parallax full-bleed hero-bg"
+         style="background:url('./static/images/Blue sky image.png') center/cover no-repeat;">
+  <div class="hero-body">
+    <div class="container is-max-desktop has-text-centered">
+      <h1 class="title is-1 white">TerraMind Blue-Sky Challenge</h1>
+<!--      🌍✨-->
+      <br>
+      <p class="subtitle is-5 has-text-weight-semibold white">organized by IBM and ESA</p>
+      <!-- submit button -->
+      <a href="#submit" class="button is-link is-medium is-rounded mt-4">
+        Submit Your Idea
+      </a>
+    </div>
+  </div>
+</section>
+<!-- ───────── INTRO ───────── -->
+<section class="section alt-bg full-bleed intro-block">
+  <div class="container is-max-desktop">
+    <p class="intro">
+      A <strong>bi-monthly award</strong> spotlighting the boldest, most imaginative ways to push
+      TerraMind beyond “just another fine-tune”. Whether you’re prototyping a new multi-modal
+      workflow, exploring Thinking-in-Modalities, or inventing a never-seen geospatial
+      application, we want you to share it with everyone.
+    </p>
+  </div>
+</section>
+<!-- ───────── BENEFITS ───────── -->
+<section class="section alt-bg full-bleed">
+  <div class="container is-max-desktop">
+    <h2 class="title is-3">🎯 What’s in it for you?</h2>
+    <ul class="content">
+      <li><strong>€1 000 cash</strong> for each round winner (June, August, October, December).</li>
+      <li><strong>Grand Final Prize</strong> — community prestige and more, decided in January from the four round winners.</li>
+      <br>
+      <li>Potential publication in a joint wrap-up paper and broad visibility across IBM, ESA, and the EO community.</li>
+    </ul>
+  </div>
+</section>
+<!-- ───────── TIMELINE ───────── -->
+<section class="section alt-bg full-bleed">
+  <div class="container is-max-desktop">
+    <h2 class="title is-3 mt-6">🗓️ 2025 Timeline</h2>
+    <table class="table is-striped is-fullwidth">
+      <thead>
+        <tr>
+          <th>Round</th>
+          <th>Submission deadline</th>
+          <th>Pitch & Winner Announcement</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>1</td><td><strong>30 Jun 2025</strong></td><td>Early July</td></tr>
+        <tr><td>2</td><td><strong>31 Aug 2025</strong></td><td>Early September</td></tr>
+        <tr><td>3</td><td><strong>31 Oct 2025</strong></td><td>Early November</td></tr>
+        <tr><td>4</td><td><strong>31 Dec 2025</strong></td><td>Early January 2026</td></tr>
+        <tr><td colspan="2"><strong>Grand Final</strong></td><td>Mid-January 2026</td></tr>
+      </tbody>
+    </table>
+    <p>Deadlines are set to 23:59 Anywhere-on-Earth (AoE).</p>
+    <br>
+    <p>You can <strong>submit or update</strong> an entry at any time; it rolls into the next open round until it wins or the challenge ends.</p>
+  </div>
+</section>
+<!-- ───────── WHAT WE’RE LOOKING FOR ───────── -->
+<section class="section alt-bg full-bleed">
+  <div class="container is-max-desktop">
+    <h2 class="title is-3">🚀 What we’re looking for</h2>
+    <ol class="content">
+      <li><strong>Originality & Impact</strong> – genuinely new or game-changing for the geospatial community.</li>
+      <li><strong>Technical Quality</strong> – sound methodology, thoughtful experiments, clear visuals.</li>
+      <li><strong>Extension of TerraMind</strong> – creative use of multi-modal inputs, generative outputs, TiM chains, etc.</li>
+      <li><strong>Artistic Expression & Narrative</strong> – convincing story and immersive visuals.</li>
+      <li><strong>Open Science & Reproducibility</strong> – share code, models, and data splits (or a clear plan for restricted data).</li>
+    </ol>
+  </div>
+</section>
+<!-- ───────── HOW TO SUBMIT ───────── -->
+<section class="section alt-bg full-bleed" id="submit">
+  <div class="container is-max-desktop">
+    <h2 class="title is-3">📬 How to submit</h2>
+    <ol class="content">
+      <li>
+        Start a <strong>new discussion</strong> in the
+        <a href="https://huggingface.co/spaces/ibm-esa-geospatial/community/discussions" target="_blank">Community</a>
+        tab and describe your solution.
+      </li>
+      <li>Keep it under <strong>1 000 words</strong> – include images, tables, and a clear <strong>contact email</strong>.</li>
+      <li>Link your repository, longer blog, or paper.</li>
+      <li>That’s it – we’ll reach out if you’re selected for the pitch.</li>
+    </ol>
+    <p>You can find an example submission
+      <a href="https://huggingface.co/spaces/ibm-esa-geospatial/community/discussions" target="_blank">here (TODO)</a>.
+    </p>
+  </div>
+</section>
+<!-- ───────── SELECTION ───────── -->
+<section class="section alt-bg full-bleed">
+  <div class="container is-max-desktop">
+    <h2 class="title is-3">🏆 Selection process</h2>
+    <ul class="content">
+      <li>The jury short-lists <strong>three</strong> entries for a 10 min online pitch + 10 min Q&A after each deadline.</li>
+      <li>One winner is declared; non-winners remain eligible for later rounds.</li>
+      <li>The four round winners face off in the <strong>Grand Final</strong> for the overall prize.</li>
+    </ul>
+  </div>
+</section>
+<!-- ───────── RULES ───────── -->
+<section class="section alt-bg full-bleed">
+  <div class="container is-max-desktop">
+    <h2 class="title is-3">📝 Rules</h2>
+    <ul class="content">
+      <li><strong>Use TerraMind:</strong> your solution <strong>must</strong> leverage the TerraMind model.</li>
+      <li><strong>One win per working group/individual:</strong> you can win only <strong>one</strong> round, but keep sharing great ideas.</li>
+      <li><strong>Grand-final refinement:</strong> each round winner may refine their project before the final decision.</li>
+    </ul>
+    <p>Please read the full set of conditions in our
+      <a href="https://platform.ai4eo.eu/termsandconditions.pdf" target="_blank">Terms & Conditions</a>.
+    </p>
+  </div>
+</section>
+<!-- ───────── JURY ───────── -->
+<section class="section alt-bg full-bleed">
+  <div class="container is-max-desktop">
+    <h2 class="title is-3">👩‍⚖️ Jury</h2>
+    <p class="content">
+      Experts from IBM, ESA, and independent researchers with deep experience in geospatial AI.
+    </p>
+  </div>
+</section>
+<!-- ───────── SPARK & FAQ ───────── -->
+<section class="section alt-bg full-bleed">
+  <div class="container is-max-desktop">
+    <h2 class="title is-5">Need a spark?</h2>
+    <p class="content">
+      Browse community ideas in the
+      <a href="https://huggingface.co/spaces/ibm-esa-geospatial/community/discussions" target="_blank">Community</a>
+      tab and leave a reaction if you like them.
+    </p>
+    <h2 class="title is-5 mt-6">Have a question?</h2>
+    <p class="content mb-4">
+      Open a new discussion titled <code>[Question] topic</code> in the Community tab.
+    </p>
+    <br>
+    <p class="content has-text-centered">
+      <strong>Ready? Share your breakthrough and claim the next TerraMind Blue-Sky Award!</strong>
+    </p>
+  </div>
+</section>
+<!-- ───────────────────── FOOTER ───────────────────── -->
+<footer class="footer full-bleed">
+  <div class="container content has-text-centered">
+    <p>© 2025 IBM & ESA – TerraMind Blue-Sky Challenge</p>
+    <p>
+      This site reuses elements from the
+      <a href="https://github.com/nerfies/nerfies.github.io" target="_blank">Nerfies template</a>
+      (CC-BY-SA 4.0).
+    </p>
+  </div>
+</footer>
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+  const hero = document.querySelector('.hero-bg');
+  if (!hero) return;                     // safety
+  window.addEventListener('scroll', () => {
+    const y = window.pageYOffset * 0.4;  // 0.2-0.5 = slower/faster
+    hero.style.backgroundPosition = `center ${y}px`;
+  });
+});
+</script>
+</body>
+</html>
+</section>
+</html>

static/css/index.css ADDED Viewed

	@@ -0,0 +1,191 @@

+body {
+  font-family: 'Noto Sans', sans-serif;
+}
+.footer .icon-link {
+    font-size: 25px;
+    color: #000;
+}
+.link-block a {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+.dnerf {
+  font-variant: small-caps;
+}
+.teaser .hero-body {
+  padding-top: 0;
+  padding-bottom: 3rem;
+}
+.teaser {
+  font-family: 'Google Sans', sans-serif;
+}
+.publication-title {
+}
+.publication-banner {
+  max-height: parent;
+}
+.publication-banner video {
+  position: relative;
+  left: auto;
+  top: auto;
+  transform: none;
+  object-fit: fit;
+}
+.publication-header .hero-body {
+}
+.publication-title {
+    font-family: 'Google Sans', sans-serif;
+}
+.publication-authors {
+    font-family: 'Google Sans', sans-serif;
+}
+.publication-venue {
+    color: #555;
+    width: fit-content;
+    font-weight: bold;
+}
+.publication-awards {
+    color: #ff3860;
+    width: fit-content;
+    font-weight: bolder;
+}
+.publication-authors {
+}
+.publication-authors a {
+   color: hsl(204, 86%, 53%) !important;
+}
+.publication-authors a:hover {
+    text-decoration: underline;
+}
+.author-block {
+  display: inline-block;
+}
+.publication-banner img {
+}
+.publication-authors {
+  /*color: #4286f4;*/
+}
+.publication-video {
+    position: relative;
+    width: 100%;
+    height: 0;
+    padding-bottom: 56.25%;
+    overflow: hidden;
+    border-radius: 10px !important;
+}
+.publication-video iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+.publication-body img {
+}
+.results-carousel {
+  overflow: hidden;
+}
+.results-carousel .item {
+  margin: 5px;
+  overflow: hidden;
+  border: 1px solid #bbb;
+  border-radius: 10px;
+  padding: 0;
+  font-size: 0;
+}
+.results-carousel video {
+  margin: 0;
+}
+.interpolation-panel {
+  background: #f5f5f5;
+  border-radius: 10px;
+}
+.interpolation-panel .interpolation-image {
+  width: 100%;
+  border-radius: 5px;
+}
+.interpolation-video-column {
+}
+.interpolation-panel .slider {
+  margin: 0 !important;
+}
+.interpolation-panel .slider {
+  margin: 0 !important;
+}
+#interpolation-image-wrapper {
+  width: 100%;
+}
+#interpolation-image-wrapper img {
+  border-radius: 5px;
+}
+.full-bleed{
+  position:relative;
+  left:50%;  right:50%;
+  margin-left:-50vw; margin-right:-50vw;
+  width:100vw;
+  padding-left:0; padding-right:0;
+}
+.hero-bg{
+  background-position:center 0;
+  background-size:cover;
+  background-attachment:scroll; /* override any “fixed” you had */
+}
+.white{
+  color:#fff;                /* pure white */
+  /*text-shadow:0 2px 4px #0007;!* optional: keeps it readable on bright clouds *!*/
+}
+.intro{
+  max-width:40rem;        /* keep it pleasantly narrow          */
+  margin:0 auto;          /* centre the block itself            */
+  text-align:justify;     /* flush left *and* right             */
+  text-justify:inter-word;/* better spacing for long lines      */
+}
+.container{
+  padding-left:1rem;   /* ≈ 16 px on each side */
+  padding-right:1rem;
+}
+.hero.full-bleed{  margin-top:-3rem; }
+.footer.full-bleed{margin-bottom:-3rem;}

static/images/Blue sky image.png ADDED Viewed

Git LFS Details

SHA256: 23c98d650907e8bb7ebf3af4e75171f791b088dc3b0e58d85b8d93dadff07fbc
Pointer size: 132 Bytes
Size of remote file: 1.48 MB