index.md

layout	author_profile
splash	false

<style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Merriweather:ital,wght@0,300;0,700;1,300&display=swap'); :root { --hub-primary: #1a202c; --hub-secondary: #4a5568; --hub-accent: #B509AC; --hub-accent-hover: #9d00e8; --hub-bg: #ffffff; --hub-section-bg: #f8fafc; --hub-border: #e2e8f0; --hub-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } /* Inherit font-family and line-height from theme (same as Knowledge Base) */ body { color: var(--hub-primary); } /* Rolling Map Hero - Restored Proportions */ .hero-banner { position: relative; height: 500px; width: 100%; max-width: 1200px; /* Aligned with dashboard-grid */ margin-left: auto; margin-right: auto; overflow: hidden; margin-bottom: 3rem; border-radius: 24px; /* Fully rounded for a cleaner look */ background: #000; } #hero-map { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0.6; } .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: radial-gradient(circle, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.5) 100%); color: white; padding: 1rem; } .hero-overlay img.logo { width: 100px; margin-bottom: 1.5rem; filter: drop-shadow(0 0 12px rgba(181, 9, 172, 0.5)); } .hero-overlay h1 { font-size: 3rem; margin-bottom: 1rem; font-weight: 700; text-shadow: 0 2px 10px rgba(0,0,0,0.5); } .hero-overlay p { font-size: 1.2rem; max-width: 800px; margin: 0 auto 2.5rem auto; opacity: 0.9; } .dashboard-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 3rem; margin-bottom: 4rem; max-width: 1200px; /* Standardized to 1200px to match other pages */ margin-left: auto; margin-right: auto; } .featured-list { display: flex; flex-direction: column; gap: 1.5rem; } /* Card Styling - Using rem to respect global scaling */ .content-card { padding: 1.75rem; border: 1px solid var(--hub-border); border-radius: 12px; transition: all 0.3s ease; background: #fff; } .content-card:hover { border-color: var(--hub-accent); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); } .content-card h3 { margin-top: 0; font-size: 1.35rem; color: var(--hub-accent); margin-bottom: 0.75rem; } .btn-academic { display: inline-block; padding: 1rem 2.2rem; background: var(--hub-accent); color: #fff !important; border-radius: 8px; text-decoration: none !important; font-weight: 600; transition: all 0.2s; } .sidebar-box { background: #fff; padding: 1.75rem; border-radius: 12px; margin-bottom: 2rem; border: 1px solid var(--hub-border); } .sidebar-box h4 { margin-top: 0; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.1em; color: var(--hub-secondary); margin-bottom: 1.25rem; border-bottom: 2px solid var(--hub-section-bg); padding-bottom: 0.5rem; } @media (max-width: 768px) { .dashboard-grid { grid-template-columns: 1fr; } } </style> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>

4D Seismic Knowledge Hub

Discover the pulse of time-lapse monitoring across the world's most complex reservoirs.

Explore Knowledge Base

<script> document.addEventListener('DOMContentLoaded', function() { var isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0; var heroMap = L.map('hero-map', { zoomControl: false, attributionControl: false, scrollWheelZoom: false, dragging: !isTouchDevice, touchZoom: false, tap: false }).setView([20, 0], 3); L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png', { attribution: '© CartoDB' }).addTo(heroMap); var locations = {{ site.data.case_studies_map | jsonify }}; var currentIndex = 0; locations.forEach(function(loc) { if (loc.latitude) { L.circleMarker([loc.latitude, loc.longitude], { radius: 6, fillColor: "#B509AC", color: "#fff", weight: 1, opacity: 0.8, fillOpacity: 0.6 }).addTo(heroMap); } }); function rollToNextLocation() { var loc = locations[currentIndex]; if (loc.latitude) { heroMap.flyTo([loc.latitude, loc.longitude], 4, { animate: true, duration: 12 }); } currentIndex = (currentIndex + 1) % locations.length; } rollToNextLocation(); setInterval(rollToNextLocation, 24000); }); </script>

📰 Recent Analysis →

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-bottom: 2.5rem;">
  {% for post in site.posts limit:2 %}
  <a href="{{ post.url | relative_url }}" style="text-decoration: none; color: inherit;">
    <div class="content-card" style="padding: 1.2rem; height: 100%;">
      <small style="color: var(--hub-accent); font-weight: 600;">{{ post.date | date: "%b %d, %Y" }}</small>
      <h4 style="margin: 0.5rem 0; font-size: 1.1rem;">{{ post.title }}</h4>
      <p style="font-size: 0.85rem; color: var(--hub-secondary); margin: 0;">{{ post.excerpt | strip_html | truncate: 80 }}</p>
    </div>
  </a>
  {% endfor %}
</div>

<h2 style="font-size: 1.6rem; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem;">
  <span style="font-size: 1.3rem;">✨</span> Featured Insights
</h2>

{% for paper in site.data.papers limit:3 %}
<article class="content-card" style="padding: 1.25rem;">
  <h3 style="font-size: 1.15rem; margin-bottom: 0.5rem;">{{ paper.title }}</h3>
  <p style="color: var(--hub-secondary); line-height: 1.4; font-size: 0.9rem; margin-bottom: 1rem;">{{ paper.description | truncate: 140 }}</p>
  <div style="display: flex; justify-content: space-between; align-items: center;">
    <span style="font-size: 0.75rem; color: #94a3b8; font-weight: 600;">{{ paper.tags | first }}</span>
    <a href="{{ paper.link }}" target="_blank" style="color: var(--hub-accent); font-weight: 600; text-decoration: none; font-size: 0.85rem;">Read more &rarr;</a>
  </div>
</article>
{% endfor %}

<a href="{{ '/pages/analysis/' | relative_url }}" style="text-align: center; margin-top: 1rem; color: var(--hub-secondary); text-decoration: none; font-weight: 500;">View all analysis...</a>

Comparison Tool

Compare technical parameters (NRMS, bin size, etc.) across multiple 4D projects.

Launch Comparison →

<div class="sidebar-box">
  <h4>Working Group</h4>
  <p style="line-height: 1.6;">Maintainers of the 4D Seismic Hub. We rely on volunteers for peer-reviewed content curation.</p>
  <div style="display: flex; flex-direction: column; gap: 0.5rem;">
    <a href="{{ '/pages/working-group/' | relative_url }}" style="font-weight: 600; color: var(--hub-accent); text-decoration: none;">Meet the Group &rarr;</a>
    <a href="{{ '/pages/contribute/' | relative_url }}" style="font-weight: 600; color: var(--hub-accent); text-decoration: none;">Join the Initiative &rarr;</a>
  </div>
</div>

<div class="sidebar-box" style="border-left: 4px solid var(--hub-accent);">
  <h4>Featured Case</h4>
  {% assign featured_case = site.data.case_studies_map | first %}
  <p style="margin-bottom: 0.5rem;"><strong>{{ featured_case.name }}</strong></p>
  <p style="color: var(--hub-secondary); line-height: 1.5;">{{ featured_case.summary }}</p>
  <a href="{{ '/pages/knowledge-base' | relative_url }}" style="font-weight: 600; color: var(--hub-accent); text-decoration: none;">Explore Full Map &rarr;</a>
</div>