Replace home symbols with Lucide icons

This commit is contained in:
b0txec
2026-08-19 11:31:49 +03:00
parent 6ee62a5ce0
commit a5b8aa651c
3 changed files with 11 additions and 9 deletions
+9 -8
View File
@@ -1,13 +1,14 @@
import { A } from '@solidjs/router'
import { Archive, BarChart3, CloudSun, Database, Map, RadioTower, Wind } from 'lucide-solid'
import './home.css'
const tools = [
['/station','Stations','Recent measurements and station charts.','◉'],
['/cities','City analysis','Compare values and prepare temperature maps.','▦'],
['/faktiska','Faktiskā','Temperatures and weather symbols for daily production.','▣'],
['/latvia','Latvia overview','Country-wide weather summaries.','⌁'],
['/database','Data archive','Browse dates and stored observations.','▤'],
['/harmonie','HARMONIE','Render locally stored forecast fields.','◫'],
['/lvgmc-forecast','LVĢMC forecast','Prepared city forecasts and broadcast tables.','☁'],
{path:'/station', title:'Stations', description:'Recent measurements and station charts.', icon:RadioTower},
{path:'/cities', title:'City analysis', description:'Compare values and prepare temperature maps.', icon:BarChart3},
{path:'/faktiska', title:'Faktiskā', description:'Temperatures and weather symbols for daily production.', icon:CloudSun},
{path:'/latvia', title:'Latvia overview', description:'Country-wide weather summaries.', icon:Map},
{path:'/database', title:'Data archive', description:'Browse dates and stored observations.', icon:Archive},
{path:'/harmonie', title:'HARMONIE', description:'Render locally stored forecast fields.', icon:Wind},
{path:'/lvgmc-forecast', title:'LVĢMC forecast', description:'Prepared city forecasts and broadcast tables.', icon:Database},
]
export function Home() { return <section class="homePage"><div class="homeHero"><div><p class="eyebrow">Weather data and production tools</p><h1>Choose a workspace</h1><p class="heroCopy">Analysis, forecasts and newsroom graphics.</p></div><div class="environmentBadge"><span class="statusDot"/>Development dataset<small>Synthetic observations</small></div></div><div class="toolGrid">{tools.map(([path,title,description,icon]) => <A class="toolCard" href={path}><span class="toolIcon">{icon}</span><div class="toolCardCopy"><h2>{title}</h2><p>{description}</p></div><span class="cardArrow"></span></A>)}</div></section> }
export function Home() { return <section class="homePage"><div class="homeHero"><div><p class="eyebrow">Weather data and production tools</p><h1>Choose a workspace</h1><p class="heroCopy">Analysis, forecasts and newsroom graphics.</p></div><div class="environmentBadge"><span class="statusDot"/>Development dataset<small>Synthetic observations</small></div></div><div class="toolGrid">{tools.map(tool => <A class="toolCard" href={tool.path}><span class="toolIcon"><tool.icon size={64} strokeWidth={1.65}/></span><div class="toolCardCopy"><h2>{tool.title}</h2><p>{tool.description}</p></div><span class="cardArrow"></span></A>)}</div></section> }