seth/halfPage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: seth:3485d865e8ff4b2005519c98f95665c6c2ca05e9
Branches Tags
seth:main
..
compare: seth:8135261352f211abb741698cb8129875678ca411
Branches Tags
seth:main

No commits in common. "3485d865e8ff4b2005519c98f95665c6c2ca05e9" and "8135261352f211abb741698cb8129875678ca411" have entirely different histories.
3485d865e8 ... 8135261352

13 changed files with 692 additions and 2393 deletions
Download patch file Download diff file Expand all files Collapse all files

3
biome.json
View file

@ -27,8 +27,9 @@
"formatter": { "formatter": {
"quoteStyle": "double", "quoteStyle": "double",
"indentStyle": "tab", "indentStyle": "tab",
"lineEnding": "lf",
"jsxQuoteStyle": "double", "jsxQuoteStyle": "double",
"semicolons": "always" "semicolons": "always"
} }
} }
} }

2549
bun.lock
View file

File diff suppressed because it is too large Load diff

29
index.html
View file

@ -1,18 +1,15 @@
<!doctype html> <!doctype html>
<html lang="en" data-bs-theme="dark" data-bs-core="default" id="html"> <html lang="en" data-bs-theme="dark" data-bs-core="default" id="html">
<head>
<head> <meta charset="UTF-8" />
<meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" id="favicon" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" id="favicon" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="color-scheme" content="light dark">
<meta name="color-scheme" content="light dark"> <meta name="description" content="A New Tab Page." />
<meta name="description" content="A New Tab Page." /> <title>New Tab</title>
<title>New Tab</title> </head>
</head> <body>
<div id="app"></div>
<body> <script type="module" src="/src/main.tsx" defer></script>
<div id="app"></div> </body>
<script type="module" src="/src/main.tsx" defer></script> </html>
</body>
</html>

2
package.json
View file

@ -21,4 +21,4 @@
"typescript": "~5.7.2", "typescript": "~5.7.2",
"vite": "^6.2.0" "vite": "^6.2.0"
} }
} }

4
src/components/container/index.tsx
View file

