zoeissleeping/passport
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

Better docs, bug fixes, and config structure

Browse Source 
The project now uses a more sensible config structure to allow for
actual defaults. Passport now has NO reliance on javascript whatsoever,
and can be used identically without javascript enabled.
This commit is contained in:
Zoe
2025-04-09 04:48:38 -05:00
parent 4d7233f32c
commit bf466b26ac
8 changed files with 174 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
templates/views/index.hbs
View File

@@ -1,7 +1,7 @@
<main class="grid grid-rows-3 grid-cols-[1fr] justify-center items-center h-screen bg-[#0E0A0E]">
<div class="flex h-full p-2.5 justify-between">
<div class="flex h-full p-2.5 justify-between">
<div>
{{#if WeatherData}}
{{#if WeatherData}}
<div class="text-[#BABABA] flex items-center">
<span class="mr-2 flex items-center">
{{{WeatherData.Icon}}}
@@ -11,10 +11,10 @@
<p>{{WeatherData.Desc}}</p>
</div>
</div>
{{/if}}
{{/if}}
</div>
<div>
{{#if UptimeData}}
{{#if UptimeData}}
<div class="text-[#BABABA] flex items-end flex-col">
{{#each UptimeData}}
<div class="flex items-center">
@@ -33,12 +33,12 @@
</div>
{{/each}}
</div>
{{/if}}
{{/if}}
</div>
</div>
<div class="row-start-2 flex flex-col items-center w-full px-6">
<div class="flex items-center pb-2.5">
<svg class="mr-3 aspect-square w-[clamp(48px,10vw,60px)]" viewBox="0 0 100 100" fill="none"
<svg class="mr-3 aspect-square w-[clamp(42px,10vw,60px)]" viewBox="0 0 100 100" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="12.1483" y="24.7693" width="70" height="47" rx="12" transform="rotate(14.63 12.1483 24.7693)"
fill="url(#paint0_linear_20_10)" />
@@ -60,9 +60,11 @@
</svg>
<h1>Passport</h1>
</div>
<input id="search-input"
class="w-full max-w-3xl bg-[#1C1C21] border border-[#56565b]/30 rounded-full px-3 py-1 text-white h-7 focus-visible:outline-none placeholder:italic placeholder:text-[#434343]"
placeholder="Search..." />
<form class="w-full max-w-3xl" action="{{ SearchProviderURL }}" method="GET">
<input name="{{ SearchParam }}" aria-label="Search bar"
class="w-full bg-[#1C1C21] border border-[#56565b]/30 rounded-full px-3 py-1 text-white h-7 focus-visible:outline-none placeholder:italic placeholder:text-[#434343]"
placeholder="Search..." />
</form>
</div>
</main>
<section class="flex justify-center w-full">
@@ -89,15 +91,4 @@
</div>
{{/each}}
</div>
</section>
<script>
let search_input = document.getElementById("search-input");
let search_provider = "{{ SearchProvider }}";
// on enter key press
search_input.addEventListener("keyup", function (event) {
if (event.key === "Enter") {
window.location.href = search_provider.replace("%s", search_input.value);
}
});
</script>
</section>