Compare commits
No commits in common. "a4329da6077590552e87620b676d40a2d4968c4b" and "8889831615994b8778ef2c898238243a35b45c26" have entirely different histories.
a4329da607
...
8889831615
@ -98,5 +98,9 @@ def connect_wifi(led=None, max_retries=3, timeout=20):
|
|||||||
time.sleep(0.2)
|
time.sleep(0.2)
|
||||||
|
|
||||||
print('Connected to WiFi successfully!')
|
print('Connected to WiFi successfully!')
|
||||||
|
|
||||||
|
# Print connection details
|
||||||
|
ifconfig = wlan.ifconfig()
|
||||||
|
print(f"IP: {ifconfig[0]} | Gateway: {ifconfig[2]}")
|
||||||
|
|
||||||
return wlan
|
return wlan
|
||||||
@ -76,7 +76,7 @@ class TempWebServer:
|
|||||||
}}
|
}}
|
||||||
body {{
|
body {{
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||||
max-width: 1200px;
|
max-width: 900px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
@ -89,25 +89,17 @@ class TempWebServer:
|
|||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
|
||||||
}}
|
}}
|
||||||
.temp-grid {{
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
gap: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}}
|
|
||||||
.card {{
|
.card {{
|
||||||
background: white;
|
background: white;
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
padding: 25px;
|
padding: 25px;
|
||||||
|
margin: 15px 0;
|
||||||
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
|
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
|
||||||
transition: transform 0.2s;
|
transition: transform 0.2s;
|
||||||
}}
|
}}
|
||||||
.card:hover {{
|
.card:hover {{
|
||||||
transform: translateY(-5px);
|
transform: translateY(-5px);
|
||||||
}}
|
}}
|
||||||
.card.full-width {{
|
|
||||||
margin: 15px 0;
|
|
||||||
}}
|
|
||||||
.temp-card {{
|
.temp-card {{
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -203,31 +195,24 @@ class TempWebServer:
|
|||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
}}
|
}}
|
||||||
@media (max-width: 768px) {{
|
|
||||||
.temp-grid {{
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}}
|
|
||||||
}}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>🌱 Auto Garden Dashboard</h1>
|
<h1>🌱 Auto Garden Dashboard</h1>
|
||||||
|
|
||||||
<div class="temp-grid">
|
<div class="card temp-card">
|
||||||
<div class="card temp-card">
|
<div class="temp-icon">🏠</div>
|
||||||
<div class="temp-icon">🏠</div>
|
<div class="label">Indoor Climate</div>
|
||||||
<div class="label">Indoor Climate</div>
|
<div class="temp-display inside">{inside_temp}<span class="degree">°F</span></div>
|
||||||
<div class="temp-display inside">{inside_temp}<span class="degree">°F</span></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card temp-card">
|
|
||||||
<div class="temp-icon">🌤️</div>
|
|
||||||
<div class="label">Outdoor Climate</div>
|
|
||||||
<div class="temp-display outside">{outside_temp}<span class="degree">°F</span></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card full-width">
|
<div class="card temp-card">
|
||||||
|
<div class="temp-icon">🌤️</div>
|
||||||
|
<div class="label">Outdoor Climate</div>
|
||||||
|
<div class="temp-display outside">{outside_temp}<span class="degree">°F</span></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
<div class="status">
|
<div class="status">
|
||||||
<div class="status-item">
|
<div class="status-item">
|
||||||
<div class="status-icon">❄️</div>
|
<div class="status-icon">❄️</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user