README / index.html
AutomatumPaul's picture
Fix: use absolute URLs for images so they render on the org page
45426a8 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Automatum Data GmbH</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
color: #1a1a2e;
background: transparent;
line-height: 1.65;
}
.org-card {
max-width: 920px;
margin: 0 auto;
padding: 28px 24px 20px;
}
/* Logo */
.logo-wrap {
margin-bottom: 18px;
}
.logo-wrap img {
height: 52px;
width: auto;
}
/* Hero image */
.hero-wrap {
margin-bottom: 22px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.hero-wrap img {
width: 100%;
height: auto;
display: block;
}
/* Description */
.org-desc {
font-size: 1.02em;
color: #334155;
margin-bottom: 28px;
}
.org-desc strong { color: #0f172a; }
.org-desc a {
color: #2563eb;
text-decoration: none;
}
.org-desc a:hover { text-decoration: underline; }
h2 {
font-size: 1.18em;
margin-bottom: 14px;
color: #0f172a;
}
/* Scenario thumbnails */
.scenario-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 12px;
margin-bottom: 30px;
}
.scenario-card {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 1px 6px rgba(0,0,0,0.07);
transition: box-shadow 0.2s, transform 0.2s;
}
.scenario-card:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.12);
transform: translateY(-2px);
}
.scenario-card img {
width: 100%;
height: 120px;
object-fit: cover;
display: block;
}
.scenario-card .label {
padding: 8px 10px;
font-size: 0.85em;
font-weight: 600;
color: #1e3a5f;
background: #f8fafc;
text-align: center;
}
/* Dataset cards */
.dataset-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 14px;
margin-bottom: 28px;
}
.dataset-card {
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 16px 18px;
background: #f8fafc;
transition: box-shadow 0.2s, border-color 0.2s;
text-decoration: none;
color: inherit;
display: block;
}
.dataset-card:hover {
box-shadow: 0 4px 14px rgba(0,0,0,0.07);
border-color: #93c5fd;
}
.dataset-card h3 {
margin: 0 0 4px 0;
font-size: 1em;
color: #1e3a5f;
}
.dataset-card .stats {
font-size: 0.85em;
color: #64748b;
}
/* Install section */
.install-section {
margin-bottom: 20px;
}
.install-section code {
background: #f1f5f9;
padding: 3px 8px;
border-radius: 5px;
font-size: 0.92em;
font-family: 'SF Mono', 'Fira Code', monospace;
}
.footer-note {
font-size: 0.88em;
color: #94a3b8;
margin-top: 12px;
}
.footer-note a { color: #2563eb; text-decoration: none; }
.footer-note a:hover { text-decoration: underline; }
</style>
</head>
<body>
<div class="org-card">
<!-- Logo -->
<div class="logo-wrap">
<img src="https://automatumdata-readme.static.hf.space/images/logo.png" alt="Automatum Data Logo" />
</div>
<!-- Hero Image -->
<div class="hero-wrap">
<img src="https://automatumdata-readme.static.hf.space/images/hero.jpg" alt="Automatum Data - Drone Traffic Analysis" />
</div>
<!-- Description -->
<p class="org-desc">
<strong>Automatum Data</strong> provides high-precision drone-based traffic datasets
for autonomous driving research. Our data contains detailed trajectories, velocities,
accelerations, and lane assignments of traffic participants &mdash; extracted from
bird&rsquo;s-eye-view drone recordings.
<br><br>
These publicly available datasets are intended for <strong>research purposes</strong>.
Our full data pool contains over <strong>1,000&nbsp;hours</strong> of processed drone video.
For commercial use or access to extended datasets, visit
<a href="https://automatum-data.com/de" target="_blank">automatum-data.com</a>.
</p>
<!-- Scenario Thumbnails -->
<h2>&#128205; Covered Scenarios</h2>
<div class="scenario-grid">
<div class="scenario-card">
<img src="https://automatumdata-readme.static.hf.space/images/icon_tcrossing.jpg" alt="T-Crossing Scenario" />
<div class="label">T-Crossing</div>
</div>
<div class="scenario-card">
<img src="https://automatumdata-readme.static.hf.space/images/icon_roundabout.jpg" alt="Roundabout Scenario" />
<div class="label">Roundabout</div>
</div>
<div class="scenario-card">
<img src="https://automatumdata-readme.static.hf.space/images/dataset_ramps.jpg" alt="Highway with Ramps" />
<div class="label">Highway Ramps</div>
</div>
<div class="scenario-card">
<img src="https://automatumdata-readme.static.hf.space/images/dataset_open.jpg" alt="Open Highway" />
<div class="label">Open Highway</div>
</div>
</div>
<!-- Dataset Cards -->
<h2>&#128230; Available Datasets</h2>
<div class="dataset-grid">
<a class="dataset-card" href="https://huggingface.co/datasets/AutomatumData/automatum-data-crossing">
<h3>&#128256; T-Crossing Dataset</h3>
<div class="stats">2 recordings &middot; 683 vehicles</div>
</a>
<a class="dataset-card" href="https://huggingface.co/datasets/AutomatumData/automatum-data-roundabout">
<h3>&#128257; Roundabout Dataset</h3>
<div class="stats">2 recordings &middot; 212 vehicles</div>
</a>
<a class="dataset-card" href="https://huggingface.co/datasets/AutomatumData/automatum-data-highway-with-ramps">
<h3>&#128739;&#65039; Highway with Ramps</h3>
<div class="stats">4 recordings &middot; 7,178 vehicles</div>
</a>
<a class="dataset-card" href="https://huggingface.co/datasets/AutomatumData/automatum-data-full-highway">
<h3>&#128663; Full Highway Dataset</h3>
<div class="stats">114 recordings &middot; ~200k vehicles</div>
</a>
</div>
<!-- Python Library -->
<div class="install-section">
<h2>&#128295; Python Library</h2>
<p class="org-desc">
Install our open-source library to work with the data:
<code>pip install openautomatumdronedata</code>
</p>
</div>
<p class="footer-note">
Learn more at <a href="https://automatum-data.com/de" target="_blank">automatum-data.com</a>
</p>
</div>
</body>
</html>