2024-01-27 05:42:45 +00:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
<!--
Notice the use of %BASE_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
2024-01-27 05:54:20 +00:00
Unlike "/favicon.ico" or "favicon.ico", "%BASE_URL%favicon.ico" will
2024-01-27 05:42:45 +00:00
work correctly both with client-side routing and a non-root public URL.
-->
2024-01-27 05:54:20 +00:00
< link rel = "icon" type = "image/png" sizes = "32x32" href = "%BASE_URL%favicon-32x32.png" >
2024-01-27 05:42:45 +00:00
< title > Keycloakify starter< / title >
2024-05-10 17:34:53 +00:00
<!-- NOTE: Here we import the WorkSans font as an example of how to import self hosted custom fonts. Don't keep it in your actual theme!
SEE: https://docs.keycloakify.dev/limitations#self-hosted-fonts
Don't forget to import your custom fonts in Storybook as well: https://github.com/keycloakify/keycloakify-starter/blob/bb019e66fb09166cb9af1e24e230994f59daa420/src/keycloak-theme/login/createPageStory.tsx#L21
-->
2024-01-27 05:54:20 +00:00
< link rel = "preload" href = "%BASE_URL%fonts/WorkSans/worksans-bold-webfont.woff2" as = "font" crossorigin = "anonymous" >
< link rel = "preload" href = "%BASE_URL%fonts/WorkSans/worksans-medium-webfont.woff2" as = "font" crossorigin = "anonymous" >
< link rel = "preload" href = "%BASE_URL%fonts/WorkSans/worksans-regular-webfont.woff2" as = "font" crossorigin = "anonymous" >
< link rel = "preload" href = "%BASE_URL%fonts/WorkSans/worksans-semibold-webfont.woff2" as = "font" crossorigin = "anonymous" >
2024-01-27 05:42:45 +00:00
< style >
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: normal;
/*400*/
font-display: swap;
2024-01-27 05:54:20 +00:00
src: url("%BASE_URL%fonts/WorkSans/worksans-regular-webfont.woff2") format("woff2");
2024-01-27 05:42:45 +00:00
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
2024-01-27 05:54:20 +00:00
src: url("%BASE_URL%fonts/WorkSans/worksans-medium-webfont.woff2") format("woff2");
2024-01-27 05:42:45 +00:00
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
2024-01-27 05:54:20 +00:00
src: url("%BASE_URL%fonts/WorkSans/worksans-semibold-webfont.woff2") format("woff2");
2024-01-27 05:42:45 +00:00
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: bold;
/*700*/
font-display: swap;
2024-01-27 05:54:20 +00:00
src: url("%BASE_URL%fonts/WorkSans/worksans-bold-webfont.woff2") format("woff2");
2024-01-27 05:42:45 +00:00
}
< / style >
< meta name = "keycloakify-ignore-start" >
< script > console . log ( "This is logged Only in the main app, stripped out in the theme" ) < / script >
< meta name = "keycloakify-ignore-end" >
< / head >
< body >
< div id = "root" > < / div >
< script type = "module" src = "/src/main.tsx" > < / script >
< / body >
< / html >
