From 84356b2f3f2685961497dec560d0138943beffa1 Mon Sep 17 00:00:00 2001 From: Bianca MATEI Date: Thu, 15 Jan 2026 14:03:00 +0200 Subject: [PATCH] test proiect docker --- Dockerfile | 2 + index.html | 153 +++++++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 24 +++++++++ 3 files changed, 179 insertions(+) create mode 100644 Dockerfile create mode 100644 index.html create mode 100644 style.css diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..f65e6ad --- /dev/null +++ b/Dockerfile @@ -0,0 +1,2 @@ +FROM nginx +COPY index.html /usr/share/nginx/html \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..3f34eaf --- /dev/null +++ b/index.html @@ -0,0 +1,153 @@ + + + + + + Weather — București, Ploiești, Timișoara, Cluj-Napoca, Iași, Călărași, Brașov, Constanța + + + + +
+

Romania — City Weather at a Glance

+

Sample weather cards for București, Ploiești, Timișoara, Cluj-Napoca, Iași, Călărași, Brașov and Constanța. Images from Wikimedia Commons.

+
+ +
+ +
+ Bucuresti +
+
+

București

+
24°C
+
+
+ ☀️ Sunny + Humidity: 42% + Wind: 8 km/h +
+
+
+ + +
+ Ploiesti +
+
+

Ploiești

+
22°C
+
+
+ ⛅ Partly Cloudy + Humidity: 48% + Wind: 10 km/h +
+
+
+ + +
+ Timisoara +
+
+

Timișoara

+
20°C
+
+
+ 🌧️ Light Rain + Humidity: 66% + Wind: 14 km/h +
+
+
+ + +
+ Cluj-Napoca +
+
+

Cluj-Napoca

+
18°C
+
+
+ 🌤️ Mostly Cloudy + Humidity: 55% + Wind: 11 km/h +
+
+
+ + +
+ Iasi +
+
+

Iași

+
17°C
+
+
+ 🌥️ Overcast + Humidity: 60% + Wind: 9 km/h +
+
+
+ + +
+ Calarasi +
+
+

Călărași

+
21°C
+
+
+ ☁️ Cloudy + Humidity: 50% + Wind: 12 km/h +
+
+ +
+ + +
+ Brasov +
+
+

Brașov

+
19°C
+
+
+ ⛅ Partly Cloudy + Humidity: 52% + Wind: 7 km/h +
+
+
+ + +
+ Constanta +
+
+

Constanța

+
23°C
+
+
+ ☀️ Sunny + Humidity: 45% + Wind: 15 km/h +
+
+
+ +
+ + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..6619247 --- /dev/null +++ b/style.css @@ -0,0 +1,24 @@ +:root{--bg1:#0f172a;--bg2:#0b1220;--card:#0f1721;--accent:#6ee7b7;--muted:#94a3b8} +*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;background:linear-gradient(180deg,var(--bg1),var(--bg2));color:#e6eef8;min-height:100vh;display:flex;flex-direction:column} +header{padding:36px 20px;text-align:center} +header h1{margin:0;font-size:clamp(20px,3vw,32px);letter-spacing:-0.5px} +header p{margin:8px 0 0;color:var(--muted)} +main{width:min(1200px,94%);margin:28px auto 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px} +.card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(2,6,23,0.6);transition:transform .22s,box-shadow .22s} +.card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(2,6,23,0.65)} +.photo{width:100%;height:160px;object-fit:cover;display:block} +.card-body{padding:14px} +.city{display:flex;align-items:center;justify-content:space-between} +.city h2{margin:0;font-size:18px} +.temp{font-weight:700;color:var(--accent)} +.meta{display:flex;gap:10px;margin-top:8px;color:var(--muted);font-size:13px} +.meta span{display:inline-flex;align-items:center;gap:8px} +.badge{background:rgba(255,255,255,0.03);padding:6px 10px;border-radius:999px;font-size:13px} +footer{color:var(--muted);text-align:center;padding:20px 12px 36px;font-size:13px} +.sunny{border-top:4px solid #ffd700} +.partly-cloudy{border-top:4px solid #87ceeb} +.light-rain{border-top:4px solid #4682b4} +.mostly-cloudy{border-top:4px solid #778899} +.overcast{border-top:4px solid #696969} +.cloudy{border-top:4px solid #a9a9a9} +@media (max-width:420px){.photo{height:140px}.card-body{padding:12px}} \ No newline at end of file