@ -5,8 +5,8 @@ export default () => {
<h6 class="display-4">Hello, {localStorage.getItem("name")}.</h6> <h6 class="display-4">Hello, {localStorage.getItem("name")}.</h6>
<br /> <br />
<br /> <br />
<form action={localStorage.getItem("searchEngine") || ""} method="get"> <form role="search" action={localStorage.getItem("searchEngine") || ""} method="get">
<input class="form-control me-2" type="search" placeholder={`Search with ${localStorage.getItem("searchEngineName")}`} aria-label="Search with Google" name="q" /> <input class="form-control me-2" autoFocus type="search" placeholder={`Search with ${localStorage.getItem("searchEngineName")}`} aria-label="Search with Google" name="q" />
</form> </form>
</div> </div>
</> </>

392
src/components/navbar/desc.json
View file

@ -1,282 +1,282 @@
{ {
"0": { "0":{
"day": { "day":{
"description": "Sunny", "description":"Sunny",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01d@2x.png"
}, },
"night": { "night":{
"description": "Clear", "description":"Clear",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01n@2x.png"
} }
}, },
"1": { "1":{
"day": { "day":{
"description": "Mainly Sunny", "description":"Mainly Sunny",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01d@2x.png"
}, },
"night": { "night":{
"description": "Mainly Clear", "description":"Mainly Clear",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01n@2x.png"
} }
}, },
"2": { "2":{
"day": { "day":{
"description": "Partly Cloudy", "description":"Partly Cloudy",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/02d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/02d@2x.png"
}, },
"night": { "night":{
"description": "Partly Cloudy", "description":"Partly Cloudy",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/02n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/02n@2x.png"
} }
}, },
"3": { "3":{
"day": { "day":{
"description": "Cloudy", "description":"Cloudy",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/03d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/03d@2x.png"
}, },
"night": { "night":{
"description": "Cloudy", "description":"Cloudy",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/03n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/03n@2x.png"
} }
}, },
"45": { "45":{
"day": { "day":{
"description": "Foggy", "description":"Foggy",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50d@2x.png"
}, },
"night": { "night":{
"description": "Foggy", "description":"Foggy",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50n@2x.png"
} }
}, },
"48": { "48":{
"day": { "day":{
"description": "Rime Fog", "description":"Rime Fog",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50d@2x.png"
}, },
"night": { "night":{
"description": "Rime Fog", "description":"Rime Fog",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50n@2x.png"
} }
}, },
"51": { "51":{
"day": { "day":{
"description": "Light Drizzle", "description":"Light Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
}, },
"night": { "night":{
"description": "Light Drizzle", "description":"Light Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
} }
}, },
"53": { "53":{
"day": { "day":{
"description": "Drizzle", "description":"Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
}, },
"night": { "night":{
"description": "Drizzle", "description":"Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
} }
}, },
"55": { "55":{
"day": { "day":{
"description": "Heavy Drizzle", "description":"Heavy Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
}, },
"night": { "night":{
"description": "Heavy Drizzle", "description":"Heavy Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
} }
}, },
"56": { "56":{
"day": { "day":{
"description": "Light Freezing Drizzle", "description":"Light Freezing Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
}, },
"night": { "night":{
"description": "Light Freezing Drizzle", "description":"Light Freezing Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
} }
}, },
"57": { "57":{
"day": { "day":{
"description": "Freezing Drizzle", "description":"Freezing Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
}, },
"night": { "night":{
"description": "Freezing Drizzle", "description":"Freezing Drizzle",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
} }
}, },
"61": { "61":{
"day": { "day":{
"description": "Light Rain", "description":"Light Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
}, },
"night": { "night":{
"description": "Light Rain", "description":"Light Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
} }
}, },
"63": { "63":{
"day": { "day":{
"description": "Rain", "description":"Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
}, },
"night": { "night":{
"description": "Rain", "description":"Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
} }
}, },
"65": { "65":{
"day": { "day":{
"description": "Heavy Rain", "description":"Heavy Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
}, },
"night": { "night":{
"description": "Heavy Rain", "description":"Heavy Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
} }
}, },
"66": { "66":{
"day": { "day":{
"description": "Light Freezing Rain", "description":"Light Freezing Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
}, },
"night": { "night":{
"description": "Light Freezing Rain", "description":"Light Freezing Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
} }
}, },
"67": { "67":{
"day": { "day":{
"description": "Freezing Rain", "description":"Freezing Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
}, },
"night": { "night":{
"description": "Freezing Rain", "description":"Freezing Rain",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
} }
}, },
"71": { "71":{
"day": { "day":{
"description": "Light Snow", "description":"Light Snow",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
}, },
"night": { "night":{
"description": "Light Snow", "description":"Light Snow",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
} }
}, },
"73": { "73":{
"day": { "day":{
"description": "Snow", "description":"Snow",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
}, },
"night": { "night":{
"description": "Snow", "description":"Snow",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
} }
}, },
"75": { "75":{
"day": { "day":{
"description": "Heavy Snow", "description":"Heavy Snow",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
}, },
"night": { "night":{
"description": "Heavy Snow", "description":"Heavy Snow",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
} }
}, },
"77": { "77":{
"day": { "day":{
"description": "Snow Grains", "description":"Snow Grains",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
}, },
"night": { "night":{
"description": "Snow Grains", "description":"Snow Grains",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
} }
}, },
"80": { "80":{
"day": { "day":{
"description": "Light Showers", "description":"Light Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
}, },
"night": { "night":{
"description": "Light Showers", "description":"Light Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
} }
}, },
"81": { "81":{
"day": { "day":{
"description": "Showers", "description":"Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
}, },
"night": { "night":{
"description": "Showers", "description":"Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
} }
}, },
"82": { "82":{
"day": { "day":{
"description": "Heavy Showers", "description":"Heavy Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
}, },
"night": { "night":{
"description": "Heavy Showers", "description":"Heavy Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
} }
}, },
"85": { "85":{
"day": { "day":{
"description": "Light Snow Showers", "description":"Light Snow Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
}, },
"night": { "night":{
"description": "Light Snow Showers", "description":"Light Snow Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
} }
}, },
"86": { "86":{
"day": { "day":{
"description": "Snow Showers", "description":"Snow Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
}, },
"night": { "night":{
"description": "Snow Showers", "description":"Snow Showers",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
} }
}, },
"95": { "95":{
"day": { "day":{
"description": "Thunderstorm", "description":"Thunderstorm",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11d@2x.png"
}, },
"night": { "night":{
"description": "Thunderstorm", "description":"Thunderstorm",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11n@2x.png"
} }
}, },
"96": { "96":{
"day": { "day":{
"description": "Light Thunderstorms With Hail", "description":"Light Thunderstorms With Hail",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11d@2x.png"
}, },
"night": { "night":{
"description": "Light Thunderstorms With Hail", "description":"Light Thunderstorms With Hail",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11n@2x.png"
} }
}, },
"99": { "99":{
"day": { "day":{
"description": "Thunderstorm With Hail", "description":"Thunderstorm With Hail",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11d@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11d@2x.png"
}, },
"night": { "night":{
"description": "Thunderstorm With Hail", "description":"Thunderstorm With Hail",
"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11n@2x.png" "image":"https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11n@2x.png"
} }
} }
} }

2
src/components/navbar/index.tsx
View file

@ -17,7 +17,7 @@ export default () => {
<div class="navbar-brand"> <div class="navbar-brand">
{wttrDesc} {wttrDesc}
</div> </div>
<div class="d-flex hstack gap-2"> <div class="d-flex hstack gap-2" role="search">
<button type="button" class="btn btn-outline-light btn-sm" onClick={history.back}><ChevronLeft size={20} /></button> <button type="button" class="btn btn-outline-light btn-sm" onClick={history.back}><ChevronLeft size={20} /></button>
<button type="button" class="btn btn-outline-light btn-sm" onClick={history.forward}><ChevronRight size={20} /></button> <button type="button" class="btn btn-outline-light btn-sm" onClick={history.forward}><ChevronRight size={20} /></button>
</div> </div>

42
src/components/sidebar/index.tsx
View file

@ -1,4 +1,4 @@
const dataset = document.documentElement.dataset; const dataset = document.getElementById("html")!.dataset;
export default () => { export default () => {
return ( return (
@ -7,16 +7,16 @@ export default () => {
<div class="offcanvas-header border-bottom border-secondary border-opacity-25"> <div class="offcanvas-header border-bottom border-secondary border-opacity-25">
<span class="sidebar-brand"> <a class="sidebar-brand" href="#">
. .
</span> </a>
<button type="button" class="btn-close d-md-none" data-bs-dismiss="offcanvas" data-bs-target="#sidebar-example" /> <button type="button" class="btn-close d-md-none" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#sidebar-example"></button>
</div> </div>
<div class="offcanvas-body"> <div class="offcanvas-body">
<h6>Name</h6> <label>Name</label>
<form class="d-flex" id="name" onSubmit={(e) => { <form class="d-flex" id="name" onSubmit={(e) => {
e.preventDefault(); e.preventDefault();
const form = document.forms.namedItem("name"); const form = document.forms.namedItem("name");
@ -25,13 +25,13 @@ export default () => {
} }
}}> }}>
<input name="userName" class="form-control me-2" placeholder="Set Name" /> <input name="userName" class="form-control me-2" placeholder="Set Name" aria-label="Set Name" />
<button class="btn btn-primary" type="submit">Save</button> <button class="btn btn-primary" type="submit">Save</button>
</form> </form>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<h6>Search Engine</h6> <label>Search Engine</label>
<form id="searchEngine" onSubmit={(e) => { <form id="searchEngine" onSubmit={(e) => {
e.preventDefault(); e.preventDefault();
const form = document.forms.namedItem("searchEngine"); const form = document.forms.namedItem("searchEngine");
@ -41,15 +41,15 @@ export default () => {
} }
}}> }}>
<input name="engine" class="form-control me-2" placeholder="e.g. https://google.com/search" /> <input name="engine" class="form-control me-2" placeholder="e.g. https://google.com/search" aria-label="Set Search Engine" />
<br /> <br />
<input name="engineName" class="form-control me-2" placeholder="e.g. Google" /> <input name="engineName" class="form-control me-2" placeholder="e.g. Google" aria-label="Set Search Engine Name" />
<br /> <br />
<button class="btn btn-primary" type="submit">Save</button> <button class="btn btn-primary" type="submit">Save</button>
</form> </form>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<h6>Weather Location</h6> <label>Weather Location</label>
<form class="d-flex" id="weatherLocation" onSubmit={(e) => { <form class="d-flex" id="weatherLocation" onSubmit={(e) => {
e.preventDefault(); e.preventDefault();
const form = document.forms.namedItem("weatherLocation"); const form = document.forms.namedItem("weatherLocation");
@ -58,45 +58,45 @@ export default () => {
} }
}}> }}>
<input name="location" class="form-control me-2" placeholder="Leave blank for current location" /> <input name="location" class="form-control me-2" placeholder="Leave blank for current location" aria-label="Set Search Engine" />
<button class="btn btn-primary" type="submit">Save</button> <button class="btn btn-primary" type="submit">Save</button>
</form> </form>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<h6>Color Scheme</h6> <label>Color Scheme</label>
<ul class="nav nav-pills nav-fill"> <ul class="nav nav-pills nav-fill">
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "auto"); location.reload() }}>Auto</button> <button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "auto"); location.reload() }}>Auto</button>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "light"); dataset.bsTheme = "light" }}>Light</button> <button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "light"); dataset.bsTheme = "light" }}>Light</button>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "dark"); dataset.bsTheme = "dark" }}>Dark</button> <button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "dark"); dataset.bsTheme = "dark" }}>Dark</button>
</li> </li>
</ul> </ul>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<h6>Theme</h6> <label>Theme</label>
<ul class="nav nav-pills nav-fill"> <ul class="nav nav-pills nav-fill">
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("theme", "default"); dataset.bsCore = "default" }}>Default</button> <button class="btn btn-primary" onClick={() => { localStorage.setItem("theme", "default"); dataset.bsCore = "default" }}>Default</button>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("theme", "modern"); dataset.bsCore = "modern" }}>Modern</button> <button class="btn btn-primary" onClick={() => { localStorage.setItem("theme", "modern"); dataset.bsCore = "modern" }}>Modern</button>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("theme", "elegant"); dataset.bsCore = "elegant" }}>Elegant</button> <button class="btn btn-primary" onClick={() => { localStorage.setItem("theme", "elegant"); dataset.bsCore = "elegant" }}>Elegant</button>
</li> </li>
</ul> </ul>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<button class="btn btn-secondary" type={"button"} onClick={() => { localStorage.setItem("sidebar", "false"); location.reload() }}>Save & Close</button> <button class="btn btn-secondary" onClick={() => {localStorage.setItem("sidebar", "false"); location.reload()}}>Save & Close</button>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<h6>About</h6> <label>About</label>
<p>halfPage is a minimalistic startpage, built on only open-source software.</p> <p>halfPage is a minimalistic startpage, built on only open-source software.</p>
<a href="https://www.gethalfmoon.com/wttr">halfmoon</a> <a href="https://www.gethalfmoon.com/wttr">halfmoon</a>
<a href="https://github.com/chubin/wttr.in">wttr.in</a> <a href="https://github.com/chubin/wttr.in">wttr.in</a>

