Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-02 13:33:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

lighthouse requirements

Browse Source
This commit is contained in:
Ben Phelps 2022-09-26 15:03:02 +03:00
parent 990ae8464e
commit 086bfa310f
9 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/bookmarks/item.jsx
View File

@ -20,7 +20,7 @@ export default function Item({ bookmark }) {
</div> </div>
<div className="flex-1 flex items-center justify-between rounded-r-md "> <div className="flex-1 flex items-center justify-between rounded-r-md ">
<div className="flex-1 grow pl-3 py-2 text-xs">{bookmark.name}</div> <div className="flex-1 grow pl-3 py-2 text-xs">{bookmark.name}</div>
<div className="px-2 py-2 truncate text-theme-500 dark:text-theme-400 opacity-50 text-xs">{hostname}</div> <div className="px-2 py-2 truncate text-theme-500 dark:text-theme-400 text-xs">{hostname}</div>
</div> </div>
</div> </div>
</a> </a>

2
src/components/color-toggle.jsx
View File

@ -45,6 +45,7 @@ export default function ColorToggle() {
className="h-5 w-5 text-theme-800 dark:text-theme-200 transition duration-150 ease-in-out" className="h-5 w-5 text-theme-800 dark:text-theme-200 transition duration-150 ease-in-out"
aria-hidden="true" aria-hidden="true"
/> />
<span className="sr-only">Change color</span>
</Popover.Button> </Popover.Button>
<Transition <Transition
as={Fragment} as={Fragment}
@ -67,6 +68,7 @@ export default function ColorToggle() {
`rounded-md w-5 h-5 border-black/50 dark:border-white/50 theme-${color} bg-theme-400` `rounded-md w-5 h-5 border-black/50 dark:border-white/50 theme-${color} bg-theme-400`
)} )}
/> />
<span className="sr-only">{color}</span>
</button> </button>
))} ))}
</div> </div>

1
src/components/services/item.jsx
View File

@ -93,6 +93,7 @@ export default function Item({ service }) {
className="flex-shrink-0 flex items-center justify-center w-12 cursor-pointer" className="flex-shrink-0 flex items-center justify-center w-12 cursor-pointer"
> >
<Status service={service} /> <Status service={service} />
<span className="sr-only">View container stats</span>
</button> </button>
)} )}
</div> </div>

4
src/components/version.jsx
View File

@ -26,7 +26,7 @@ export default function Version() {
return ( return (
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
<span className="text-xs text-theme-500 opacity-50"> <span className="text-xs text-theme-500">
{version} ({revision.substring(0, 7)}, {formatDate(buildTime)}) {version} ({revision.substring(0, 7)}, {formatDate(buildTime)})
</span> </span>
{version === "main" || version === "dev" {version === "main" || version === "dev"
@ -37,7 +37,7 @@ export default function Version() {
href={latestRelease.html_url} href={latestRelease.html_url}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="ml-2 text-xs text-theme-500 opacity-50 flex flex-row items-center" className="ml-2 text-xs text-theme-500 flex flex-row items-center"
> >
<MdNewReleases className="mr-1" /> {t("Update Available")} <MdNewReleases className="mr-1" /> {t("Update Available")}
</a> </a>

2
src/components/widgets/openweathermap/weather.jsx
View File

@ -98,7 +98,7 @@ export default function OpenWeatherMap({ options }) {
} }
}; };
if (!requesting && !location) requestLocation(); // if (!requesting && !location) requestLocation();
if (!location) { if (!location) {
return ( return (

1
src/components/widgets/search/search.jsx
View File

@ -81,6 +81,7 @@ export default function Search({ options }) {
focus:ring-theme-500 dark:focus:ring-white/50" focus:ring-theme-500 dark:focus:ring-white/50"
> >
<provider.icon className="text-white w-3 h-3" /> <provider.icon className="text-white w-3 h-3" />
<span className="sr-only">{t("search.search")}</span>
</button> </button>
</form> </form>
); );

2
src/components/widgets/weather/weather.jsx
View File

@ -99,7 +99,7 @@ export default function WeatherApi({ options }) {
} }
}; };
if (!requesting && !location) requestLocation(); // if (!requesting && !location) requestLocation();
if (!location) { if (!location) {
return ( return (

5
src/pages/_document.jsx
View File

@ -4,7 +4,10 @@ export default function Document() {
return ( return (
<Html> <Html>
<Head> <Head>
<meta description="A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations." /> <meta
name="description"
content="A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations."
/>
</Head> </Head>
<body className="relative w-full h-full bg-theme-50 dark:bg-theme-800 transition duration-150 ease-in-out"> <body className="relative w-full h-full bg-theme-50 dark:bg-theme-800 transition duration-150 ease-in-out">
<Main /> <Main />

8
src/styles/manrope.css
View File

@ -8,46 +8,54 @@
letter-spacing: 0.25px; letter-spacing: 0.25px;
font-weight: 400; font-weight: 400;
src: local("Arial"); src: local("Arial");
font-display: swap;
} }
@font-face { @font-face {
font-family: "Manrope"; font-family: "Manrope";
font-weight: 200; font-weight: 200;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
font-display: swap;
} }
@font-face { @font-face {
font-family: "Manrope"; font-family: "Manrope";
font-weight: 300; font-weight: 300;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
font-display: swap;
} }
@font-face { @font-face {
font-family: "Manrope"; font-family: "Manrope";
font-weight: 400; font-weight: 400;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
font-display: swap;
} }
@font-face { @font-face {
font-family: "Manrope"; font-family: "Manrope";
font-weight: 500; font-weight: 500;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
font-display: swap;
} }
@font-face { @font-face {
font-family: "Manrope"; font-family: "Manrope";
font-weight: 600; font-weight: 600;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
font-display: swap;
} }
@font-face { @font-face {
font-family: "Manrope"; font-family: "Manrope";
font-weight: 700; font-weight: 700;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
font-display: swap;
} }
@font-face { @font-face {
font-family: "Manrope"; font-family: "Manrope";
font-weight: 800; font-weight: 800;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
font-display: swap;
} }