sickprodigy/Auto-Garden
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: sickprodigy:8889831615994b8778ef2c898238243a35b45c26
Branches Tags
sickprodigy:main
...
compare: sickprodigy:a4329da6077590552e87620b676d40a2d4968c4b
Branches Tags
sickprodigy:main

2 Commits
8889831615 ... a4329da607

Author SHA1 Message Date
sickprodigy
a4329da607 Enhance web interface layout by increasing max-width and implementing a responsive grid for temperature cards 2025-11-05 16:52:04 -05:00
sickprodigy
25e48407c2 Remove connection details printout from connect_wifi function 2025-11-05 16:51:39 -05:00
2 changed files with 29 additions and 18 deletions
Show Stats Expand all files Collapse all files

4
Scripts/networking.py
View File

@ -99,8 +99,4 @@ def connect_wifi(led=None, max_retries=3, timeout=20):
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

21
Scripts/web_server.py
View File

@ -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: 900px; max-width: 1200px;
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,17 +89,25 @@ 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;
@ -195,11 +203,17 @@ 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>
@ -211,8 +225,9 @@ class TempWebServer:
<div class="label">Outdoor Climate</div> <div class="label">Outdoor Climate</div>
<div class="temp-display outside">{outside_temp}<span class="degree">°F</span></div> <div class="temp-display outside">{outside_temp}<span class="degree">°F</span></div>
</div> </div>
</div>
<div class="card"> <div class="card full-width">
<div class="status"> <div class="status">
<div class="status-item"> <div class="status-item">
<div class="status-icon">❄️</div> <div class="status-icon">❄️</div>