Hugging Face's logo

Spaces:
OPheno
/
README
Running

App Files Community
3
JorgeAEP commited on
Commit
7c6eeda
·
verified ·
1 Parent(s): d1559ce

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +269 -65
index.html CHANGED
@@ -1,66 +1,270 @@
1
 
2
- <h1 style="font-size:26px; font-weight:bold; margin-bottom:10px;">
3
- OPheno — Open‑Source Weed Phenology
4
- </h1>
5
-
6
- <!-- NAV -->
7
- <p>
8
- <a href="#about" style="padding:6px 8px; border:1px solid #ccc; text-decorationd6px 8px; border:1px solid #ccc;x; border:1px solid #ccc; text-decorationr:1px solid #ccc; text-decoration1px solid #ddd; margin:10px 0;">
9
- <h2 style="margin-top:0;">An open, community‑driven space for weed emergence &amp; phenology data</h2>
10
- <p>
11
- OPheno aggregates and curates observations related to weed emergence and phenology to support research,
12
- education, and modeling across diverse environments and management systems.
13
- </p>
14
-
15
- <p>
16
- <a href="https://huggingface.co/spaces/OPheno/opheno-submission-portal"
17
- target="_blank"
18
- style="background:#0a6cff; color:white; padding:10px 14px; text-decoration:none; display:inline-blocker:1px solid #ccc; background:#f7f7f7;">
19
- Heiko Hopke Kromminga · BASF<br>
20
- Jorge Espejel · BASF<br>
21
- Muhammad Javaid Akhter · BASF<br>
22
- [Name Surname] · [Organization]<br>
23
- [Name Surname] · [University/Lab]<br>
24
- </div>
25
-
26
- <!-- ABOUT -->
27
- <h2 id="about">About OPheno</h2>
28
- <p>
29
- OPheno aims to unite the full spectrum of weed‑science knowledge—from academic research and field trials
30
- to industry observations and practical field experience. By providing an open and shared home for emergence
31
- and phenology data, OPheno encourages collaboration, improves transparency, and accelerates the development
32
- of models and tools that depend on reliable, comparable observations.
33
- </p>
34
- <p>
35
- All datasets hosted under OPheno follow open‑science principles and aim to support anyone interested in
36
- understanding or predicting weed development.
37
- </p>
38
-
39
- <!-- CONTRIBUTE -->
40
- <h2 id="contribute">Contribute</h2>
41
- <p>
42
- Contributions from researchers, practitioners, and the community are the heart of the project.
43
- If you have observations related to weed emergence or phenology, please submit them via the
44
- <a href="https://huggingface.co/spaces/OPheno/OPheno-Submission-Portal" target maintainers will review and, when feasible, curate contributions into the public datasets.
45
- </p>
46
-
47
- <!-- LICENSE -->
48
- <h2 id="license">License</h2>
49
- <p>Unless otherwise noted, data are released under <strong>CC BY 4.0</strong>.</p>
50
-
51
- <!-- MAINTAINER -->
52
- <h2 id="maintainer">Maintainer</h2>
53
- <p>
54
- OPheno is maintained by
55
- <a href="https://de.linkedin.com/in/heiko-kromminga"e Kromminga (BASF)</a>,
56
- <a href="https://de.linkedin.com/in/muhammad-javaid-akhter-40a18975" target="_blankASF)</a>,
57
- <a href="https://de.linkedin.com/in/jorge-alberto-espejel-padilla-b00840216" targetejel Padilla</a>.
58
- </p>
59
-
60
- <!-- ACKNOWLEDGMENTS -->
61
- <h2 id="acknowledgments">Acknowledgments</h2>
62
- <p>
63
- The maintainers acknowledge the use of large language models for assistance in drafting documentation.
64
- </p>
65
-
66
- <p>© 2026 OPheno</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
 
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="utf-8" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
7
+ <title>OPheno — Open-Source Weed Phenology</title>
8
+ <meta name="description" content="OPheno is an open, community-driven initiative to share and curate weed emergence and phenology data." />
9
+
10
+ <!-- Fonts -->
11
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
12
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
13
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
14
+
15
+ <style>
16
+ :root{
17
+ --bg:#ffffff;
18
+ --card:#f7f7f8;
19
+ --muted:#5b5b5b;
20
+ --text:#111;
21
+ --accent:#0a6cff;
22
+ --border:#e6e6e6;
23
+ }
24
+ *{ box-sizing:border-box }
25
+ html,body{
26
+ margin:0;
27
+ padding:0;
28
+ background:var(--bg);
29
+ color:var(--text);
30
+ font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
31
+ line-height:1.6;
32
+ }
33
+ a{
34
+ color:var(--accent);
35
+ text-decoration:none;
36
+ }
37
+ a:hover{ text-decoration:underline }
38
+ .container{
39
+ max-width:980px;
40
+ margin:0 auto;
41
+ padding:28px 20px 64px;
42
+ }
43
+ header{
44
+ display:flex;
45
+ align-items:center;
46
+ gap:16px;
47
+ padding:8px 0 16px;
48
+ border-bottom:1px solid var(--border);
49
+ margin-bottom:18px;
50
+ }
51
+ .logo{
52
+ height:56px;
53
+ width:auto;
54
+ }
55
+ .title{
56
+ font-size:26px;
57
+ font-weight:700;
58
+ margin:0;
59
+ }
60
+ nav{
61
+ display:flex;
62
+ flex-wrap:wrap;
63
+ gap:8px;
64
+ margin-top:6px;
65
+ }
66
+ nav a{
67
+ padding:6px 10px;
68
+ border:1px solid var(--border);
69
+ border-radius:8px;
70
+ background:#fafafa;
71
+ color:var(--text)
72
+ }
73
+ section{
74
+ background:var(--card);
75
+ border:1px solid var(--border);
76
+ border-radius:14px;
77
+ padding:18px;
78
+ margin:14px 0;
79
+ }
80
+ .hero h1{
81
+ margin:0 0 6px;
82
+ font-size:28px;
83
+ }
84
+ .hero p.lead{
85
+ color:var(--muted);
86
+ max-width:65ch;
87
+ margin:8px 0 0;
88
+ }
89
+ .cta-row{
90
+ display:flex;
91
+ flex-wrap:wrap;
92
+ gap:10px;
93
+ margin-top:14px;
94
+ }
95
+ .btn{
96
+ display:inline-block;
97
+ padding:10px 16px;
98
+ font-weight:600;
99
+ border-radius:10px;
100
+ background:var(--accent);
101
+ color:#fff;
102
+ border:none;
103
+ }
104
+ .btn.secondary{
105
+ background:#6c757d;
106
+ }
107
+ h2{
108
+ margin:0 0 8px;
109
+ font-size:22px;
110
+ }
111
+ h3{
112
+ margin:0 0 8px;
113
+ font-size:18px;
114
+ }
115
+ .muted{
116
+ color:var(--muted);
117
+ }
118
+ pre,code{
119
+ background:#f0f2f5;
120
+ border:1px solid var(--border);
121
+ border-radius:8px;
122
+ }
123
+ pre{
124
+ padding:12px;
125
+ overflow-x:auto;
126
+ }
127
+ footer{
128
+ margin-top:36px;
129
+ padding-top:16px;
130
+ border-top:1px solid var(--border);
131
+ color:var(--muted);
132
+ font-size:14px;
133
+ }
134
+ .contributors-title {
135
+ margin: 0 0 6px 0;
136
+ font-size: 16px;
137
+ font-weight: 600;
138
+ color: #000;
139
+ }
140
+ #contributors-ticker {
141
+ margin: 12px 0 20px;
142
+ width: 100%;
143
+ overflow: hidden;
144
+ white-space: nowrap;
145
+ border: 1px solid var(--border);
146
+ border-radius: 8px;
147
+ background: #fafafa;
148
+ padding: 6px 0;
149
+ font-size: 14px;
150
+ color: var(--muted);
151
+ }
152
+ #contributors-ticker .ticker-track {
153
+ display: inline-block;
154
+ padding-left: 100%;
155
+ animation: contributors-scroll 22s linear infinite;
156
+ }
157
+ #contributors-ticker:hover .ticker-track {
158
+ animation-play-state: paused;
159
+ }
160
+ @keyframes contributors-scroll {
161
+ 0% { transform: translateX(0); }
162
+ 100% { transform: translateX(-50%); }
163
+ }
164
+ </style>
165
+ </head>
166
+
167
+ <body>
168
+ <div class="container">
169
+
170
+ <!-- HEADER -->
171
+ <header>
172
+ <div>
173
+ <h1 class="title">OPheno — Open‑Source Weed Phenology</h1>
174
+ <nav>
175
+ <a href="#about">About</a>
176
+ <a href="#contribute">Contribute</a>
177
+ <a href="#license">License</a>
178
+ <a href="#maintainer">Maintainer</a>
179
+ <a href="#acknowledgments">Acknowledgments</a>
180
+ </nav>
181
+ </div>
182
+ </header>
183
+
184
+ <!-- HERO -->
185
+ <section class="hero">
186
+ <h1>An open, community‑driven space for weed emergence & phenology data</h1>
187
+ <p class="lead">
188
+ OPheno aggregates and curates observations related to weed emergence and phenology to support research,
189
+ education, and modeling across diverse environments and management systems.
190
+ </p>
191
+ <div class="cta-row">
192
+ <a class="btn" href="https://huggingface.co/spaces/OPheno/opheno-submission-portal" target="_blank" rel="noopener">🚀 Submission Portal</a>
193
+ </div>
194
+ </section>
195
+
196
+ <!-- CONTRIBUTORS TICKER -->
197
+ <h3 class="contributors-title">List of current contributors</h3>
198
+ <div id="contributors-ticker">
199
+ <div class="ticker-track">
200
+ Heiko Hopke Kromminga · BASF •
201
+ Jorge Espejel · BASF •
202
+ Muhammad Javaid Akhter · BASF •
203
+ [Name Surname] · [Organization] •
204
+ [Name Surname] · [University/Lab] •
205
+ Heiko Hopke Kromminga · BASF •
206
+ Jorge Espejel · BASF •
207
+ Muhammad Javaid Akhter · BASF •
208
+ [Name Surname] · [Organization] •
209
+ [Name Surname] · [University/Lab]
210
+ </div>
211
+ </div>
212
+
213
+ <!-- ABOUT -->
214
+ <section id="about">
215
+ <h2>About OPheno</h2>
216
+ <p>
217
+ OPheno aims to unite the full spectrum of weed‑science knowledge—from academic research and field trials to industry observations and practical field experience.
218
+ By providing an open and shared home for emergence and phenology data, OPheno encourages collaboration, improves transparency, and accelerates the development
219
+ of models and tools that depend on reliable, comparable observations. All datasets hosted under OPheno follow open‑science principles and aim to support anyone
220
+ interested in understanding or predicting weed development.
221
+
222
+ </p>
223
+ </section>
224
+
225
+ <!-- CONTRIBUTE -->
226
+ <section id="contribute">
227
+ <h2>Contribute</h2>
228
+ <p>
229
+ 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
230
+ <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.
231
+
232
+ </p>
233
+ </section>
234
+
235
+ <!-- LICENSE -->
236
+ <section id="license">
237
+ <h2>License</h2>
238
+ <p>Unless otherwise noted, data are released under <strong>CC BY 4.0</strong>.</p>
239
+ </section>
240
+
241
+ <!-- MAINTAINER -->
242
+ <section id="maintainer">
243
+ <h2>Maintainer</h2>
244
+
245
+ <p>
246
+ OPheno is maintained by
247
+ <a href="https://de.linkedin.com/in/heiko-kromminga" target="_blank">Heiko Hopke Kromminga (BASF)</a>,
248
+ <a href="https://de.linkedin.com/in/muhammad-javaid-akhter-40a18975" target="_blank">Muhammad Javaid Akhter (BASF)</a>,
249
+ <a href="https://de.linkedin.com/in/jorge-alberto-espejel-padilla-b00840216" target="_blank">Jorge Alberto Espejel Padilla</a>.
250
+ </p>
251
+ </section>
252
+
253
+ <!-- ACKNOWLEDGMENTS -->
254
+ <section id="acknowledgments">
255
+ <h2>Acknowledgments</h2>
256
+ <p>
257
+ The maintainers acknowledge the use of large language models for assistance in drafting documentation.
258
+ </p>
259
+ </section>
260
+
261
+ <footer>
262
+ <div>© <span id="year"></span> OPheno</div>
263
+ </footer>
264
+ </div>
265
+
266
+ <script>
267
+ document.getElementById("year").textContent = new Date().getFullYear();
268
+ </script>
269
+ </body>
270
+ </html>