12
src/main.tsx
View file

@ -5,7 +5,7 @@ import 'halfmoon/css/cores/halfmoon.modern.css';
import 'halfmoon/css/cores/halfmoon.elegant.css'; import 'halfmoon/css/cores/halfmoon.elegant.css';
import App from './components/app.tsx' import App from './components/app.tsx'
const dataset = document.documentElement.dataset; const dataset = document.getElementById("html")!.dataset;
const colorScheme = localStorage.getItem("colorScheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") || "auto"; const colorScheme = localStorage.getItem("colorScheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") || "auto";
if (colorScheme === "auto") { if (colorScheme === "auto") {
@ -19,9 +19,9 @@ dataset.bsCore = localStorage.getItem("theme") || "default";
const favicon = document.getElementById("favicon") as HTMLLinkElement; const favicon = document.getElementById("favicon") as HTMLLinkElement;
fetch(`https://wttr.in/${localStorage.getItem("location") || ""}?format=%c`) fetch(`https://wttr.in/${localStorage.getItem("location") || ""}?format=%c`)
.then(res => res.text()) .then(res => res.text())
.then(emoji => { .then(emoji => {
favicon.href = `data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>${emoji.trim()}</text></svg>` favicon.href = `data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>${emoji.trim()}</text></svg>`
}) })
render(<App />, document.getElementById('app') as HTMLElement || document.body) render(<App />, document.getElementById('app')!)

24
tsconfig.app.json
View file

@ -4,20 +4,14 @@
"target": "ES2020", "target": "ES2020",
"useDefineForClassFields": true, "useDefineForClassFields": true,
"module": "ESNext", "module": "ESNext",
"lib": [ "lib": ["ES2020", "DOM", "DOM.Iterable"],
"ES2020",
"DOM",
"DOM.Iterable"
],
"skipLibCheck": true, "skipLibCheck": true,
"paths": { "paths": {
"react": [ "react": ["./node_modules/preact/compat/"],
"./node_modules/preact/compat/" "react-dom": ["./node_modules/preact/compat/"]
],
"react-dom": [
"./node_modules/preact/compat/"
]
}, },
/* Bundler mode */
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowImportingTsExtensions": true, "allowImportingTsExtensions": true,
"isolatedModules": true, "isolatedModules": true,
@ -25,13 +19,13 @@
"noEmit": true, "noEmit": true,
"jsx": "react-jsx", "jsx": "react-jsx",
"jsxImportSource": "preact", "jsxImportSource": "preact",
/* Linting */
"strict": true, "strict": true,
"noUnusedLocals": true, "noUnusedLocals": true,
"noUnusedParameters": true, "noUnusedParameters": true,
"noFallthroughCasesInSwitch": true, "noFallthroughCasesInSwitch": true,
"noUncheckedSideEffectImports": true "noUncheckedSideEffectImports": true
}, },
"include": [ "include": ["src"]
"src" }
]
}

