new file: a.out
new file: assets/conversatorai/fonts/SF-Pro-Display-Semibold.otf new file: assets/conversatorai/fonts/SF-Pro-Text-Regular.otf new file: assets/conversatorai/fonts/SF-Pro-Text-Regular.txt new file: assets/conversatorai/fonts/SF-Pro-Text-Regular_richtig.txt new file: assets/conversatorai/index.html new file: assets/conversatorai/scripts/all.js new file: assets/conversatorai/scripts/voice.js new file: assets/conversatorai/styles/all.css new file: assets/conversatorai/styles/mobile.css new file: assets/examples/rating/index.html new file: assets/fonts/SF-Pro-Display-Semibold.otf new file: assets/fonts/SF-Pro-Text-Regular.otf new file: assets/fonts/SF-Pro-Text-Semibold.otf new file: assets/i18n/de/main.js new file: assets/i18n/de/nav/globalfooter.js new file: assets/i18n/de/nav/menus/moreoptions.js new file: assets/i18n/de/pages/contact.js new file: assets/i18n/de/pages/files.js new file: assets/i18n/de/pages/home.js new file: assets/i18n/de/pages/index.js new file: assets/i18n/de/pages/login.js new file: assets/i18n/de/pages/signup.js new file: assets/i18n/de/popups/set-client-language.js new file: assets/i18n/de/private-application-banner.js new file: assets/i18n/de/search.js new file: assets/i18n/en/nav/globalfooter.js new file: assets/i18n/en/nav/menus/moreoptions.js new file: assets/i18n/en/pages/contact.js new file: assets/i18n/en/pages/files.js new file: assets/i18n/en/pages/home.js new file: assets/i18n/en/pages/i18n.js new file: assets/i18n/en/pages/index.js new file: assets/i18n/en/pages/login.js new file: assets/i18n/en/pages/signup.js new file: assets/i18n/en/popups/set-client-language.js new file: assets/i18n/en/private-application-banner.js new file: assets/i18n/en/search.js new file: assets/i18n/it/nav/globalfooter.js new file: assets/i18n/it/nav/menus/moreoptions.js new file: assets/i18n/it/pages/contact.js new file: assets/i18n/it/pages/files.js new file: assets/i18n/it/pages/home.js new file: assets/i18n/it/pages/index.js new file: assets/i18n/it/pages/login.js new file: assets/i18n/it/pages/signup.js new file: assets/i18n/it/popups/set-client-language.js new file: assets/i18n/it/private-application-banner.js new file: assets/i18n/it/search.js new file: assets/i18n/ui-labels/de/main.js new file: assets/i18n/ui-labels/en/main.js new file: assets/i18n/ui-labels/it/main.js new file: assets/img/apps/symbols/logo-150x150.png new file: assets/img/apps/symbols/logo-150x150.svg new file: assets/img/background.jfif new file: assets/img/check/main.svg new file: assets/img/favicon.ico new file: assets/img/favicon.png new file: assets/img/jcloud-ui-icons/angle-down.svg new file: assets/img/jcloud-ui-icons/angle-left.svg new file: assets/img/jcloud-ui-icons/angle-right.svg new file: assets/img/jcloud-ui-icons/angle-up.svg new file: assets/img/jcloud-ui-icons/autocomplete-insert.svg new file: assets/img/jcloud-ui-icons/folder-plus.svg new file: assets/img/jcloud-ui-icons/refresh.svg new file: assets/img/jcloud-ui-icons/search.svg new file: assets/img/jcloud-ui-icons/selected.svg new file: assets/img/jcloud-ui-icons/upload.svg new file: assets/img/logo/logo-30x45.svg new file: assets/img/logo/logo.svg new file: assets/img/nav/go/main.svg new file: assets/img/nav/moreoptions/more-options.svg new file: assets/img/qc/brightness/high.svg new file: assets/img/qc/brightness/low.svg new file: assets/img/qc/notifications/bell.svg new file: assets/img/qc/notifications/dnd.svg new file: assets/img/search.svg new file: assets/legal/de/termsofuse.markdown new file: assets/manifest.webmanifest new file: assets/scripts/change-language/main.js new file: assets/scripts/components/files-item.component.js new file: assets/scripts/constants/main.js new file: assets/scripts/constants/main.min.js new file: assets/scripts/constants/ui-labels/de/main.js new file: assets/scripts/constants/ui-labels/de/main.min.js new file: assets/scripts/constants/ui-labels/en/main.js new file: assets/scripts/constants/ui-labels/en/main.min.js new file: assets/scripts/constants/ui-labels/it/main.js new file: assets/scripts/constants/ui-labels/it/main.min.js new file: assets/scripts/constants/ui-labels/main.js new file: assets/scripts/constants/ui-labels/main.min.js new file: assets/scripts/contact/main.js new file: assets/scripts/contact/main.min.js new file: assets/scripts/elements/dropdown/main.js new file: assets/scripts/elements/dropdown/main.min.js new file: assets/scripts/files/main.js new file: assets/scripts/files/main.min.js new file: assets/scripts/home/main.js new file: assets/scripts/i18n/main.js new file: assets/scripts/i18n/main.min.js new file: assets/scripts/init/init.js new file: assets/scripts/init/init.min.js new file: assets/scripts/main/main.js new file: assets/scripts/main/main.min.js new file: assets/scripts/nav/menus/moreoptions/main.js new file: assets/scripts/nav/menus/moreoptions/main.min.js new file: assets/scripts/popups/change-language/main.js new file: assets/scripts/popups/change-language/main.min.js new file: assets/scripts/popups/popups.js new file: assets/scripts/popups/popups.min.js new file: assets/scripts/scroll/main.js new file: assets/scripts/scroll/main.min.js new file: assets/scripts/search/main.js new file: assets/scripts/tools/main.js new file: assets/scripts/tools/main.min.js new file: assets/scripts/users/main.js new file: assets/scripts/users/main.min.js new file: assets/sitemap.xml new file: assets/styles/elements/apportionment/main.css new file: assets/styles/elements/banners/main.css new file: assets/styles/elements/buttons/main.css new file: assets/styles/elements/checkbox/main.css new file: assets/styles/elements/dropdown/main.css new file: assets/styles/elements/flexbox/main.css new file: assets/styles/elements/inputs/main.css new file: assets/styles/elements/jcloud-ui/dialogs/main.css new file: assets/styles/elements/jcloud-ui/dialogs/mobile/main.css new file: assets/styles/elements/jcloud-ui/dialogs/prompt.css new file: assets/styles/elements/jcloud-ui/dialogs/tablet/main.css new file: assets/styles/elements/jcloud-ui/overlays.css new file: assets/styles/elements/jcloud-ui/textures/glass/main.css new file: assets/styles/elements/lists/actions-list/main.css new file: assets/styles/elements/lists/items-list/main.css new file: assets/styles/elements/lists/items-list/mobile.css new file: assets/styles/elements/main-elements/dark.css new file: assets/styles/elements/main-elements/desktop/main.css new file: assets/styles/elements/main-elements/desktop/main.min.css new file: assets/styles/elements/main-elements/main.css new file: assets/styles/elements/main-elements/mobile/main.css new file: assets/styles/elements/main-elements/tablet/main.css new file: assets/styles/elements/main-elements/tablet_and_desktop/main.css new file: assets/styles/elements/main-elements/tablet_and_desktop/main.min.css new file: assets/styles/elements/page-indicator/main.css new file: assets/styles/font-faces/main.css new file: assets/styles/loaders/loading/main.css new file: assets/styles/loaders/main.css new file: assets/styles/modules/contact/main.css new file: assets/styles/modules/contact/mobile.css new file: assets/styles/modules/files/main.css new file: assets/styles/modules/files/mobile.css new file: assets/styles/modules/home/main.css new file: assets/styles/modules/home/mobile.css new file: assets/styles/modules/home/tablet_and_desktop.css new file: assets/styles/modules/login/main.css new file: assets/styles/modules/search/main.css new file: assets/styles/modules/startpage/main.css new file: assets/styles/modules/startpage/mobile.css new file: assets/styles/modules/startpage/tablet_and_desktop.css new file: assets/styles/nav/globalfooter/main.css new file: assets/styles/nav/globalnav/main.css new file: assets/styles/nav/menus/moreoptions/main.css new file: assets/styles/var/main.css new file: bak new file: index.html new file: index2.html new file: jokisches-reich/Aemter.pdf new file: jokisches-reich/assets/fonts/Noto-Sans/NotoSans-Italic-VariableFont_wdth,wght.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/NotoSans-VariableFont_wdth,wght.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/OFL.txt new file: jokisches-reich/assets/fonts/Noto-Sans/README.txt new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/NotoSerif-Italic-VariableFont_wdth,wght.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/NotoSerif-VariableFont_wdth,wght.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/OFL.txt new file: jokisches-reich/assets/fonts/Noto-Serif/README.txt new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-eot.eot new file: jokisches-reich/assets/images/flag.jpg new file: jokisches-reich/assets/images/flag.png new file: jokisches-reich/assets/images/flag.svg new file: jokisches-reich/assets/manifest.webmanifest new file: jokisches-reich/assets/styles/main/main.css new file: jokisches-reich/geschichte/index.html new file: jokisches-reich/geschichte/informationen/index.html new file: jokisches-reich/gesetze/assets/styles/main/main.css new file: jokisches-reich/gesetze/index.html new file: jokisches-reich/gesetze/verfassung/index.html new file: jokisches-reich/index.html new file: jokisches-reich/internationales/assets/images/id-card-solid.jpg new file: jokisches-reich/internationales/assets/images/id-card-solid.svg new file: jokisches-reich/internationales/index.html new file: jokisches-reich/internationales/staatsbuergerschaft/index.html new file: jokisches-reich/presse/index.html new file: jokisches-reich/presse/kurzmeldungen/564878/index.html new file: jokisches-reich/presse/kurzmeldungen/753042/index.html new file: jokisches-reich/presse/kurzmeldungen/index.html new file: jokisches-reich/regierung/index.html new file: jokisches-reich/regierung/ministerien/finanzministerium/index.html new file: jokisches-reich/regierung/ministerien/index.html new file: jokisches-reich/regierung/ministerien/ministerium-fuer-aeussere-angelegenheiten/index.html new file: jokisches-reich/regierung/ministerien/ministerium-fuer-digitales/index.html new file: jokisches-reich/regierung/ministerien/ministerium-fuer-innere-angelegenheiten/index.html new file: jokisches-reich/regierung/ministerien/ministerium-fuer-wirtschaft/index.html new file: jokisches-reich/regierung/ministerien/verkehrsministerium/index.html new file: jokisches-reich/regierung/ministerien/verteidigungsministerium/index.html new file: jokisches-reich/sitemap/index.html new file: jokisches-reich/wirtschaft/assets/images/geldscheine-euro.jpg new file: jokisches-reich/wirtschaft/assets/images/gewinndiagramm-steigend.jpg new file: jokisches-reich/wirtschaft/assets/images/jok.png new file: jokisches-reich/wirtschaft/assets/images/jok.svg new file: jokisches-reich/wirtschaft/boerse/index.html new file: jokisches-reich/wirtschaft/index.html new file: jokisches-reich/wirtschaft/jok/index.html new file: legal/user-consent/de/index.html new file: legal/user-consent/en/index.html new file: legal/user-consent/it/index.html new file: seekra/index.html new file: seekra/sign-in-test/index.html new file: seekra/sign-in/index.html new file: seekra/static/aes/index.html new file: seekra/static/aes/main.js new file: seekra/static/img/favicon.ico new file: seekra/static/img/favicon.jpeg new file: seekra/static/img/favicon.png new file: seekra/static/img/favicon/Unbenannt.png new file: seekra/static/img/favicon/favicon.ico new file: seekra/static/img/favicon/favicon.png new file: seekra/static/img/favicon/favicon.svg new file: seekra/static/img/search/magnifying-glass.svg new file: seekra/static/img/user/main.svg new file: seekra/static/skr-clientlib/scripts/js/account/main.js new file: seekra/static/skr-clientlib/scripts/js/tools/main.js new file: seekra/static/skr-clientlib/styles/css/dark/var/main.css new file: seekra/static/skr-clientlib/styles/css/elements/inputs/main.css new file: seekra/static/skr-clientlib/styles/css/footer/globalfooter/main.css new file: seekra/static/skr-clientlib/styles/css/main/main.css new file: seekra/static/skr-clientlib/styles/css/nav/globalnav/navbar/main.css new file: seekra/static/skr-clientlib/styles/css/var/main.css
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
#contact {
|
||||
padding: 80px 100px;
|
||||
}
|
||||
|
||||
#contact-heading {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
#contact-form {
|
||||
display: flex;
|
||||
gap: 30px;
|
||||
flex-direction: column;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
#contact-form-email-container {
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
#contact-form-textarea {
|
||||
resize: none !important;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#contact-request-number-container {
|
||||
margin: 50px 0;
|
||||
width: 500px;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
#contact-heading {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#contact {
|
||||
padding: 80px 50px;
|
||||
}
|
||||
|
||||
#contact-form {
|
||||
width: calc(100vw - 100px);
|
||||
}
|
||||
@@ -0,0 +1,145 @@
|
||||
#files {
|
||||
padding: 20px 100px;
|
||||
}
|
||||
|
||||
#files-quick-actions {
|
||||
margin-bottom: 20px;
|
||||
display: grid;
|
||||
align-items: center;
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
justify-self: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#files-quick-actions-new {
|
||||
grid-column: 2;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
#files-quick-actions-sort-by {
|
||||
grid-column: 3;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#files-list {
|
||||
color: var(--gray);
|
||||
font-weight: light;
|
||||
}
|
||||
|
||||
.files-list-item-path {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
#files-add-trigger {
|
||||
line-height: 11px;
|
||||
z-index: 2;
|
||||
margin: 50px;
|
||||
border-radius: 18.5px;
|
||||
padding: 13px !important;
|
||||
text-align: left;
|
||||
width: 11px;
|
||||
transition: width 0.2s ease;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
#files-item-actions::backdrop {
|
||||
pointer-events: auto !important;
|
||||
}
|
||||
|
||||
#files-item-properties-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#files-item-properties-header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 17px 0;
|
||||
border-bottom: 1px solid var(--very-much-lighter-than-gray);
|
||||
}
|
||||
|
||||
#files-item-properties-heading,
|
||||
#files-item-properties-information-heading {
|
||||
font-size: 17px;
|
||||
margin: 0;
|
||||
font-family: 'SF-Pro-Text-Regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
|
||||
}
|
||||
|
||||
#files-item-properties-information-heading {
|
||||
margin: 13px 0;
|
||||
}
|
||||
|
||||
#files-item-properties-inner-content {
|
||||
padding: 20px;
|
||||
font-size: 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: end;
|
||||
height: calc(100% - 96px);
|
||||
}
|
||||
|
||||
#files-item-properties-name {
|
||||
font-size: 18px;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
#files-item-properties-summary-wrapper {
|
||||
margin-bottom: 8px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#files-item-properties-summary-size:not([data-empty='true'])::before {
|
||||
content: " · ";
|
||||
}
|
||||
|
||||
#files-item-properties-table {
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.files-item-properties-table-row::before {
|
||||
display: block;
|
||||
width: calc(100% - 40px);
|
||||
height: 1px;
|
||||
background-color: var(--very-much-lighter-than-gray);
|
||||
content: "";
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.files-item-properties-table-row:first-child::before {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.files-item-properties-table-row td:first-child {
|
||||
color: var(--gray);
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.files-item-properties-table-row td:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#files-number-of-items-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 50px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.files-list-file td {
|
||||
max-width: calc(100% / 3);
|
||||
width: calc(100% / 3);
|
||||
}
|
||||
|
||||
.files-list-file td:first-child {
|
||||
border-top-left-radius: 8px;
|
||||
border-bottom-left-radius: 8px;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.files-list-file td:last-child {
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,52 @@
|
||||
#files {
|
||||
padding: 20px 30px;
|
||||
}
|
||||
|
||||
#files-list-labels {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#files-list-labels th:nth-child(1) {
|
||||
width: 100vw;
|
||||
max-width: 100vw;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#files-list-labels th:nth-child(2),
|
||||
#files-list-labels th:nth-child(3) {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.files-list-file td:nth-child(1) {
|
||||
border-radius: 8px;
|
||||
width: calc(100% - 40px);
|
||||
max-width: calc(100% - 40px);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.files-list-file td:nth-child(3) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.files-list-file.long-pressing {
|
||||
background-color: var(--very-much-lighter-than-gray) !important;
|
||||
}
|
||||
|
||||
.files-list-file.foreground {
|
||||
transform: scale(0.975) translate(-0.0125vw, 0.0125vw);
|
||||
transition: transform 0.1s ease;
|
||||
border-radius: 8px;
|
||||
background-color: initial;
|
||||
}
|
||||
|
||||
.files-list-file.foreground {
|
||||
transform: scale(0.975) translate(-0.0125vw, 0.0125vw);
|
||||
transition: transform 0.1s ease;
|
||||
border-radius: 8px;
|
||||
background-color: initial;
|
||||
}
|
||||
@@ -0,0 +1,171 @@
|
||||
.home {
|
||||
background-image: linear-gradient(135deg, var(--primary-color), #111861);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
height: 100%;
|
||||
width: 100vw;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.home-page {
|
||||
margin-top: 72px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.home-page-favorites {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 20;
|
||||
background-color: var(--light-background-opacity);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: calc(var(--home-page-item-br) + 15px);
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.home-page-favorites .home-page-icon {
|
||||
margin: 15px
|
||||
}
|
||||
|
||||
.home-page-icon {
|
||||
border-radius: var(--home-page-item-br);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
background-color: var(--light-background-much-opacity);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.normal-home-page-icon {
|
||||
height: 145px;
|
||||
width: 145px;
|
||||
}
|
||||
|
||||
.home-page-widget {
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
.home-page-widget .header-row {
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
background-color: var(--light-background-opacity);
|
||||
padding: 20px;
|
||||
border-top-left-radius: var(--home-page-item-br);
|
||||
border-top-right-radius: var(--home-page-item-br);
|
||||
font-weight: 600;
|
||||
font-size: 25px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
.home-page-widget .content {
|
||||
-webkit-backdrop-filter: var(--lots-of-content-blur);
|
||||
backdrop-filter: var(--lots-of-content-blur);
|
||||
padding: 20px;
|
||||
height: calc(100% - 114px);
|
||||
border-bottom-left-radius: var(--home-page-item-br);
|
||||
border-bottom-right-radius: var(--home-page-item-br);
|
||||
background: var(--light-background-much-opacity);
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
.normal-home-page-widget {
|
||||
width: 310px;
|
||||
height: 310px;
|
||||
}
|
||||
|
||||
.large-home-page-widget {
|
||||
height: 310px;
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.very-large-home-page-widget {
|
||||
width: 640px;
|
||||
height: 640px;
|
||||
}
|
||||
|
||||
.home-page-widget .home-page-widget-icon {
|
||||
font-size: 17px;
|
||||
font-weight: normal;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.home-page-items {
|
||||
display: grid;
|
||||
gap: 20px;
|
||||
grid-auto-rows: 145px;
|
||||
grid-template-columns: repeat(4, 145px);
|
||||
margin-bottom: 215px;
|
||||
}
|
||||
|
||||
.home-page-item {
|
||||
transition: transform 0.2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.home-page-item:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
summary {
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 25px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
summary::before {
|
||||
content: "";
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.user-details-storage-used_drive {
|
||||
background-color: var(--blue);
|
||||
}
|
||||
.user-details-storage-used_other {
|
||||
background-color: var(--blue);
|
||||
}
|
||||
|
||||
#user-details {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
gap: 70px;
|
||||
overflow-x: hidden
|
||||
}
|
||||
|
||||
#user-details section {
|
||||
flex: 1 1 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
#user-details-content section p {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
#user-details-ul {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.user-details-list-item {
|
||||
list-style: none;
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
:root {
|
||||
--home-page-item-br: 20px;
|
||||
}
|
||||
|
||||
.home-page {
|
||||
margin-top: 70px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.home-page-icon {
|
||||
width: 71px;
|
||||
height: 71px;
|
||||
}
|
||||
|
||||
.home-page-widget .content {
|
||||
height: 112px;
|
||||
border-radius: var(--home-page-item-br);
|
||||
}
|
||||
|
||||
.home-page-widget .header-row {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.normal-home-page-widget {
|
||||
height: 152px;
|
||||
width: 152px;
|
||||
}
|
||||
|
||||
.large-home-page-widget {
|
||||
width: 344px;
|
||||
height: 162px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.very-large-home-page-widget {
|
||||
width: 315px;
|
||||
height: 285px;
|
||||
}
|
||||
|
||||
.home-page-items {
|
||||
gap: 10px;
|
||||
grid-auto-rows: 71px;
|
||||
grid-template-columns: repeat(4, 71px);
|
||||
}
|
||||
|
||||
.home-page-favorites .home-page-icon {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.user-details-on-footer {
|
||||
justify-content: center;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.home-page-favorites {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
.login-header {
|
||||
font-size: 36px;
|
||||
margin-bottom: 50px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login-button-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
/* #login-button.show {
|
||||
height: 500px;
|
||||
width: 500px;
|
||||
box-shadow: 20px 20px 40px var(--window-shadow);
|
||||
padding: 80px;
|
||||
border-radius: 30px;
|
||||
} */
|
||||
/* #login-button.show {
|
||||
background-color: var(--light-background);
|
||||
}
|
||||
#login-button .content {
|
||||
transition: all 0.1s ease-in-out
|
||||
} */
|
||||
/* #login-button.show .content {
|
||||
opacity: 0;
|
||||
} */
|
||||
|
||||
#login-button {
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
box-sizing: border-box;
|
||||
transform: translateY(0);
|
||||
transition: all 0.2s ease-in-out;
|
||||
border-radius: 50px;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
|
||||
.login-options-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: 40px;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.login-email-input-with-submitted {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
#password {
|
||||
transition: all 0.5s ease;
|
||||
transition-delay: 0.5s;
|
||||
}
|
||||
|
||||
#password-container {
|
||||
transition: opacity 0.5s ease, transform 0.5s ease, margin 0.5s ease, width 0.5s ease;
|
||||
display: none;
|
||||
opacity: 1;
|
||||
transform: translateY(-20px);
|
||||
}
|
||||
|
||||
#password-container.show {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
@@ -0,0 +1,502 @@
|
||||
.search-trigger {
|
||||
--dim: 38px;
|
||||
--icon-dim: 26px;
|
||||
--expanded-width: min(50vw, 500px);
|
||||
--transition-duration: 0.1s;
|
||||
--transition-timing-function: ease-in;
|
||||
width: var(--dim);
|
||||
height: var(--dim);
|
||||
display: flex !important;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: calc(var(--dim) / 2);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: width var(--transition-duration) var(--transition-timing-function);
|
||||
}
|
||||
|
||||
.search-trigger.expanded {
|
||||
width: var(--expanded-width);
|
||||
outline: 1px outset rgba(50, 140, 239, 0.3);
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
|
||||
/* .search-trigger:hover {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
|
||||
box-shadow:
|
||||
inset 0 0.5px 1px rgba(255,255,255,0.45),
|
||||
inset 0 -8px 18px rgba(0,0,0,0.14),
|
||||
0 10px 28px rgba(0,0,0,0.28);
|
||||
background-color: rgba(40, 90, 170, 0.18);
|
||||
background: linear-gradient(
|
||||
165deg,
|
||||
rgba(255,255,255,0.28),
|
||||
rgba(80,130,220,0.18) 45%,
|
||||
rgba(20,60,130,0.22)
|
||||
);
|
||||
}
|
||||
|
||||
.search-trigger:hover::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
||||
width: 140%;
|
||||
height: 140%;
|
||||
left: -20%;
|
||||
top: -30%;
|
||||
|
||||
background: linear-gradient(
|
||||
120deg,
|
||||
rgba(255,255,255,0.45),
|
||||
rgba(255,255,255,0.20) 28%,
|
||||
rgba(255,255,255,0.08) 45%,
|
||||
transparent 60%
|
||||
);
|
||||
|
||||
transform: rotate(12deg);
|
||||
pointer-events: none;
|
||||
mix-blend-mode: screen;
|
||||
} */
|
||||
|
||||
|
||||
.search-trigger .search-trigger-icon {
|
||||
width: var(--icon-dim);
|
||||
height: var(--icon-dim);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.search-trigger .search-input {
|
||||
border: none;
|
||||
background: none;
|
||||
height: var(--dim);
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
transition-property: width, font-size, line-height, padding, opacity;
|
||||
transition-duration: var(--transition-duration);
|
||||
transition-timing-function: var(--transition-timing-function);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.search-trigger .search-input:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-trigger:not(.expanded) .search-input {
|
||||
width: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.search-trigger.expanded .search-input {
|
||||
width: calc(var(--expanded-width) - var(--icon-dim) - var(--dim) / 2);
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
border: none;
|
||||
display: block;
|
||||
padding: calc(var(--dim) / 2);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.search-container {
|
||||
--open-animation-duration: 300ms;
|
||||
--open-animation-timing-function: ease;
|
||||
--close-animation-duration: 0.58s;
|
||||
--close-animation-timing-function: ease-out;
|
||||
--show-results-animation-duration: 200ms;
|
||||
--show-results-animation-timing-function: ease-out;
|
||||
--border-radius: 28px;
|
||||
--expanded-width: min(80vw, 800px);
|
||||
--expanded-height: 500px;
|
||||
--expanded-top: 100px;
|
||||
--close-animation-top: calc(var(--expanded-top) - 15px);
|
||||
z-index: 200;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 6px;
|
||||
animation: search-container-animation-close var(--close-animation-duration) var(--close-animation-timing-function);
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search-container > div {
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
width: calc(var(--expanded-width) + 3 * var(--border-radius));
|
||||
}
|
||||
|
||||
.search-container.show {
|
||||
animation: search-container-animation-open var(--open-animation-duration) var(--open-animation-timing-function);
|
||||
top: var(--expanded-top);
|
||||
}
|
||||
|
||||
.search-container.visible {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.search-container:not(.visible) {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions {
|
||||
--transition-delay: 0.09s;
|
||||
--transition-property: width;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
animation: search-animation-close var(--close-animation-duration) var(--close-animation-timing-function);
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
background-color: none;
|
||||
border-radius: var(--border-radius);
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.search-container > div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--border-radius);
|
||||
transition: gap var(--show-results-animation-duration) var(--show-results-animation-timing-function);
|
||||
}
|
||||
|
||||
.search-container.showing-results > div {
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.search-container.showing-results .search-suggestions-container {
|
||||
animation: search-show-results var(--show-results-animation-duration) var(--show-results-animation-timing-function);
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.search-container.showing-results .search-suggestions-container > .search-suggestions > .content {
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
animation: search-show-results var(--show-results-animation-duration) var(--show-results-animation-timing-function), search-suggestions-content-show-results var(--show-results-animation-duration) var(--show-results-animation-timing-function);
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.search-container .search-results-container {
|
||||
opacity: 0;
|
||||
transition: opacity var(--show-results-animation-duration) var(--show-results-animation-timing-function);
|
||||
flex-direction: column;
|
||||
gap: var(--border-radius);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container.showing-results .search-results-container {
|
||||
display: flex;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions.floating {
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions.secondary-suggestions {
|
||||
--expanded-width: calc(2 * var(--border-radius));
|
||||
cursor: pointer;
|
||||
}
|
||||
.search-container .search-suggestions.secondary-suggestions .content-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-thumb {
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
border-radius: 8px;
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-button:single-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-button:increment,
|
||||
.search-container .search-suggestions::-webkit-scrollbar-button:decrement {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.search-container.show .search-suggestions {
|
||||
width: var(--expanded-width);
|
||||
height: var(--expanded-height);
|
||||
animation: search-animation-open var(--open-animation-duration) var(--open-animation-timing-function);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.search-container.show .search-suggestions.secondary-suggestions-animation {
|
||||
animation: search-secondary-animation-open var(--open-animation-duration) var(--open-animation-timing-function);
|
||||
}
|
||||
|
||||
.search-suggestions-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
--transition-duration: 0.3s;
|
||||
transform: translateY(0);
|
||||
transition-property: opacity, transform;
|
||||
transition-duration: var(--transition-duration);
|
||||
transition-timing-function: cubic-bezier(0, 0.7, 0.8, 1);
|
||||
}
|
||||
|
||||
|
||||
@keyframes search-container-animation-open {
|
||||
0% {
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: var(--expanded-top);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-container-animation-close {
|
||||
0% {
|
||||
top: var(--expanded-top);
|
||||
}
|
||||
|
||||
100% {
|
||||
top: var(--close-animation-top);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-animation-open {
|
||||
0% {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
15% {
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
}
|
||||
|
||||
100% {
|
||||
height: var(--expanded-height);
|
||||
width: var(--expanded-width);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-secondary-animation-open {
|
||||
0% {
|
||||
width: 0;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
15% {
|
||||
width: 0;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
100% {
|
||||
height: var(--expanded-height);
|
||||
width: var(--expanded-width);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-animation-close {
|
||||
0% {
|
||||
width: var(--expanded-width);
|
||||
opacity: 1;
|
||||
height: var(--expanded-height);
|
||||
}
|
||||
|
||||
100% {
|
||||
width: var(--expanded-width);
|
||||
opacity: 0;
|
||||
height: var(--expanded-height);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-scroll-to-results {
|
||||
0% {
|
||||
--expanded-top: 150px;
|
||||
top: 150px;
|
||||
}
|
||||
100% {
|
||||
top: calc(0px - var(--expanded-height));
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-show-results {
|
||||
0% {
|
||||
height: var(--expanded-height);
|
||||
}
|
||||
100% {
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-suggestions-content-show-results {
|
||||
0% {
|
||||
padding-top: 18px;
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
100% {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content {
|
||||
scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
|
||||
border-radius: var(--border-radius);
|
||||
padding: 18px;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
.search-container .search-suggestions .content .heading {
|
||||
text-transform: uppercase;
|
||||
color: var(--gray);
|
||||
margin-bottom: 6px;
|
||||
font-size: 0.8em !important;
|
||||
padding-left: 0.8em;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion {
|
||||
border-radius: 0.8em;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
--inline-padding: 10px;
|
||||
padding: 0 var(--inline-padding);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion-container::after {
|
||||
content: "";
|
||||
background-color: var(--gray);
|
||||
margin: 0 0.8em;
|
||||
height: 1px;
|
||||
width: calc(100% - 1.6em);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion-container:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion:hover {
|
||||
--col: 150;
|
||||
background-color: rgba(var(--col), var(--col), var(--col), 0.16);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion:hover {
|
||||
--col: 150;
|
||||
background-color: rgba(var(--col), var(--col), var(--col), 0.16);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion .content {
|
||||
padding: 0.8em var(--inline-padding);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .accept-suggestion {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: var(--inline-padding);
|
||||
border-radius: calc(var(--border-radius) - var(--inline-padding));
|
||||
cursor: pointer;
|
||||
/* background-color: rgba(140, 140, 140, 0.36); */
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .accept-suggestion:hover {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
background-color: rgba(var(--col), var(--col), var(--col), 0.16);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .accept-suggestion img {
|
||||
height: 1em;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.search-suggestions-containers-resizer {
|
||||
width: var(--border-radius);
|
||||
background-color: none;
|
||||
cursor: ew-resize;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.search-container .search-results-container .search-result {
|
||||
border-radius: var(--border-radius);
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
.search-container .search-result {
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
.search-container .search-result-header {
|
||||
margin-bottom: 8px;
|
||||
color: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.search-container .search-result-header-first-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.search-container .search-result-icon {
|
||||
width: 48px;
|
||||
aspect-ratio: 1 / 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.search-container .search-result-icon img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.search-container .search-result-title {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.search-container .search-result-header:hover .search-result-title {
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 2px;
|
||||
}
|
||||
|
||||
.search-container .search-result-url, .search-container .search-result-description {
|
||||
font-size: 0.8em;
|
||||
color: var(--very-much-lighter-than-gray);
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
#header-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.cloud-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.global-header {
|
||||
font-size: 110px;
|
||||
text-align: center;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.slogan {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.slogan div {
|
||||
font-weight: 600;
|
||||
font-size: 34px;
|
||||
max-width: 400px;
|
||||
text-align: center;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 150px 0 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
article {
|
||||
margin: 80px 30px 0;
|
||||
max-width: 500px;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
box-shadow: 15px 15px 30px var(--information-area-shadow);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#description {
|
||||
margin-top: 100px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
justify-self: center;
|
||||
line-height: 1.35em;
|
||||
}
|
||||
|
||||
#description-container {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#description article {
|
||||
margin: 50px;
|
||||
border-radius: 20px;
|
||||
padding: 27px;
|
||||
box-shadow: 15px 15px 30px var(--information-area-shadow);
|
||||
padding: 20px;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
#description-container {
|
||||
flex-direction: row;
|
||||
padding: 50px;
|
||||
}
|
||||
#description {
|
||||
width: calc(100% - 100px);
|
||||
}
|
||||
#description article {
|
||||
flex: 1;
|
||||
margin: 50px;
|
||||
max-width: 350px;
|
||||
min-width: 350px;
|
||||
}
|
||||
Reference in New Issue
Block a user