diff --git a/README.md b/README.md index ceb9d7c..5966f89 100644 --- a/README.md +++ b/README.md @@ -8,27 +8,29 @@ - `when-dark-theme`: only display element if the current theme is dark (manually or automatically) - `when-light-theme`: only display element if the current theme is light (manually or automatically) +- `when-no-print`: only display when not printing + - `hide-scrollbar`: hide the element scrollbar - `texture-dots`: add a background paper like texture to the element - `font-serif`: by default, everything use sans-serif. Use this class to make the font serif. +- `high-contrast-text`: add a shadow around the text to increase perceived contrast. +- `prose`: apply typography rules. Useful for main text content ## CSS Component classes - `pressable-icon`: used to make a SVG/Text look pressable -- `keycap`: used to make an element look like a pressable keycap +- `pressable`: used to make a container look pressable ## CSS Global Variables - `--color-base-X`: the current theme colors. X can be between 0 and 1000, available in increments of 50. - `--font-serif`: by default, everything use sans-serif. Use this variable to make the font serif. - ## Translations For all the following exemples, the spaces within the double curly braces are important. - ### Variables Variables allow to embed strings or numbers within a translation. @@ -116,4 +118,4 @@ If then you call: It will produce `Return to Home` -`Return back` \ No newline at end of file +`Return back` diff --git a/public/img/android-chrome-192x192.png b/public/img/android-chrome-192x192.png new file mode 100644 index 0000000..63c06a6 Binary files /dev/null and b/public/img/android-chrome-192x192.png differ diff --git a/public/img/android-chrome-512x512.png b/public/img/android-chrome-512x512.png new file mode 100644 index 0000000..7865b6f Binary files /dev/null and b/public/img/android-chrome-512x512.png differ diff --git a/public/img/bg-home2.webp b/public/img/bg-home2.webp new file mode 100644 index 0000000..105477e Binary files /dev/null and b/public/img/bg-home2.webp differ diff --git a/public/site.webmanifest b/public/site.webmanifest new file mode 100644 index 0000000..924ddfb --- /dev/null +++ b/public/site.webmanifest @@ -0,0 +1,59 @@ +{ + "background_color": "#27231e", + "theme_color": "#27231e", + "categories": ["books", "education", "entertainment", "news", "games"], + "description": "Accord's Library aims at gathering and archiving all of Yoko Taro’s work. Yoko Taro is a Japanese video game director and scenario writer.", + "dir": "auto", + "display": "standalone", + + "icons": [ + { + "src": "/img/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/img/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + + "name": "Accord's Library", + "short_name": "Accord's Lib", + "start_url": ".", + + "shortcuts": [ + { + "name": "Library", + "url": "/library", + "description": "Browse all physical and digital media" + }, + { + "name": "Contents", + "url": "/contents", + "description": "Explore all content and filter by type or category" + }, + { + "name": "Wiki", + "url": "/wiki", + "description": "An encyclopedia for everything related to DrakeNieR" + }, + { + "name": "Chronicles", + "url": "/chronicles", + "description": "Experience all events and content in chronological order" + }, + { + "name": "News", + "url": "/news", + "description": "All the latest info" + }, + { + "name": "Gallery", + "url": "/gallery", + "description": "Thousands of offcial artworks" + } + ] + +} diff --git a/src/components/AppLayout/AppEmptyLayout.astro b/src/components/AppLayout/AppEmptyLayout.astro new file mode 100644 index 0000000..dad44e9 --- /dev/null +++ b/src/components/AppLayout/AppEmptyLayout.astro @@ -0,0 +1,44 @@ +--- +import Html from "./components/Html.astro"; +import Topbar from "./components/Topbar.astro"; +import Footer from "./components/Footer.astro"; +import type { ComponentProps } from "astro/types"; + +interface Props { + parentPages?: ComponentProps["parentPages"]; + metaTitle?: string; + hideFooterLinks?: boolean; +} + +const { metaTitle, hideFooterLinks = false, parentPages } = Astro.props; +--- + +{ + /* ------------------------------------------- HTML ------------------------------------------- */ +} + + +
+ +
+
+