10
tsconfig.json
View file

@ -1,11 +1,7 @@
{ {
"files": [], "files": [],
"references": [ "references": [
{ { "path": "./tsconfig.app.json" },
"path": "./tsconfig.app.json" { "path": "./tsconfig.node.json" }
},
{
"path": "./tsconfig.node.json"
}
] ]
} }

14
tsconfig.node.json
View file

@ -2,23 +2,23 @@
"compilerOptions": { "compilerOptions": {
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
"target": "ES2022", "target": "ES2022",
"lib": [ "lib": ["ES2023"],
"ES2023"
],
"module": "ESNext", "module": "ESNext",
"skipLibCheck": true, "skipLibCheck": true,
/* Bundler mode */
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowImportingTsExtensions": true, "allowImportingTsExtensions": true,
"isolatedModules": true, "isolatedModules": true,
"moduleDetection": "force", "moduleDetection": "force",
"noEmit": true, "noEmit": true,
/* Linting */
"strict": true, "strict": true,
"noUnusedLocals": true, "noUnusedLocals": true,
"noUnusedParameters": true, "noUnusedParameters": true,
"noFallthroughCasesInSwitch": true, "noFallthroughCasesInSwitch": true,
"noUncheckedSideEffectImports": true "noUncheckedSideEffectImports": true
}, },
"include": [ "include": ["vite.config.ts"]
"vite.config.ts" }
]
}

2
vite.config.ts
View file

@ -17,7 +17,7 @@ export default defineConfig({
}) })
] ]
} }
} : { transformer: "lightningcss" } } : {transformer: "lightningcss"}
}, },
build: { build: {
cssMinify: "lightningcss", cssMinify: "lightningcss",