Hugging Face's logo

Spaces:
jorgerobinat
/
metar_forecast_lest
Running

App Files Community
jorgerobinat commited on
Commit
68b6c5d
·
verified ·
1 Parent(s): 7a2ec6b

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +67 -66
index.html CHANGED
@@ -1,66 +1,67 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
- <title>Forecasting METARs Rapport</title>
7
- <style>
8
- body {
9
- margin: 0;
10
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
11
- background: radial-gradient(circle at top, #0b0c28, #000000);
12
- color: #ffffff;
13
- display: flex;
14
- justify-content: center;
15
- align-items: center;
16
- height: 100vh;
17
- }
18
-
19
- .container {
20
- background-color: rgba(255, 255, 255, 0.05);
21
- border: 1px solid rgba(255, 255, 255, 0.1);
22
- padding: 2rem;
23
- border-radius: 2rem;
24
- box-shadow: 0 0 20px rgba(0,0,0,0.5);
25
- text-align: center;
26
- max-width: 600px;
27
- }
28
-
29
- h1 {
30
- font-size: 2rem;
31
- margin-bottom: 1rem;
32
- color: #d0d0ff;
33
- }
34
-
35
- p {
36
- font-size: 1rem;
37
- margin-bottom: 2rem;
38
- color: #ccc;
39
- }
40
-
41
- a.button {
42
- display: inline-block;
43
- padding: 0.8rem 1.5rem;
44
- font-size: 1rem;
45
- color: #fff;
46
- background: linear-gradient(to right, #4b6cb7, #182848);
47
- border-radius: 1rem;
48
- text-decoration: none;
49
- transition: background 0.3s;
50
- }
51
-
52
- a.button:hover {
53
- background: linear-gradient(to right, #355c9b, #101b3c);
54
- }
55
- </style>
56
- </head>
57
- <body>
58
- <div class="container">
59
- <h1>Forecasting METARs Rapport</h1>
60
- <p>Using a Text Predictive Algorithm powered by Hugging Face & Kaggle</p>
61
- <a class="button" href="https://www.kaggle.com/code/jorgerobinat/llm-metar" target="_blank">
62
- View Notebook on Kaggle
63
- </a>
64
- </div>
65
- </body>
66
- </html>
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
+ <title>Forecasting METARs Rapport</title>
7
+ <style>
8
+ body {
9
+ margin: 0;
10
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
11
+ background: radial-gradient(circle at top, #0b0c28, #000000);
12
+ color: #ffffff;
13
+ display: flex;
14
+ justify-content: center;
15
+ align-items: center;
16
+ height: 100vh;
17
+ }
18
+
19
+ .container {
20
+ background-color: rgba(255, 255, 255, 0.05);
21
+ border: 1px solid rgba(255, 255, 255, 0.1);
22
+ padding: 2rem;
23
+ border-radius: 2rem;
24
+ box-shadow: 0 0 20px rgba(0,0,0,0.5);
25
+ text-align: center;
26
+ max-width: 600px;
27
+ }
28
+
29
+ h1 {
30
+ font-size: 2rem;
31
+ margin-bottom: 1rem;
32
+ color: #d0d0ff;
33
+ }
34
+
35
+ p {
36
+ font-size: 1rem;
37
+ margin-bottom: 2rem;
38
+ color: #ccc;
39
+ }
40
+
41
+ a.button {
42
+ display: inline-block;
43
+ padding: 0.8rem 1.5rem;
44
+ font-size: 1rem;
45
+ color: #fff;
46
+ background: linear-gradient(to right, #4b6cb7, #182848);
47
+ border-radius: 1rem;
48
+ text-decoration: none;
49
+ transition: background 0.3s;
50
+ }
51
+
52
+ a.button:hover {
53
+ background: linear-gradient(to right, #355c9b, #101b3c);
54
+ }
55
+ </style>
56
+ </head>
57
+ <body>
58
+ <div class="container">
59
+ <h1>METAR Forecast for Santiago de Compostela (LEST)</h1>
60
+ <p>Weather forecasting using a Large Language Model (LLM) and probabilistic inputs.</p>
61
+ <a class="button" href="https://www.kaggle.com/code/jorgerobinat/llm-metar" target="_blank">
62
+ 🚀 View Full Notebook on Kaggle
63
+ </a>
64
+ </div>
65
+ </body>
66
+
67
+ </html>