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

Compare commits

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

3 commits
8135261352 ... 3485d865e8

Author SHA1 Message Date
wont-stream
3485d865e8 linting
Some checks failed
Code quality checks / biome (push) Failing after 10s
Details
2025-04-10 19:20:11 -04:00
wont-stream
4f6623efe9 formatting 2025-04-10 19:17:35 -04:00
wont-stream
c7f2f4aeae Linting 2025-04-10 19:16:51 -04:00
13 changed files with 2393 additions and 692 deletions
Download patch file Download diff file Expand all files Collapse all files

3
biome.json
View file

@ -27,9 +27,8 @@
"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,15 +1,18 @@
<!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>
<meta charset="UTF-8" /> <head>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" id="favicon" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" id="favicon" />
<meta name="color-scheme" content="light dark"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="A New Tab Page." /> <meta name="color-scheme" content="light dark">
<title>New Tab</title> <meta name="description" content="A New Tab Page." />
</head> <title>New Tab</title>
<body> </head>
<div id="app"></div>
<script type="module" src="/src/main.tsx" defer></script> <body>
</body> <div id="app"></div>
</html> <script type="module" src="/src/main.tsx" defer></script>
</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 role="search" action={localStorage.getItem("searchEngine") || ""} method="get"> <form action={localStorage.getItem("searchEngine") || ""} method="get">
<input class="form-control me-2" autoFocus type="search" placeholder={`Search with ${localStorage.getItem("searchEngineName")}`} aria-label="Search with Google" name="q" /> <input class="form-control me-2" 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" role="search"> <div class="d-flex hstack gap-2">
<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.getElementById("html")!.dataset; const dataset = document.documentElement.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">
<a class="sidebar-brand" href="#"> <span class="sidebar-brand">
. .
</a> </span>
<button type="button" class="btn-close d-md-none" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#sidebar-example"></button> <button type="button" class="btn-close d-md-none" data-bs-dismiss="offcanvas" data-bs-target="#sidebar-example" />
</div> </div>
<div class="offcanvas-body"> <div class="offcanvas-body">
<label>Name</label> <h6>Name</h6>
<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" aria-label="Set Name" /> <input name="userName" class="form-control me-2" placeholder="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" />
<label>Search Engine</label> <h6>Search Engine</h6>
<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" aria-label="Set Search Engine" /> <input name="engine" class="form-control me-2" placeholder="e.g. https://google.com/search" />
<br /> <br />
<input name="engineName" class="form-control me-2" placeholder="e.g. Google" aria-label="Set Search Engine Name" /> <input name="engineName" class="form-control me-2" placeholder="e.g. Google" />
<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" />
<label>Weather Location</label> <h6>Weather Location</h6>
<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" aria-label="Set Search Engine" /> <input name="location" class="form-control me-2" placeholder="Leave blank for current location" />
<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" />
<label>Color Scheme</label> <h6>Color Scheme</h6>
<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" onClick={() => { localStorage.setItem("colorScheme", "auto"); location.reload() }}>Auto</button> <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "auto"); location.reload() }}>Auto</button>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "light"); dataset.bsTheme = "light" }}>Light</button> <button class="btn btn-primary" type={"button"} 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" onClick={() => { localStorage.setItem("colorScheme", "dark"); dataset.bsTheme = "dark" }}>Dark</button> <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "dark"); dataset.bsTheme = "dark" }}>Dark</button>
</li> </li>
</ul> </ul>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<label>Theme</label> <h6>Theme</h6>
<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" onClick={() => { localStorage.setItem("theme", "default"); dataset.bsCore = "default" }}>Default</button> <button class="btn btn-primary" type={"button"} 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" onClick={() => { localStorage.setItem("theme", "modern"); dataset.bsCore = "modern" }}>Modern</button> <button class="btn btn-primary" type={"button"} 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" onClick={() => { localStorage.setItem("theme", "elegant"); dataset.bsCore = "elegant" }}>Elegant</button> <button class="btn btn-primary" type={"button"} 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" onClick={() => {localStorage.setItem("sidebar", "false"); location.reload()}}>Save & Close</button> <button class="btn btn-secondary" type={"button"} onClick={() => { localStorage.setItem("sidebar", "false"); location.reload() }}>Save & Close</button>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<label>About</label> <h6>About</h6>
<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.getElementById("html")!.dataset; const dataset = document.documentElement.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')!) render(<App />, document.getElementById('app') as HTMLElement || document.body)

24
tsconfig.app.json
View file

@ -4,14 +4,20 @@
"target": "ES2020", "target": "ES2020",
"useDefineForClassFields": true, "useDefineForClassFields": true,
"module": "ESNext", "module": "ESNext",
"lib": ["ES2020", "DOM", "DOM.Iterable"], "lib": [
"ES2020",
"DOM",
"DOM.Iterable"
],
"skipLibCheck": true, "skipLibCheck": true,
"paths": { "paths": {
"react": ["./node_modules/preact/compat/"], "react": [
"react-dom": ["./node_modules/preact/compat/"] "./node_modules/preact/compat/"
],
"react-dom": [
"./node_modules/preact/compat/"
]
}, },
/* Bundler mode */
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowImportingTsExtensions": true, "allowImportingTsExtensions": true,
"isolatedModules": true, "isolatedModules": true,
@ -19,13 +25,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": ["src"] "include": [
} "src"
]
}

10
tsconfig.json
View file

@ -1,7 +1,11 @@
{ {
"files": [], "files": [],
"references": [ "references": [
{ "path": "./tsconfig.app.json" }, {
{ "path": "./tsconfig.node.json" } "path": "./tsconfig.app.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": ["ES2023"], "lib": [
"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": ["vite.config.ts"] "include": [
} "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",