From a640703f2da8815dc26ad1600a6f206be1624379 Mon Sep 17 00:00:00 2001 From: ivarlovlie Date: Wed, 1 Jun 2022 22:10:32 +0200 Subject: feat: Initial after clean slate --- apps/projects-web/src/_assets/pre.css | 128 +++++++++++++++++++++ .../src/_assets/pwa/android-chrome-192x192.png | Bin 0 -> 3291 bytes .../src/_assets/pwa/android-chrome-512x512.png | Bin 0 -> 9687 bytes .../src/_assets/pwa/apple-touch-icon.png | Bin 0 -> 2769 bytes .../projects-web/src/_assets/pwa/browserconfig.xml | 9 ++ .../projects-web/src/_assets/pwa/favicon-16x16.png | Bin 0 -> 636 bytes .../projects-web/src/_assets/pwa/favicon-32x32.png | Bin 0 -> 907 bytes apps/projects-web/src/_assets/pwa/favicon.ico | Bin 0 -> 15086 bytes apps/projects-web/src/_assets/pwa/favicon.svg | 4 + apps/projects-web/src/_assets/pwa/manifest.json | 28 +++++ .../src/_assets/pwa/mstile-144x144.png | Bin 0 -> 3109 bytes .../src/_assets/pwa/mstile-150x150.png | Bin 0 -> 3238 bytes .../src/_assets/pwa/mstile-310x150.png | Bin 0 -> 3501 bytes .../src/_assets/pwa/mstile-310x310.png | Bin 0 -> 6823 bytes apps/projects-web/src/_assets/pwa/mstile-70x70.png | Bin 0 -> 2238 bytes .../src/_assets/pwa/safari-pinned-tab.svg | 50 ++++++++ 16 files changed, 219 insertions(+) create mode 100644 apps/projects-web/src/_assets/pre.css create mode 100644 apps/projects-web/src/_assets/pwa/android-chrome-192x192.png create mode 100644 apps/projects-web/src/_assets/pwa/android-chrome-512x512.png create mode 100644 apps/projects-web/src/_assets/pwa/apple-touch-icon.png create mode 100644 apps/projects-web/src/_assets/pwa/browserconfig.xml create mode 100644 apps/projects-web/src/_assets/pwa/favicon-16x16.png create mode 100644 apps/projects-web/src/_assets/pwa/favicon-32x32.png create mode 100644 apps/projects-web/src/_assets/pwa/favicon.ico create mode 100644 apps/projects-web/src/_assets/pwa/favicon.svg create mode 100644 apps/projects-web/src/_assets/pwa/manifest.json create mode 100644 apps/projects-web/src/_assets/pwa/mstile-144x144.png create mode 100644 apps/projects-web/src/_assets/pwa/mstile-150x150.png create mode 100644 apps/projects-web/src/_assets/pwa/mstile-310x150.png create mode 100644 apps/projects-web/src/_assets/pwa/mstile-310x310.png create mode 100644 apps/projects-web/src/_assets/pwa/mstile-70x70.png create mode 100644 apps/projects-web/src/_assets/pwa/safari-pinned-tab.svg (limited to 'apps/projects-web/src/_assets') diff --git a/apps/projects-web/src/_assets/pre.css b/apps/projects-web/src/_assets/pre.css new file mode 100644 index 0000000..9c9446e --- /dev/null +++ b/apps/projects-web/src/_assets/pre.css @@ -0,0 +1,128 @@ +:root { + --loader-primary: hsl(250, 84%, 54%); + --loader-accent: hsl(342, 89%, 48%); + --loader-contrast: hsl(180, 1%, 84%); + --loader-easing: cubic-bezier(0.645, 0.045, 0.355, 1); +} + +[data-theme="dark"] :root { + --loader-primary: hsl(250, 93%, 65%); + --loader-accent: hsl(342, 92%, 54%); + --loader-contrast: hsl(208, 12%, 24%); + --loader-easing: cubic-bezier(0.645, 0.045, 0.355, 1); +} + +[data-theme="dark"] { + background-color: hsl(203, 24%, 13%); +} + +.fill-loader { + position: relative; + overflow: hidden; + display: inline-block; + margin: 3rem; +} + +.fill-loader__fill { + position: absolute; +} + +@supports (-webkit-animation-name: this) or (animation-name: this) { + .fill-loader__label { + position: absolute; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + } +} + +@supports (-webkit-animation-name: this) or (animation-name: this) { + .fill-loader--v4 { + width: 90%; + max-width: 300px; + } + + .fill-loader--v4 .fill-loader__base { + height: 4px; + background-color: var(--loader-contrast); + } + + .fill-loader--v4 .fill-loader__fill { + top: 0; + left: 0; + right: 0; + height: 100%; + background-color: var(--loader-primary); + -webkit-animation: fill-loader-4 1.6s infinite var(--loader-easing); + animation: fill-loader-4 1.6s infinite var(--loader-easing); + will-change: left, right; + } +} + +@-webkit-keyframes fill-loader-4 { + 0% { + left: 0; + right: 100%; + background-color: var(--loader-primary); + } + + 10%, + 60% { + left: 0; + } + + 40%, + 90% { + right: 0; + } + + 50% { + left: 100%; + background-color: var(--loader-primary); + } + + 51% { + left: 0; + right: 100%; + background-color: var(--loader-accent); + } + + 100% { + left: 100%; + background-color: var(--loader-accent); + } +} + +@keyframes fill-loader-4 { + 0% { + left: 0; + right: 100%; + background-color: var(--loader-primary); + } + + 10%, + 60% { + left: 0; + } + + 40%, + 90% { + right: 0; + } + + 50% { + left: 100%; + background-color: var(--loader-primary); + } + + 51% { + left: 0; + right: 100%; + background-color: var(--loader-accent); + } + + 100% { + left: 100%; + background-color: var(--loader-accent); + } +} diff --git a/apps/projects-web/src/_assets/pwa/android-chrome-192x192.png b/apps/projects-web/src/_assets/pwa/android-chrome-192x192.png new file mode 100644 index 0000000..5c098bc Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/android-chrome-192x192.png differ diff --git a/apps/projects-web/src/_assets/pwa/android-chrome-512x512.png b/apps/projects-web/src/_assets/pwa/android-chrome-512x512.png new file mode 100644 index 0000000..973a1c3 Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/android-chrome-512x512.png differ diff --git a/apps/projects-web/src/_assets/pwa/apple-touch-icon.png b/apps/projects-web/src/_assets/pwa/apple-touch-icon.png new file mode 100644 index 0000000..b4d9773 Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/apple-touch-icon.png differ diff --git a/apps/projects-web/src/_assets/pwa/browserconfig.xml b/apps/projects-web/src/_assets/pwa/browserconfig.xml new file mode 100644 index 0000000..b3930d0 --- /dev/null +++ b/apps/projects-web/src/_assets/pwa/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #da532c + + + diff --git a/apps/projects-web/src/_assets/pwa/favicon-16x16.png b/apps/projects-web/src/_assets/pwa/favicon-16x16.png new file mode 100644 index 0000000..5dde9f9 Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/favicon-16x16.png differ diff --git a/apps/projects-web/src/_assets/pwa/favicon-32x32.png b/apps/projects-web/src/_assets/pwa/favicon-32x32.png new file mode 100644 index 0000000..9cef4c4 Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/favicon-32x32.png differ diff --git a/apps/projects-web/src/_assets/pwa/favicon.ico b/apps/projects-web/src/_assets/pwa/favicon.ico new file mode 100644 index 0000000..89c7542 Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/favicon.ico differ diff --git a/apps/projects-web/src/_assets/pwa/favicon.svg b/apps/projects-web/src/_assets/pwa/favicon.svg new file mode 100644 index 0000000..964dbb8 --- /dev/null +++ b/apps/projects-web/src/_assets/pwa/favicon.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/apps/projects-web/src/_assets/pwa/manifest.json b/apps/projects-web/src/_assets/pwa/manifest.json new file mode 100644 index 0000000..4c550fe --- /dev/null +++ b/apps/projects-web/src/_assets/pwa/manifest.json @@ -0,0 +1,28 @@ +{ + "manifest_version": 2, + "version": "0.1", + "name": "Time Tracker", + "short_name": "Time Tracker", + "display": "standalone", + "background_color": "#fff", + "theme_color": "#4D3DF7", + "start_url": ".", + "orientation": "portrait", + "icons": [ + { + "src": "/favicon.svg", + "purpose": "maskable any", + "sizes": "any" + }, + { + "src": "/pwa/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/pwa/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ] +} diff --git a/apps/projects-web/src/_assets/pwa/mstile-144x144.png b/apps/projects-web/src/_assets/pwa/mstile-144x144.png new file mode 100644 index 0000000..84d94cb Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/mstile-144x144.png differ diff --git a/apps/projects-web/src/_assets/pwa/mstile-150x150.png b/apps/projects-web/src/_assets/pwa/mstile-150x150.png new file mode 100644 index 0000000..b1398ae Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/mstile-150x150.png differ diff --git a/apps/projects-web/src/_assets/pwa/mstile-310x150.png b/apps/projects-web/src/_assets/pwa/mstile-310x150.png new file mode 100644 index 0000000..76b16a0 Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/mstile-310x150.png differ diff --git a/apps/projects-web/src/_assets/pwa/mstile-310x310.png b/apps/projects-web/src/_assets/pwa/mstile-310x310.png new file mode 100644 index 0000000..d8e4097 Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/mstile-310x310.png differ diff --git a/apps/projects-web/src/_assets/pwa/mstile-70x70.png b/apps/projects-web/src/_assets/pwa/mstile-70x70.png new file mode 100644 index 0000000..0df1e8c Binary files /dev/null and b/apps/projects-web/src/_assets/pwa/mstile-70x70.png differ diff --git a/apps/projects-web/src/_assets/pwa/safari-pinned-tab.svg b/apps/projects-web/src/_assets/pwa/safari-pinned-tab.svg new file mode 100644 index 0000000..ba2220c --- /dev/null +++ b/apps/projects-web/src/_assets/pwa/safari-pinned-tab.svg @@ -0,0 +1,50 @@ + + + + +Created by potrace 1.14, written by Peter Selinger 2001-2017 + + + + + + -- cgit v1.3