README / index.html
JorgeAEP's picture
Update index.html
548eb5e verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>OPheno — Open-Source Weed Phenology</title>
<meta name="description" content="OPheno is an open, community-driven initiative to share and curate weed emergence and phenology data." />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
<style>
.container {
max-width: 100% !important;
width: 100% !important;
margin: 0;
padding: 0 20px;
}
:root{
--bg:#ffffff;
--card:#f7f7f8;
--muted:#5b5b5b;
--text:#111;
--accent:#0a6cff;
--border:#e6e6e6;
}
*{ box-sizing:border-box }
html,body{
margin:0;
padding:0;
background:var(--bg);
color:var(--text);
font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
line-height:1.6;
}
/* Always-visible links */
a {
color: #000 !important;
text-decoration: underline !important;
}
a:hover {
text-decoration: underline !important;
}
header{
display:flex;
align-items:center;
gap:16px;
padding:8px 0 16px;
border-bottom:1px solid var(--border);
margin-bottom:18px;
}
.title{
font-size:26px;
font-weight:700;
margin:0;
}
section {
background: var(--card);
border: 1px solid var(--border);
border-radius: 14px;
padding: 18px; /* good balance for readability */
margin: 14px 0;
width: 100%; /* if you want it full width */
box-sizing: border-box;
}
.hero h1{
margin:0 0 6px;
font-size:28px;
}
.hero p.lead{
color:var(--muted);
max-width:65ch;
margin:8px 0 0;
}
.cta-row{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:14px;
}
.btn{
display:inline-block;
padding:10px 16px;
font-weight:600;
border-radius:10px;
background:var(--accent);
color:#000;
border:2px solid #000;
}
.btn.secondary{
background:#6c757d;
}
h2{
margin:0 0 8px;
font-size:22px;
}
h3{
margin:0 0 8px;
font-size:18px;
}
.muted{
color:var(--muted);
}
pre,code{
background:#f0f2f5;
border:1px solid var(--border);
border-radius:8px;
}
pre{
padding:12px;
overflow-x:auto;
}
footer{
margin-top:36px;
padding-top:16px;
border-top:1px solid var(--border);
color:var(--muted);
font-size:14px;
}
footer{
margin-top:36px;
padding-top:16px;
border-top:1px solid var(--border);
color:var(--muted);
font-size:14px;
}
</style>
</head>
<body>
<div class="container">
</style>
</head>
<body>
<div class="container">
<!-- HEADER -->
<header>
<div>
<h1 class="title">OPheno — Open‑Source Weed Phenology</h1>
</div>
</header>
<!-- HERO -->
<section class="hero">
<h1>An open, community‑driven space for weed emergence & phenology data</h1>
<p class="lead">
OPheno aggregates and curates observations related to weed emergence and phenology to support research, education, and modeling across diverse
environments and management systems.
</p>
<div class="cta-row">
<a class="btn" href="https://huggingface.co/spaces/OPheno/opheno-submission-portal"
target="_blank" rel="noopener">🚀 Submission Portal</a>
</div>
</section>
<!-- ABOUT -->
<section id="about">
<h2>About OPheno</h2>
<p>
OPheno aims to unite the full spectrum of weed‑science knowledge—from academic research and field trials to industry observations and practical field experience. By providing an open and shared home for emergence andphenology data, OPheno encourages collaboration, improves transparency,
and accelerates the development of models and tools that depend on
reliable, comparable observations. All datasets hosted under OPheno follow
open‑science principles and aim to support anyone interested in
understanding or predicting weed development.
</p>
</section>
<!-- CONTRIBUTE -->
<section id="contribute">
<h2>Contribute</h2>
<p>
Contributions from researchers, practitioners, and the community are the
heart of the project. If you have observations related to weed emergence
or phenology, please submit them via the
<a href="https://huggingface.co/spaces/OPheno/OPheno-Submission-Portal"
target="_blank" rel="noopener">portal</a>.
The maintainers will review and, when feasible, curate contributions into
the public datasets. Every submission not ready for curation remains
accessible in the submission portal folder for transparency and future
iteration.
</p>
</section>
<!-- LICENSE -->
<section id="license">
<h2>License</h2>
<p>
Unless otherwise noted, data are released under <strong>CC BY 4.0</strong>.
</p>
</section>
<!-- MAINTAINER -->
<section id="maintainer">
<h2>Maintainer</h2>
<p>
OPheno is maintained by
<a href="https://de.linkedin.com/in/heiko-kromminga" target="_blank">Heiko
Hopke Kromminga (BASF)</a>,
<a href="https://de.linkedin.com/in/muhammad-javaid-akhter-40a18975"
target="_blank">Muhammad Javaid Akhter (BASF)</a>, and
<a href="https://de.linkedin.com/in/jorge-alberto-espejel-padilla-b00840216"
target="_blank">Jorge Alberto Espejel Padilla</a>.
</p>
</section>
<!-- ACKNOWLEDGMENTS -->
<section id="acknowledgments">
<h2>Acknowledgments</h2>
<p>
The maintainers acknowledge the use of large language models for assistance
in drafting documentation.
</p>
</section>
<footer>
<div>© <span id="year"></span> OPheno</div>
</footer>