Spaces:
Sleeping
Sleeping
Upload 59 files
Browse filesThis view is limited to 50 files because it contains too many changes. See raw diff
- .gitattributes +8 -0
- _res/_custom.css +901 -0
- _res/_custom.js +321 -0
- _res/assets/bootstrap-catppuccin-mocha.min.css +0 -0
- _res/assets/emoijs/CityscapeAtDusk.png +3 -0
- _res/assets/emoijs/NationalPark.png +3 -0
- _res/assets/emoijs/Sunrise.png +3 -0
- _res/assets/emoijs/SunriseOverMountains.png +3 -0
- _res/assets/emoijs/SunsetOverBuildings.png +3 -0
- _res/assets/favicons/android-chrome-192x192.png +0 -0
- _res/assets/favicons/android-chrome-512x512.png +3 -0
- _res/assets/favicons/apple-touch-icon.png +0 -0
- _res/assets/favicons/favicon-16x16.png +0 -0
- _res/assets/favicons/favicon-32x32.png +0 -0
- _res/assets/favicons/favicon.ico +0 -0
- _res/assets/favicons/site.webmanifest +1 -0
- _res/assets/fontawesome.all.min.css +0 -0
- _res/assets/icons.ai +3 -0
- _res/assets/lottie_animations/running_dark.json +1 -0
- _res/assets/lottie_animations/running_light.json +1 -0
- _res/assets/random_dark.svg +16 -0
- _res/assets/random_dark_48.png +0 -0
- _res/assets/random_light.svg +20 -0
- _res/assets/random_light_48.png +0 -0
- _res/assets/ratio_preview_bgs/51x90px_9zu16.png +0 -0
- _res/assets/ratio_preview_bgs/60x90px_3zu4.png +0 -0
- _res/assets/ratio_preview_bgs/67x90px_2zu3.png +0 -0
- _res/assets/ratio_preview_bgs/70x70px_1zu1.png +0 -0
- _res/assets/ratio_preview_bgs/90x51px_16zu9.png +0 -0
- _res/assets/ratio_preview_bgs/90x60px_4zu3.png +0 -0
- _res/assets/ratio_preview_bgs/90x67px_3zu2.png +0 -0
- _res/assets/run_1_dark.svg +16 -0
- _res/assets/run_1_dark_48.png +0 -0
- _res/assets/run_1_light.svg +20 -0
- _res/assets/run_1_light_48.png +0 -0
- _res/assets/star_dark.svg +16 -0
- _res/assets/star_dark_48.png +0 -0
- _res/assets/star_light.svg +20 -0
- _res/assets/star_light_48.png +0 -0
- _res/assets/webfonts/GeistMono-Bold.woff2 +0 -0
- _res/assets/webfonts/GeistMono-Light.woff2 +0 -0
- _res/assets/webfonts/GeistMono-Regular.woff2 +0 -0
- _res/assets/webfonts/GeistMono-SemiBold.woff2 +0 -0
- _res/assets/webfonts/GeistMono-Thin.woff2 +0 -0
- _res/assets/webfonts/GeistMono.ttf +3 -0
- _res/groq_systemmessage_prompt_enhance.json +4 -0
- _res/groq_systemmessage_prompt_enhance_new.json +4 -0
- _res/testimages/1.png +3 -0
- _res/testimages/10.png +3 -0
- _res/testimages/2.png +3 -0
.gitattributes
CHANGED
|
@@ -41,3 +41,11 @@ _res/assets/emoijs/SunsetOverBuildings.png filter=lfs diff=lfs merge=lfs -text
|
|
| 41 |
_res/assets/favicons/android-chrome-512x512.png filter=lfs diff=lfs merge=lfs -text
|
| 42 |
_res/assets/icons.ai filter=lfs diff=lfs merge=lfs -text
|
| 43 |
_res/assets/webfonts/GeistMono.ttf filter=lfs diff=lfs merge=lfs -text
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 41 |
_res/assets/favicons/android-chrome-512x512.png filter=lfs diff=lfs merge=lfs -text
|
| 42 |
_res/assets/icons.ai filter=lfs diff=lfs merge=lfs -text
|
| 43 |
_res/assets/webfonts/GeistMono.ttf filter=lfs diff=lfs merge=lfs -text
|
| 44 |
+
_res/testimages/1.png filter=lfs diff=lfs merge=lfs -text
|
| 45 |
+
_res/testimages/10.png filter=lfs diff=lfs merge=lfs -text
|
| 46 |
+
_res/testimages/2.png filter=lfs diff=lfs merge=lfs -text
|
| 47 |
+
_res/testimages/4.png filter=lfs diff=lfs merge=lfs -text
|
| 48 |
+
_res/testimages/5.png filter=lfs diff=lfs merge=lfs -text
|
| 49 |
+
_res/testimages/6.png filter=lfs diff=lfs merge=lfs -text
|
| 50 |
+
_res/testimages/7.png filter=lfs diff=lfs merge=lfs -text
|
| 51 |
+
_res/testimages/8.png filter=lfs diff=lfs merge=lfs -text
|
_res/_custom.css
ADDED
|
@@ -0,0 +1,901 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
@font-face {
|
| 2 |
+
font-family: "Geist Mono";
|
| 3 |
+
src: url("file=_res/assets/webfonts/GeistMono-Thin.woff2") format("woff2");
|
| 4 |
+
font-weight: 100;
|
| 5 |
+
font-style: normal;
|
| 6 |
+
}
|
| 7 |
+
|
| 8 |
+
@font-face {
|
| 9 |
+
font-family: "Geist Mono";
|
| 10 |
+
src: url("file=_res/assets/webfonts/GeistMono-Light.woff2") format("woff2");
|
| 11 |
+
font-weight: 300;
|
| 12 |
+
font-style: normal;
|
| 13 |
+
}
|
| 14 |
+
|
| 15 |
+
@font-face {
|
| 16 |
+
font-family: "Geist Mono";
|
| 17 |
+
src: url("file=_res/assets/webfonts/GeistMono-Regular.woff2") format("woff2");
|
| 18 |
+
font-weight: 400;
|
| 19 |
+
font-style: normal;
|
| 20 |
+
}
|
| 21 |
+
|
| 22 |
+
@font-face {
|
| 23 |
+
font-family: "Geist Mono";
|
| 24 |
+
src: url("file=_res/assets/webfonts/GeistMono-SemiBold.woff2") format("woff2");
|
| 25 |
+
font-weight: 600;
|
| 26 |
+
font-style: normal;
|
| 27 |
+
}
|
| 28 |
+
|
| 29 |
+
@font-face {
|
| 30 |
+
font-family: "Geist Mono";
|
| 31 |
+
src: url("file=_res/assets/webfonts/GeistMono-Bold.woff2") format("woff2");
|
| 32 |
+
font-weight: 700;
|
| 33 |
+
font-style: normal;
|
| 34 |
+
}
|
| 35 |
+
|
| 36 |
+
/* width */
|
| 37 |
+
::-webkit-scrollbar {
|
| 38 |
+
width: 0px;
|
| 39 |
+
}
|
| 40 |
+
|
| 41 |
+
body::-webkit-scrollbar {
|
| 42 |
+
width: 8px;
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
/* Track */
|
| 46 |
+
::-webkit-scrollbar-track {
|
| 47 |
+
background: var(--neutral-900);
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
/* Handle */
|
| 51 |
+
::-webkit-scrollbar-thumb {
|
| 52 |
+
background: var(--primary-600);
|
| 53 |
+
border-radius: 3px;
|
| 54 |
+
}
|
| 55 |
+
|
| 56 |
+
/* Handle on hover */
|
| 57 |
+
::-webkit-scrollbar-thumb:hover {
|
| 58 |
+
background: var(--primary-800);
|
| 59 |
+
}
|
| 60 |
+
|
| 61 |
+
body {
|
| 62 |
+
/* min-height: 101vh; */
|
| 63 |
+
|
| 64 |
+
gradio-app {
|
| 65 |
+
/* background: var(--primary-950);
|
| 66 |
+
background-image: linear-gradient(180deg, color-mix(in srgb, var(--primary-950), transparent 50%) 0%, color-mix(in srgb, var(--primary-950), transparent 50%) 28%, var(--neutral-950) 28%, var(--neutral-950) 100%) !important; */
|
| 67 |
+
padding-top: 60px;
|
| 68 |
+
/* min-width: 900px; */
|
| 69 |
+
transition: opacity 0.4s linear;
|
| 70 |
+
position: relative;
|
| 71 |
+
|
| 72 |
+
& #alertModal {
|
| 73 |
+
position: absolute;
|
| 74 |
+
top: 250px;
|
| 75 |
+
left: 50%;
|
| 76 |
+
width: 400px;
|
| 77 |
+
max-width: 80vw !important;
|
| 78 |
+
min-height: 140px;
|
| 79 |
+
transform: translate(-50%, -50%);
|
| 80 |
+
padding: var(--size-4) var(--size-8);
|
| 81 |
+
background-color: var(--neutral-900) !important;
|
| 82 |
+
|
| 83 |
+
border-top-width: 8px;
|
| 84 |
+
border-right-width: 1px;
|
| 85 |
+
border-bottom-width: 1px;
|
| 86 |
+
border-left-width: 1px;
|
| 87 |
+
border-top-style: solid;
|
| 88 |
+
border-right-style: solid;
|
| 89 |
+
border-bottom-style: solid;
|
| 90 |
+
border-left-style: solid;
|
| 91 |
+
border-top-color: var(--primary-600);
|
| 92 |
+
border-right-color: var(--primary-600);
|
| 93 |
+
border-bottom-color: var(--primary-600);
|
| 94 |
+
border-left-color: var(--primary-600);
|
| 95 |
+
|
| 96 |
+
border-radius: var(--container-radius);
|
| 97 |
+
|
| 98 |
+
& #alertModalP {
|
| 99 |
+
display: none;
|
| 100 |
+
justify-content: center;
|
| 101 |
+
|
| 102 |
+
& span {
|
| 103 |
+
color: var(--neutral-50);
|
| 104 |
+
margin-top: 0rem;
|
| 105 |
+
line-height: 1.4;
|
| 106 |
+
}
|
| 107 |
+
|
| 108 |
+
& svg {
|
| 109 |
+
font-size: 4rem;
|
| 110 |
+
margin-right: 1rem;
|
| 111 |
+
color: var(--cat-red);
|
| 112 |
+
fill: var(--cat-red);
|
| 113 |
+
}
|
| 114 |
+
}
|
| 115 |
+
|
| 116 |
+
& button {
|
| 117 |
+
color: var(--text-color-by-luminance) !important;
|
| 118 |
+
}
|
| 119 |
+
}
|
| 120 |
+
|
| 121 |
+
.md-header {
|
| 122 |
+
padding: var(--size-2) var(--size-1);
|
| 123 |
+
|
| 124 |
+
.flex-wrapper {
|
| 125 |
+
display: inline-flex !important;
|
| 126 |
+
width: 100% !important;
|
| 127 |
+
justify-content: center !important;
|
| 128 |
+
align-items: flex-end !important;
|
| 129 |
+
}
|
| 130 |
+
|
| 131 |
+
& h1 {
|
| 132 |
+
color: var(--primary-950) !important;
|
| 133 |
+
text-shadow: var(--primary-600) 1px 1px 0px, var(--primary-600) 1px -1px 0px, var(--primary-600) -1px 1px 0px, var(--primary-600) -1px -1px 0px, var(--primary-600) 1px 0px 0px, var(--primary-600) 0px 1px 0px, var(--primary-600) -1px 0px 0px, var(--primary-600) 0px -1px 0px;
|
| 134 |
+
}
|
| 135 |
+
|
| 136 |
+
& p,
|
| 137 |
+
span {
|
| 138 |
+
color: var(--neutral-800) !important;
|
| 139 |
+
line-height: 1.5 !important;
|
| 140 |
+
font-size: 1.1rem !important;
|
| 141 |
+
text-shadow: var(--primary-600) 1px 1px 0px, var(--primary-600) 1px -1px 0px, var(--primary-600) -1px 1px 0px, var(--primary-600) -1px -1px 0px, var(--primary-600) 1px 0px 0px, var(--primary-600) 0px 1px 0px, var(--primary-600) -1px 0px 0px, var(--primary-600) 0px -1px 0px;
|
| 142 |
+
|
| 143 |
+
& i {
|
| 144 |
+
display: inline-flex;
|
| 145 |
+
align-items: center;
|
| 146 |
+
justify-content: center;
|
| 147 |
+
|
| 148 |
+
& svg {
|
| 149 |
+
font-size: inherit !important;
|
| 150 |
+
width: 16px !important;
|
| 151 |
+
height: 16px !important;
|
| 152 |
+
}
|
| 153 |
+
}
|
| 154 |
+
}
|
| 155 |
+
|
| 156 |
+
p.errorinfo {
|
| 157 |
+
display: none !important;
|
| 158 |
+
color: #e26c5a;
|
| 159 |
+
margin-top: 0.3rem;
|
| 160 |
+
margin-bottom: 0.3rem;
|
| 161 |
+
background: var(--text-color-by-luminance) !important;
|
| 162 |
+
padding: 0.25rem 0.5rem;
|
| 163 |
+
border: none;
|
| 164 |
+
border-radius: 0.4rem;
|
| 165 |
+
font-size: 0.9rem !important;
|
| 166 |
+
border: none !important;
|
| 167 |
+
max-width: 80%;
|
| 168 |
+
}
|
| 169 |
+
}
|
| 170 |
+
}
|
| 171 |
+
}
|
| 172 |
+
|
| 173 |
+
body > gradio-app::before {
|
| 174 |
+
position: absolute;
|
| 175 |
+
content: "";
|
| 176 |
+
background: var(--primary-800);
|
| 177 |
+
width: 100%;
|
| 178 |
+
height: 355px;
|
| 179 |
+
top: 0;
|
| 180 |
+
z-index: 0;
|
| 181 |
+
transition: filter 0.4s ease-out;
|
| 182 |
+
filter: blur(var(--blur-value));
|
| 183 |
+
}
|
| 184 |
+
|
| 185 |
+
body > gradio-app.has-bg-image::before {
|
| 186 |
+
/* --bg-image-path: none; */
|
| 187 |
+
/* --bg-image-path: url("https://image.pollinations.ai/prompt/A%20midnight%20blue%20stallion%20gallops%20across%20a%20misty%2C%20moonlit%20meadow%2C%20its%20mane%20and%20tail%20flowing%20in%20the%20wind%20like%20a%20celestial%20river%2C%20as%20stars%20twinkle%20in%20the%20sky%20above%20-%20Expressionist%20Watercolor%20Painting?model=flux&width=1024&height=683&nologo=true&enhance=false&nofeed=true&seed=42"); */
|
| 188 |
+
background-image: var(--bg-image-path);
|
| 189 |
+
background-size: cover;
|
| 190 |
+
background-position: center;
|
| 191 |
+
background-repeat: no-repeat;
|
| 192 |
+
filter: blur(12px);
|
| 193 |
+
}
|
| 194 |
+
|
| 195 |
+
div.gradio-container {
|
| 196 |
+
font-family: "Geist Mono", sans-serif !important;
|
| 197 |
+
font-weight: 400;
|
| 198 |
+
}
|
| 199 |
+
|
| 200 |
+
@media screen and (min-width: 980px) {
|
| 201 |
+
div.gradio-container {
|
| 202 |
+
max-width: 80% !important;
|
| 203 |
+
}
|
| 204 |
+
}
|
| 205 |
+
|
| 206 |
+
.row-main {
|
| 207 |
+
padding: 16px;
|
| 208 |
+
background-color: var(--neutral-900) !important;
|
| 209 |
+
border-right-width: 0px !important;
|
| 210 |
+
border-bottom-width: 0px !important;
|
| 211 |
+
border-left-width: 0px !important;
|
| 212 |
+
border-top: 8px solid var(--primary-600) !important;
|
| 213 |
+
border-radius: var(--container-radius) !important;
|
| 214 |
+
}
|
| 215 |
+
|
| 216 |
+
.spacesNavi {
|
| 217 |
+
min-width: 140px !important;
|
| 218 |
+
flex: 0 !important;
|
| 219 |
+
|
| 220 |
+
.prose.svelte-1ybaih5 {
|
| 221 |
+
width: 140px;
|
| 222 |
+
display: flex;
|
| 223 |
+
flex-direction: column;
|
| 224 |
+
gap: 16px;
|
| 225 |
+
padding: 10px;
|
| 226 |
+
background: var(--block-background-fill);
|
| 227 |
+
|
| 228 |
+
a {
|
| 229 |
+
aspect-ratio: 1 / 1;
|
| 230 |
+
min-width: 120px;
|
| 231 |
+
max-width: 120px;
|
| 232 |
+
display: flex;
|
| 233 |
+
justify-content: center;
|
| 234 |
+
align-items: center;
|
| 235 |
+
border-radius: var(--radius-lg);
|
| 236 |
+
background-color: var(--link-bg-color);
|
| 237 |
+
transition: background 0.4s ease-in-out;
|
| 238 |
+
}
|
| 239 |
+
|
| 240 |
+
a:hover {
|
| 241 |
+
background-color: color-mix(in srgb, var(--link-bg-color) 80%, black);
|
| 242 |
+
}
|
| 243 |
+
}
|
| 244 |
+
}
|
| 245 |
+
|
| 246 |
+
div.tabs > div.tab-nav > button.selected {
|
| 247 |
+
border-width: 0 !important;
|
| 248 |
+
background: var(--primary-600) !important;
|
| 249 |
+
font-weight: 600;
|
| 250 |
+
}
|
| 251 |
+
|
| 252 |
+
div.tabs > div.tab-nav {
|
| 253 |
+
border-bottom: none !important;
|
| 254 |
+
padding: 0 0.25rem 0 0.25rem !important;
|
| 255 |
+
}
|
| 256 |
+
|
| 257 |
+
div.tabs div.tabitem {
|
| 258 |
+
background-color: var(--neutral-900) !important;
|
| 259 |
+
border-width: 0 !important;
|
| 260 |
+
border-top: 8px solid var(--primary-600) !important;
|
| 261 |
+
border-radius: var(--container-radius) !important;
|
| 262 |
+
}
|
| 263 |
+
|
| 264 |
+
.top-description h1 {
|
| 265 |
+
color: var(--neutral-400);
|
| 266 |
+
font-size: 2rem;
|
| 267 |
+
}
|
| 268 |
+
|
| 269 |
+
.prompt-input textarea {
|
| 270 |
+
resize: none;
|
| 271 |
+
}
|
| 272 |
+
|
| 273 |
+
.ratio_buttons_wrapper {
|
| 274 |
+
display: flex !important;
|
| 275 |
+
flex-grow: 0 !important;
|
| 276 |
+
min-width: min(48px, 30%) !important;
|
| 277 |
+
flex: 1 1 0%;
|
| 278 |
+
flex-wrap: nowrap;
|
| 279 |
+
}
|
| 280 |
+
|
| 281 |
+
.image_size_selctor_wrapper {
|
| 282 |
+
flex-grow: 2 !important;
|
| 283 |
+
min-width: min(120px, 10%) !important;
|
| 284 |
+
}
|
| 285 |
+
|
| 286 |
+
.info-text-wrapper {
|
| 287 |
+
padding: calc(var(--spacing-xl) / 2) calc(var(--spacing-xl) + 2px);
|
| 288 |
+
}
|
| 289 |
+
|
| 290 |
+
span.info-text {
|
| 291 |
+
margin-bottom: var(--spacing-lg);
|
| 292 |
+
color: var(--block-info-text-color);
|
| 293 |
+
font-weight: var(--block-info-text-weight);
|
| 294 |
+
font-size: var(--block-info-text-size);
|
| 295 |
+
line-height: var(--line-sm);
|
| 296 |
+
}
|
| 297 |
+
|
| 298 |
+
.image-input-read-exfi {
|
| 299 |
+
max-height: 120px;
|
| 300 |
+
}
|
| 301 |
+
|
| 302 |
+
.image-input-read-exfi > button {
|
| 303 |
+
transform: scale(0.8);
|
| 304 |
+
}
|
| 305 |
+
|
| 306 |
+
.image-ratio-buttons {
|
| 307 |
+
height: 120px;
|
| 308 |
+
|
| 309 |
+
& label {
|
| 310 |
+
width: calc(25% - calc(var(--spacing-xl) + 2px) * 2 / 4);
|
| 311 |
+
justify-content: center;
|
| 312 |
+
align-items: end;
|
| 313 |
+
|
| 314 |
+
& input {
|
| 315 |
+
display: none;
|
| 316 |
+
}
|
| 317 |
+
}
|
| 318 |
+
|
| 319 |
+
& label span {
|
| 320 |
+
margin-left: 0;
|
| 321 |
+
}
|
| 322 |
+
}
|
| 323 |
+
|
| 324 |
+
span.has-info + div {
|
| 325 |
+
margin-top: var(--spacing-lg);
|
| 326 |
+
margin-bottom: var(--spacing-lg);
|
| 327 |
+
}
|
| 328 |
+
|
| 329 |
+
#image_ratio_buttons input[type="radio"]:checked {
|
| 330 |
+
--image-ratio-button-selected: attr(value);
|
| 331 |
+
}
|
| 332 |
+
|
| 333 |
+
#switch_width_height {
|
| 334 |
+
/* max-width: 38px;
|
| 335 |
+
min-width: 38px !important;
|
| 336 |
+
height: 33px; */
|
| 337 |
+
--icon-ratio: 3/2;
|
| 338 |
+
aspect-ratio: 1;
|
| 339 |
+
min-width: 120px;
|
| 340 |
+
max-width: 120px;
|
| 341 |
+
display: flex;
|
| 342 |
+
justify-content: center;
|
| 343 |
+
align-items: center;
|
| 344 |
+
|
| 345 |
+
/*
|
| 346 |
+
& div#switch_width_height_inner {
|
| 347 |
+
fill: var(--text-color-by-luminance);
|
| 348 |
+
width: 70%;
|
| 349 |
+
transition: transform 0.2s ease-in-out;
|
| 350 |
+
}
|
| 351 |
+
|
| 352 |
+
& div#switch_width_height_inner.portrait {
|
| 353 |
+
transform: rotate(90deg) rotateX(180deg);
|
| 354 |
+
}
|
| 355 |
+
*/
|
| 356 |
+
|
| 357 |
+
& #switch_width_height_inner {
|
| 358 |
+
width: 100px;
|
| 359 |
+
height: 100px;
|
| 360 |
+
transition: transform 0.2s ease-in-out, width 0.3s ease-in-out, height 0.38s ease-in-out 0.1s, background-image 0.3s ease-in-out;
|
| 361 |
+
border-radius: 0.4rem;
|
| 362 |
+
border: 4px solid var(--text-color-by-luminance);
|
| 363 |
+
/*background: transparent;*/
|
| 364 |
+
background-position: center;
|
| 365 |
+
|
| 366 |
+
& div {
|
| 367 |
+
width: calc(100% + 20px);
|
| 368 |
+
height: calc(100% + 20px);
|
| 369 |
+
margin-top: -10px;
|
| 370 |
+
margin-left: -10px;
|
| 371 |
+
transition: background-image 0.3s ease-in-out;
|
| 372 |
+
background-position: center;
|
| 373 |
+
}
|
| 374 |
+
}
|
| 375 |
+
|
| 376 |
+
[data-aspect-ratio="16-9"] {
|
| 377 |
+
width: 90px !important;
|
| 378 |
+
height: 51px !important;
|
| 379 |
+
background-image: url("/gradio_api/file=_res/assets/ratio_preview_bgs/90x51px_16zu9.png");
|
| 380 |
+
}
|
| 381 |
+
|
| 382 |
+
[data-aspect-ratio="9-16"] {
|
| 383 |
+
width: 51px !important;
|
| 384 |
+
height: 90px !important;
|
| 385 |
+
background-image: url("/gradio_api/file=_res/assets/ratio_preview_bgs/51x90px_9zu16.png");
|
| 386 |
+
}
|
| 387 |
+
|
| 388 |
+
[data-aspect-ratio="4-3"] {
|
| 389 |
+
width: 90px !important;
|
| 390 |
+
height: 60px !important;
|
| 391 |
+
background-image: url("/gradio_api/file=_res/assets/ratio_preview_bgs/90x60px_4zu3.png");
|
| 392 |
+
}
|
| 393 |
+
|
| 394 |
+
[data-aspect-ratio="3-4"] {
|
| 395 |
+
width: 60px !important;
|
| 396 |
+
height: 90px !important;
|
| 397 |
+
background-image: url("/gradio_api/file=_res/assets/ratio_preview_bgs/60x90px_3zu4.png");
|
| 398 |
+
}
|
| 399 |
+
|
| 400 |
+
[data-aspect-ratio="3-2"] {
|
| 401 |
+
width: 90px !important;
|
| 402 |
+
height: 67px !important;
|
| 403 |
+
background-image: url("/gradio_api/file=_res/assets/ratio_preview_bgs/90x67px_3zu2.png");
|
| 404 |
+
}
|
| 405 |
+
|
| 406 |
+
[data-aspect-ratio="2-3"] {
|
| 407 |
+
width: 67px !important;
|
| 408 |
+
height: 90px !important;
|
| 409 |
+
background-image: url("/gradio_api/file=_res/assets/ratio_preview_bgs/67x90px_2zu3.png");
|
| 410 |
+
}
|
| 411 |
+
|
| 412 |
+
[data-aspect-ratio="1-1"] {
|
| 413 |
+
width: 70px !important;
|
| 414 |
+
height: 70px !important;
|
| 415 |
+
background-image: url("/gradio_api/file=_res/assets/ratio_preview_bgs/70x70px_1zu1.png");
|
| 416 |
+
}
|
| 417 |
+
}
|
| 418 |
+
|
| 419 |
+
.switch-ratio-btn:hover {
|
| 420 |
+
& #switch_width_height_inner.querformat {
|
| 421 |
+
transform: rotate(20deg);
|
| 422 |
+
}
|
| 423 |
+
|
| 424 |
+
& #switch_width_height_inner.hochformat {
|
| 425 |
+
transform: rotate(-20deg) !important;
|
| 426 |
+
}
|
| 427 |
+
}
|
| 428 |
+
|
| 429 |
+
.output-dominant-image-color {
|
| 430 |
+
display: none;
|
| 431 |
+
}
|
| 432 |
+
|
| 433 |
+
.image-info-wrapper {
|
| 434 |
+
transition: opacity 0.4s linear;
|
| 435 |
+
}
|
| 436 |
+
|
| 437 |
+
.tb-img-width input[type="text"],
|
| 438 |
+
.tb-img-height input[type="text"],
|
| 439 |
+
.tb-img-seed input[type="text"] {
|
| 440 |
+
display: block;
|
| 441 |
+
position: relative;
|
| 442 |
+
outline: none !important;
|
| 443 |
+
box-shadow: var(--input-shadow);
|
| 444 |
+
border: var(--input-border-width) solid var(--input-border-color);
|
| 445 |
+
border-radius: var(--input-radius);
|
| 446 |
+
background: var(--input-background-fill);
|
| 447 |
+
padding: var(--size-2) var(--size-2);
|
| 448 |
+
height: var(--size-6);
|
| 449 |
+
color: var(--body-text-color);
|
| 450 |
+
font-size: var(--input-text-size);
|
| 451 |
+
line-height: var(--line-sm);
|
| 452 |
+
text-align: center;
|
| 453 |
+
}
|
| 454 |
+
|
| 455 |
+
#output_image {
|
| 456 |
+
min-height: 400px;
|
| 457 |
+
|
| 458 |
+
& > div.image-container > div.icon-buttons {
|
| 459 |
+
/* display: flex;
|
| 460 |
+
position: absolute;
|
| 461 |
+
top: var(--block-label-margin);
|
| 462 |
+
right: var(--block-label-margin);
|
| 463 |
+
align-items: center; */
|
| 464 |
+
& button,
|
| 465 |
+
a button {
|
| 466 |
+
display: inline-block;
|
| 467 |
+
position: relative;
|
| 468 |
+
z-index: var(--layer-4);
|
| 469 |
+
border: solid var(--block-title-border-width) var(--block-title-border-color);
|
| 470 |
+
border-radius: var(--block-title-radius);
|
| 471 |
+
background: var(--block-title-background-fill);
|
| 472 |
+
padding: var(--block-title-padding);
|
| 473 |
+
color: var(--block-title-text-color);
|
| 474 |
+
font-weight: var(--block-title-text-weight);
|
| 475 |
+
font-size: var(--block-title-text-size);
|
| 476 |
+
line-height: var(--line-sm);
|
| 477 |
+
}
|
| 478 |
+
}
|
| 479 |
+
}
|
| 480 |
+
|
| 481 |
+
.select_api .svelte-1kzox3m,
|
| 482 |
+
.select_api .wrap.svelte-1kzox3m {
|
| 483 |
+
display: flex !important;
|
| 484 |
+
align-items: center !important;
|
| 485 |
+
min-width: 100% !important;
|
| 486 |
+
flex-direction: row;
|
| 487 |
+
justify-content: center;
|
| 488 |
+
}
|
| 489 |
+
|
| 490 |
+
.svelte-e8n7p6 {
|
| 491 |
+
margin-bottom: 0.3rem !important;
|
| 492 |
+
}
|
| 493 |
+
|
| 494 |
+
#gallery {
|
| 495 |
+
min-height: 800px;
|
| 496 |
+
}
|
| 497 |
+
|
| 498 |
+
.random-prompt-btn,
|
| 499 |
+
.enhance-prompt-btn,
|
| 500 |
+
.run-btn {
|
| 501 |
+
min-width: 110px;
|
| 502 |
+
transition: background 0.2s ease-in-out;
|
| 503 |
+
|
| 504 |
+
& svg {
|
| 505 |
+
fill: var(--text-color-by-luminance);
|
| 506 |
+
width: 1.8rem;
|
| 507 |
+
}
|
| 508 |
+
}
|
| 509 |
+
|
| 510 |
+
button.secondary {
|
| 511 |
+
min-width: 110px;
|
| 512 |
+
transition: background 0.2s ease-in-out;
|
| 513 |
+
|
| 514 |
+
& svg {
|
| 515 |
+
transition: fill 0.2s ease-in-out;
|
| 516 |
+
fill: var(--primary-600);
|
| 517 |
+
}
|
| 518 |
+
}
|
| 519 |
+
|
| 520 |
+
button.secondary:hover {
|
| 521 |
+
min-width: 110px;
|
| 522 |
+
|
| 523 |
+
& svg {
|
| 524 |
+
fill: var(--text-color-by-luminance);
|
| 525 |
+
}
|
| 526 |
+
}
|
| 527 |
+
|
| 528 |
+
.image-height-selector > label,
|
| 529 |
+
.image-width-selector > label {
|
| 530 |
+
display: flex;
|
| 531 |
+
justify-content: space-between;
|
| 532 |
+
|
| 533 |
+
& input {
|
| 534 |
+
min-width: 100px;
|
| 535 |
+
width: 50%;
|
| 536 |
+
height: var(--size-9);
|
| 537 |
+
}
|
| 538 |
+
}
|
| 539 |
+
|
| 540 |
+
div.gradio-container.blur-container {
|
| 541 |
+
filter: blur(12px);
|
| 542 |
+
pointer-events: none;
|
| 543 |
+
}
|
| 544 |
+
|
| 545 |
+
#image_seed:has(input[disabled].svelte-pc1gm4) {
|
| 546 |
+
position: relative;
|
| 547 |
+
}
|
| 548 |
+
|
| 549 |
+
#image_seed:has(input[disabled].svelte-pc1gm4)::after {
|
| 550 |
+
position: absolute;
|
| 551 |
+
content: "";
|
| 552 |
+
top: 50%;
|
| 553 |
+
left: 50%;
|
| 554 |
+
transform: translate(-50%, -50%);
|
| 555 |
+
width: 100%;
|
| 556 |
+
height: 100%;
|
| 557 |
+
border-radius: var(--block-radius);
|
| 558 |
+
background: var(--block-background-fill);
|
| 559 |
+
opacity: 0.5;
|
| 560 |
+
cursor: not-allowed;
|
| 561 |
+
z-index: var(--layer-5);
|
| 562 |
+
}
|
| 563 |
+
|
| 564 |
+
/* MARK: Toggle Button Checkbox */
|
| 565 |
+
/* INFO: gr.Checkbox elem_classes".toggle-btn" */
|
| 566 |
+
|
| 567 |
+
.toggle-btn {
|
| 568 |
+
display: flex;
|
| 569 |
+
flex-direction: column-reverse;
|
| 570 |
+
|
| 571 |
+
& > div.wrap {
|
| 572 |
+
display: none;
|
| 573 |
+
}
|
| 574 |
+
|
| 575 |
+
& > div:not(.wrap) {
|
| 576 |
+
margin-top: var(--spacing-lg);
|
| 577 |
+
margin-bottom: 0;
|
| 578 |
+
}
|
| 579 |
+
|
| 580 |
+
& > label {
|
| 581 |
+
position: relative;
|
| 582 |
+
width: 57px;
|
| 583 |
+
height: 27px;
|
| 584 |
+
display: inline-block;
|
| 585 |
+
border-radius: 13px;
|
| 586 |
+
background: var(--neutral-700);
|
| 587 |
+
box-shadow: var(--shadow-inset);
|
| 588 |
+
transition: background-color 0.3s, cursor 0.3s;
|
| 589 |
+
border: solid 0.4px var(--border-color-primary);
|
| 590 |
+
cursor: pointer;
|
| 591 |
+
|
| 592 |
+
& > input[type="checkbox"] {
|
| 593 |
+
width: 0;
|
| 594 |
+
height: 0;
|
| 595 |
+
opacity: 0;
|
| 596 |
+
}
|
| 597 |
+
|
| 598 |
+
& > span {
|
| 599 |
+
position: absolute;
|
| 600 |
+
left: 60px;
|
| 601 |
+
height: 27px;
|
| 602 |
+
min-width: 140px;
|
| 603 |
+
line-height: 27px;
|
| 604 |
+
}
|
| 605 |
+
}
|
| 606 |
+
|
| 607 |
+
& > label:has(input[type="checkbox"])::after {
|
| 608 |
+
content: "";
|
| 609 |
+
position: absolute;
|
| 610 |
+
top: 3px;
|
| 611 |
+
left: 3px;
|
| 612 |
+
width: 20px;
|
| 613 |
+
height: 20px;
|
| 614 |
+
border-radius: 50%;
|
| 615 |
+
background: var(--neutral-900);
|
| 616 |
+
box-shadow: var(--shadow-inset);
|
| 617 |
+
transition: left 0.2s ease-in-out, background 0.2s ease-in-out;
|
| 618 |
+
}
|
| 619 |
+
|
| 620 |
+
& > label:has(input[type="checkbox"]:checked)::after {
|
| 621 |
+
content: "";
|
| 622 |
+
position: absolute;
|
| 623 |
+
background: var(--neutral-900);
|
| 624 |
+
opacity: 0.8;
|
| 625 |
+
left: 32px;
|
| 626 |
+
}
|
| 627 |
+
|
| 628 |
+
& > label:has(input[type="checkbox"]:checked) {
|
| 629 |
+
background: var(--primary-600);
|
| 630 |
+
}
|
| 631 |
+
}
|
| 632 |
+
|
| 633 |
+
/* MARK: Range Input */
|
| 634 |
+
input[type="range"].svelte-pc1gm4 {
|
| 635 |
+
accent-color: var(--slider-color);
|
| 636 |
+
background: var(--neutral-700) !important;
|
| 637 |
+
background-image: linear-gradient(var(--slider-color), var(--slider-color)) !important;
|
| 638 |
+
background-size: 0% 100%;
|
| 639 |
+
}
|
| 640 |
+
|
| 641 |
+
input[type="range"].svelte-pc1gm4::-webkit-slider-thumb {
|
| 642 |
+
background-color: var(--primary-600);
|
| 643 |
+
border-width: 0;
|
| 644 |
+
}
|
| 645 |
+
|
| 646 |
+
input[type="range"].svelte-pc1gm4::-webkit-slider-thumb:hover {
|
| 647 |
+
background-color: var(--primary-500);
|
| 648 |
+
}
|
| 649 |
+
|
| 650 |
+
/* MARK: Text-Color Override */
|
| 651 |
+
label.svelte-1b6s6s,
|
| 652 |
+
label.svelte-9gxdi0,
|
| 653 |
+
span.svelte-1gfkn6j,
|
| 654 |
+
span.svelte-1gfkn6j,
|
| 655 |
+
.primary.svelte-cmf5ev,
|
| 656 |
+
label.selected.svelte-1k4wjf2,
|
| 657 |
+
label.selected.svelte-1mhtq7j,
|
| 658 |
+
label.svelte-1mhtq7j:hover,
|
| 659 |
+
div.tabs > div.tab-nav > button,
|
| 660 |
+
.md-header h1,
|
| 661 |
+
.md-header p,
|
| 662 |
+
.md-header span {
|
| 663 |
+
color: var(--text-color-by-luminance) !important;
|
| 664 |
+
}
|
| 665 |
+
|
| 666 |
+
.gradio-container.gradio-container-5-33-0 .contain #gallery {
|
| 667 |
+
min-height: 800px;
|
| 668 |
+
border-radius: var(--button-small-radius);
|
| 669 |
+
}
|
| 670 |
+
|
| 671 |
+
.icon-button-wrapper.hide-top-corner.svelte-9lsba8 button,
|
| 672 |
+
.icon-button-wrapper.hide-top-corner.svelte-9lsba8 a button {
|
| 673 |
+
color: rgba(255, 255, 255, 1) !important;
|
| 674 |
+
|
| 675 |
+
&:hover {
|
| 676 |
+
color: rgba(255, 255, 255, 0.6) !important;
|
| 677 |
+
}
|
| 678 |
+
}
|
| 679 |
+
|
| 680 |
+
/* MARK: Hide Progress */
|
| 681 |
+
.hide-progress:has(.wrap.default.full) {
|
| 682 |
+
pointer-events: none;
|
| 683 |
+
}
|
| 684 |
+
|
| 685 |
+
.hide-progress:has(.wrap.default.full.hide) {
|
| 686 |
+
pointer-events: initial;
|
| 687 |
+
}
|
| 688 |
+
|
| 689 |
+
.hide-progress .wrap.default.full:not(.hide) {
|
| 690 |
+
display: none;
|
| 691 |
+
}
|
| 692 |
+
|
| 693 |
+
#run_btn {
|
| 694 |
+
svg,
|
| 695 |
+
dotlottie-player {
|
| 696 |
+
height: 28.8px;
|
| 697 |
+
}
|
| 698 |
+
}
|
| 699 |
+
|
| 700 |
+
/* KOFI CSS */
|
| 701 |
+
img.kofiimg {
|
| 702 |
+
display: initial !important;
|
| 703 |
+
vertical-align: middle;
|
| 704 |
+
height: 13px !important;
|
| 705 |
+
width: 20px !important;
|
| 706 |
+
padding-top: 0 !important;
|
| 707 |
+
padding-bottom: 0 !important;
|
| 708 |
+
border: none;
|
| 709 |
+
margin-top: 0;
|
| 710 |
+
margin-right: 5px !important;
|
| 711 |
+
margin-left: 0 !important;
|
| 712 |
+
margin-bottom: 3px !important;
|
| 713 |
+
content: url("https://storage.ko-fi.com/cdn/cup-border.png");
|
| 714 |
+
}
|
| 715 |
+
|
| 716 |
+
.kofiimg:after {
|
| 717 |
+
vertical-align: middle;
|
| 718 |
+
height: 25px;
|
| 719 |
+
padding-top: 0;
|
| 720 |
+
padding-bottom: 0;
|
| 721 |
+
border: none;
|
| 722 |
+
margin-top: 0;
|
| 723 |
+
margin-right: 6px;
|
| 724 |
+
margin-left: 0;
|
| 725 |
+
margin-bottom: 4px !important;
|
| 726 |
+
content: url("https://storage.ko-fi.com/cdn/whitelogo.svg");
|
| 727 |
+
}
|
| 728 |
+
|
| 729 |
+
.btn-container {
|
| 730 |
+
display: inline-block !important;
|
| 731 |
+
white-space: nowrap;
|
| 732 |
+
min-width: 230px;
|
| 733 |
+
}
|
| 734 |
+
|
| 735 |
+
span.kofitext {
|
| 736 |
+
color: var(--text-color-by-luminance) !important;
|
| 737 |
+
letter-spacing: -0.15px !important;
|
| 738 |
+
text-wrap: none;
|
| 739 |
+
vertical-align: middle;
|
| 740 |
+
line-height: 33px !important;
|
| 741 |
+
padding: 0;
|
| 742 |
+
text-align: center;
|
| 743 |
+
text-decoration: none !important;
|
| 744 |
+
text-shadow: 0 1px 1px rgba(34, 34, 34, 0.05);
|
| 745 |
+
}
|
| 746 |
+
|
| 747 |
+
.kofitext a {
|
| 748 |
+
color: #fff !important;
|
| 749 |
+
text-decoration: none !important;
|
| 750 |
+
}
|
| 751 |
+
|
| 752 |
+
.kofitext a:hover {
|
| 753 |
+
color: #fff !important;
|
| 754 |
+
text-decoration: none;
|
| 755 |
+
}
|
| 756 |
+
|
| 757 |
+
a.kofi-button {
|
| 758 |
+
background: var(--primary-600) !important;
|
| 759 |
+
box-shadow: 0px -8px 16px -8px rgba(17, 17, 27, 0.7);
|
| 760 |
+
border: 4px solid var(--neutral-950) !important;
|
| 761 |
+
|
| 762 |
+
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
|
| 763 |
+
line-height: 36px !important;
|
| 764 |
+
min-width: 150px;
|
| 765 |
+
display: inline-block !important;
|
| 766 |
+
background-color: #29abe0;
|
| 767 |
+
padding: 2px 12px !important;
|
| 768 |
+
text-align: center !important;
|
| 769 |
+
border-radius: 7px;
|
| 770 |
+
color: #fff;
|
| 771 |
+
cursor: pointer;
|
| 772 |
+
overflow-wrap: break-word;
|
| 773 |
+
vertical-align: middle;
|
| 774 |
+
|
| 775 |
+
border: 4px solid var(--neutral-900) !important;
|
| 776 |
+
font-family: "Quicksand", Helvetica, Century Gothic, sans-serif !important;
|
| 777 |
+
text-decoration: none;
|
| 778 |
+
text-shadow: none;
|
| 779 |
+
font-weight: 700 !important;
|
| 780 |
+
font-size: 14px !important;
|
| 781 |
+
}
|
| 782 |
+
|
| 783 |
+
a.kofi-button:visited {
|
| 784 |
+
color: #fff !important;
|
| 785 |
+
text-decoration: none !important;
|
| 786 |
+
}
|
| 787 |
+
|
| 788 |
+
a.kofi-button:hover {
|
| 789 |
+
opacity: 0.85;
|
| 790 |
+
color: #f5f5f5 !important;
|
| 791 |
+
text-decoration: none !important;
|
| 792 |
+
}
|
| 793 |
+
|
| 794 |
+
a.kofi-button:active {
|
| 795 |
+
color: #f5f5f5 !important;
|
| 796 |
+
text-decoration: none !important;
|
| 797 |
+
}
|
| 798 |
+
|
| 799 |
+
.kofitext img.kofiimg {
|
| 800 |
+
height: 15px !important;
|
| 801 |
+
width: 22px !important;
|
| 802 |
+
display: initial;
|
| 803 |
+
animation: kofi-wiggle 3s infinite;
|
| 804 |
+
}
|
| 805 |
+
|
| 806 |
+
@keyframes kofi-wiggle {
|
| 807 |
+
0% {
|
| 808 |
+
transform: rotate(0) scale(1);
|
| 809 |
+
}
|
| 810 |
+
|
| 811 |
+
60% {
|
| 812 |
+
transform: rotate(0) scale(1);
|
| 813 |
+
}
|
| 814 |
+
|
| 815 |
+
75% {
|
| 816 |
+
transform: rotate(0) scale(1.12);
|
| 817 |
+
}
|
| 818 |
+
|
| 819 |
+
80% {
|
| 820 |
+
transform: rotate(0) scale(1.1);
|
| 821 |
+
}
|
| 822 |
+
|
| 823 |
+
84% {
|
| 824 |
+
transform: rotate(-10deg) scale(1.1);
|
| 825 |
+
}
|
| 826 |
+
|
| 827 |
+
88% {
|
| 828 |
+
transform: rotate(10deg) scale(1.1);
|
| 829 |
+
}
|
| 830 |
+
|
| 831 |
+
92% {
|
| 832 |
+
transform: rotate(-10deg) scale(1.1);
|
| 833 |
+
}
|
| 834 |
+
|
| 835 |
+
96% {
|
| 836 |
+
transform: rotate(10deg) scale(1.1);
|
| 837 |
+
}
|
| 838 |
+
|
| 839 |
+
100% {
|
| 840 |
+
transform: rotate(0) scale(1);
|
| 841 |
+
}
|
| 842 |
+
}
|
| 843 |
+
|
| 844 |
+
/* KOFI CSS END */
|
| 845 |
+
|
| 846 |
+
label.svelte-1bx8sav > .svelte-1bx8sav + .svelte-1bx8sav,
|
| 847 |
+
label.svelte-1e02hys > .svelte-1e02hys + .svelte-1e02hys {
|
| 848 |
+
margin-left: 0;
|
| 849 |
+
}
|
| 850 |
+
|
| 851 |
+
.wrap.svelte-1e02hys.svelte-1e02hys.svelte-1e02hys {
|
| 852 |
+
flex-direction: column;
|
| 853 |
+
}
|
| 854 |
+
|
| 855 |
+
div.svelte-j9uq24 {
|
| 856 |
+
margin: var(--spacing-md) 0;
|
| 857 |
+
}
|
| 858 |
+
|
| 859 |
+
.app.svelte-1x0lotp.svelte-1x0lotp {
|
| 860 |
+
position: relative;
|
| 861 |
+
margin: auto;
|
| 862 |
+
padding: var(--size-4) var(--size-8);
|
| 863 |
+
width: 100%;
|
| 864 |
+
height: 100%;
|
| 865 |
+
}
|
| 866 |
+
|
| 867 |
+
@media (min-width: 640px) {
|
| 868 |
+
.fillable.svelte-1x0lotp.svelte-1x0lotp:not(.fill_width) {
|
| 869 |
+
max-width: 640px !important;
|
| 870 |
+
}
|
| 871 |
+
}
|
| 872 |
+
|
| 873 |
+
@media (min-width: 768px) {
|
| 874 |
+
.fillable.svelte-1x0lotp.svelte-1x0lotp:not(.fill_width) {
|
| 875 |
+
max-width: 768px !important;
|
| 876 |
+
}
|
| 877 |
+
}
|
| 878 |
+
|
| 879 |
+
@media (min-width: 1024px) {
|
| 880 |
+
.fillable.svelte-1x0lotp.svelte-1x0lotp:not(.fill_width) {
|
| 881 |
+
max-width: 1024px !important;
|
| 882 |
+
}
|
| 883 |
+
}
|
| 884 |
+
|
| 885 |
+
@media (min-width: 1280px) {
|
| 886 |
+
.fillable.svelte-1x0lotp.svelte-1x0lotp:not(.fill_width) {
|
| 887 |
+
max-width: 1280px !important;
|
| 888 |
+
}
|
| 889 |
+
}
|
| 890 |
+
|
| 891 |
+
@media (min-width: 1536px) {
|
| 892 |
+
.fillable.svelte-1x0lotp.svelte-1x0lotp:not(.fill_width) {
|
| 893 |
+
max-width: 1536px !important;
|
| 894 |
+
}
|
| 895 |
+
}
|
| 896 |
+
|
| 897 |
+
@media (min-width: 1920px) {
|
| 898 |
+
.fillable.svelte-1x0lotp.svelte-1x0lotp:not(.fill_width) {
|
| 899 |
+
max-width: 1536px !important;
|
| 900 |
+
}
|
| 901 |
+
}
|
_res/_custom.js
ADDED
|
@@ -0,0 +1,321 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
function gradioCustomJS() {
|
| 2 |
+
console.log("gradioCustomJS Started")
|
| 3 |
+
|
| 4 |
+
// MARK: berechne Helligkeit der Akzentfarbe
|
| 5 |
+
function berechneHelligkeit(rgb) {
|
| 6 |
+
const match = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/)
|
| 7 |
+
if (!match) {
|
| 8 |
+
throw new Error("Ungültiges Farbformat")
|
| 9 |
+
}
|
| 10 |
+
|
| 11 |
+
const r = parseInt(match[1]) / 255
|
| 12 |
+
const g = parseInt(match[2]) / 255
|
| 13 |
+
const b = parseInt(match[3]) / 255
|
| 14 |
+
|
| 15 |
+
const rLin = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4)
|
| 16 |
+
const gLin = g <= 0.03928 ? g / 12.92 : Math.pow((g + 0.055) / 1.055, 2.4)
|
| 17 |
+
const bLin = b <= 0.03928 ? b / 12.92 : Math.pow((b + 0.055) / 1.055, 2.4)
|
| 18 |
+
|
| 19 |
+
const luminanz = 0.2126 * rLin + 0.7152 * gLin + 0.0722 * bLin
|
| 20 |
+
|
| 21 |
+
return luminanz
|
| 22 |
+
}
|
| 23 |
+
|
| 24 |
+
// MARK: Textfarbe bestimmen
|
| 25 |
+
function anpasseTextfarbe(farbe) {
|
| 26 |
+
const luminanz = berechneHelligkeit(farbe)
|
| 27 |
+
const textFarbe = luminanz > 0.4 ? "var(--neutral-950)" : "var(--neutral-50)"
|
| 28 |
+
console.log("Luminanz: " + luminanz + " Text-Farbe: " + textFarbe)
|
| 29 |
+
|
| 30 |
+
return textFarbe
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
const body = document.querySelector("body")
|
| 34 |
+
body.className = "dark"
|
| 35 |
+
|
| 36 |
+
// Catppuccin colors
|
| 37 |
+
const rosewater = "245, 224, 220"
|
| 38 |
+
const flamingo = "242, 205, 205"
|
| 39 |
+
const pink = "245, 194, 231"
|
| 40 |
+
const mauve = "203, 166, 247"
|
| 41 |
+
const red = "243, 139, 168"
|
| 42 |
+
const maroon = "235, 160, 172"
|
| 43 |
+
const peach = "250, 179, 135"
|
| 44 |
+
const yellow = "249, 226, 175"
|
| 45 |
+
const green = "166, 227, 161"
|
| 46 |
+
const teal = "148, 226, 213"
|
| 47 |
+
const sky = "137, 220, 235"
|
| 48 |
+
const sapphire = "116, 199, 236"
|
| 49 |
+
const blue = "137, 180, 250"
|
| 50 |
+
|
| 51 |
+
let colors = [rosewater, flamingo, pink, mauve, red, maroon, peach, yellow, green, teal, sky, sapphire, blue]
|
| 52 |
+
let usedColor = `rgb(${colors[Math.floor(Math.random() * colors.length)]})`
|
| 53 |
+
|
| 54 |
+
let text_color_by_luminance = anpasseTextfarbe(usedColor)
|
| 55 |
+
|
| 56 |
+
body.style.setProperty("--cat-rosewater", "rgb(" + rosewater + ")")
|
| 57 |
+
body.style.setProperty("--cat-flamingo", "rgb(" + flamingo + ")")
|
| 58 |
+
body.style.setProperty("--cat-pink", "rgb(" + pink + ")")
|
| 59 |
+
body.style.setProperty("--cat-mauve", "rgb(" + mauve + ")")
|
| 60 |
+
body.style.setProperty("--cat-red", "rgb(" + red + ")")
|
| 61 |
+
body.style.setProperty("--cat-maroon", "rgb(" + maroon + ")")
|
| 62 |
+
body.style.setProperty("--cat-peach", "rgb(" + peach + ")")
|
| 63 |
+
body.style.setProperty("--cat-yellow", "rgb(" + yellow + ")")
|
| 64 |
+
body.style.setProperty("--cat-green", "rgb(" + green + ")")
|
| 65 |
+
body.style.setProperty("--cat-teal", "rgb(" + teal + ")")
|
| 66 |
+
body.style.setProperty("--cat-sky", "rgb(" + sky + ")")
|
| 67 |
+
body.style.setProperty("--cat-sapphire", "rgb(" + sapphire + ")")
|
| 68 |
+
body.style.setProperty("--cat-blue", "rgb(" + blue + ")")
|
| 69 |
+
|
| 70 |
+
body.style.setProperty("--primary-600", usedColor)
|
| 71 |
+
body.style.setProperty("--primary-50", "color-mix(in srgb, var(--primary-600) 5%, white)")
|
| 72 |
+
body.style.setProperty("--primary-100", "color-mix(in srgb, var(--primary-600) 10%, white)")
|
| 73 |
+
body.style.setProperty("--primary-200", "color-mix(in srgb, var(--primary-600) 20%, white)")
|
| 74 |
+
body.style.setProperty("--primary-300", "color-mix(in srgb, var(--primary-600) 60%, white)")
|
| 75 |
+
body.style.setProperty("--primary-400", "color-mix(in srgb, var(--primary-600) 70%, white)")
|
| 76 |
+
body.style.setProperty("--primary-500", "color-mix(in srgb, var(--primary-600) 80%, white)")
|
| 77 |
+
body.style.setProperty("--primary-700", "color-mix(in srgb, var(--primary-600) 80%, black)")
|
| 78 |
+
body.style.setProperty("--primary-800", "color-mix(in srgb, var(--primary-600) 65%, black)")
|
| 79 |
+
body.style.setProperty("--primary-900", "color-mix(in srgb, var(--primary-600) 40%, black)")
|
| 80 |
+
body.style.setProperty("--primary-950", "color-mix(in srgb, var(--primary-600) 30%, black)")
|
| 81 |
+
|
| 82 |
+
body.style.setProperty("--button-primary-background-fill", "var(--primary-600)")
|
| 83 |
+
body.style.setProperty("--button-primary-background-fill-hover", "var(--primary-500)")
|
| 84 |
+
body.style.setProperty("--blur-value", "0px")
|
| 85 |
+
body.style.setProperty("--checkbox-label-text-color-selected", text_color_by_luminance)
|
| 86 |
+
body.style.setProperty("--text-color-by-luminance", text_color_by_luminance)
|
| 87 |
+
body.style.setProperty("--block-title-text-color", text_color_by_luminance)
|
| 88 |
+
body.style.setProperty("--block-label-text-color", text_color_by_luminance)
|
| 89 |
+
|
| 90 |
+
// MARK: Selectors & Elements
|
| 91 |
+
const gradioApp = document.querySelector("gradio-app")
|
| 92 |
+
const gradioContainer = document.querySelector("body > gradio-app > div.gradio-container")
|
| 93 |
+
const dominantImageColor = document.getElementById("dominant_image_color")
|
| 94 |
+
const dominantImageColorTextarea = dominantImageColor.getElementsByTagName("textarea")[0]
|
| 95 |
+
const outputImageElem = document.querySelector("#output_image > div.image-container.svelte-1p15vfy > button > div > img")
|
| 96 |
+
const alertModalElem = document.createElement("div")
|
| 97 |
+
const alertModalElemP = document.createElement("p")
|
| 98 |
+
const alertModalElemI = document.createElement("i")
|
| 99 |
+
alertModalElemI.className = "fas fa-exclamation-circle"
|
| 100 |
+
const alertModalElemSpan = document.createElement("span")
|
| 101 |
+
alertModalElemSpan.id = "alertModalText"
|
| 102 |
+
const alertModalElemButton = document.createElement("button")
|
| 103 |
+
alertModalElemButton.className = "lg primary run-btn svelte-cmf5ev"
|
| 104 |
+
alertModalElemButton.id = "alertModalBtn"
|
| 105 |
+
alertModalElemButton.textContent = "Ok"
|
| 106 |
+
alertModalElemP.id = "alertModalP"
|
| 107 |
+
alertModalElemP.append(alertModalElemI, alertModalElemSpan)
|
| 108 |
+
alertModalElem.id = "alertModal"
|
| 109 |
+
alertModalElem.style.display = "none"
|
| 110 |
+
alertModalElem.append(alertModalElemP, alertModalElemButton)
|
| 111 |
+
//alertModalElem.innerHTML = '<p></p>'
|
| 112 |
+
gradioApp.appendChild(alertModalElem)
|
| 113 |
+
|
| 114 |
+
alertModalElemButton.addEventListener("click", () => {
|
| 115 |
+
oldText = alertModalElemSpan.textContent
|
| 116 |
+
alertModalElemButton.disabled = true
|
| 117 |
+
if (alertModalElemButton.textContent == "Noch mal?") {
|
| 118 |
+
alertModalElemSpan.innerHTML = 'Na gut, noch mal. <br/>Der "Ok" ... ne, der "Noch mal?" Button ändert nur diesen Text. 😉 In 10 Sekunden wird wieder die ursprüngliche Meldung gezeigt. Cool oder?'
|
| 119 |
+
setTimeout(() => {
|
| 120 |
+
alertModalElemSpan.textContent = oldText
|
| 121 |
+
alertModalElemButton.disabled = false
|
| 122 |
+
alertModalElemButton.textContent = "Noch mal?"
|
| 123 |
+
}, 10000)
|
| 124 |
+
} else if (alertModalElemButton.textContent == "Ok") {
|
| 125 |
+
alertModalElemSpan.innerHTML = 'Der "Ok" Button ändert nur diesen Text. 🫢<br/>In 6 Sekunden wird wieder die ursprüngliche Meldung gezeigt. Cool oder?'
|
| 126 |
+
setTimeout(() => {
|
| 127 |
+
alertModalElemSpan.textContent = oldText
|
| 128 |
+
alertModalElemButton.disabled = false
|
| 129 |
+
alertModalElemButton.textContent = "Noch mal?"
|
| 130 |
+
}, 6000)
|
| 131 |
+
}
|
| 132 |
+
})
|
| 133 |
+
|
| 134 |
+
const prompt_input = document.querySelector("#prompt_input")
|
| 135 |
+
prompt_input.setAttribute("autocomplete", "off")
|
| 136 |
+
prompt_input.setAttribute("autocorrect", "off")
|
| 137 |
+
prompt_input.setAttribute("autocapitalize", "off")
|
| 138 |
+
prompt_input.setAttribute("spellcheck", "false")
|
| 139 |
+
|
| 140 |
+
const switch_width_height = document.querySelector("#switch_width_height")
|
| 141 |
+
const random_prompt_btn = document.querySelector("#random_prompt_btn")
|
| 142 |
+
const switch_ratio_btns = document.querySelectorAll("#image_ratio_buttons label")
|
| 143 |
+
|
| 144 |
+
// MARK: DOM Change Detection
|
| 145 |
+
function onDominantImageColorChange(callback) {
|
| 146 |
+
const observer = new MutationObserver(callback)
|
| 147 |
+
observer.observe(document.querySelector("#dominant_image_color"), {
|
| 148 |
+
childList: true,
|
| 149 |
+
subtree: true,
|
| 150 |
+
})
|
| 151 |
+
}
|
| 152 |
+
|
| 153 |
+
function onImageRatioButtonsChange(callback) {
|
| 154 |
+
const observer = new MutationObserver(callback)
|
| 155 |
+
observer.observe(document.querySelector("#image_ratio_buttons"), {
|
| 156 |
+
childList: true,
|
| 157 |
+
subtree: true,
|
| 158 |
+
})
|
| 159 |
+
}
|
| 160 |
+
|
| 161 |
+
function onDomElemChange(selector) {
|
| 162 |
+
return new Promise((resolve) => {
|
| 163 |
+
const element = document.querySelector(selector)
|
| 164 |
+
if (!element) {
|
| 165 |
+
console.error(`Element nicht gefunden: ${selector}`)
|
| 166 |
+
return
|
| 167 |
+
}
|
| 168 |
+
|
| 169 |
+
const observer = new MutationObserver((mutations) => {
|
| 170 |
+
mutations.forEach((mutation) => {
|
| 171 |
+
if (mutation.type === "childList" || mutation.type === "attributes") {
|
| 172 |
+
resolve(element)
|
| 173 |
+
}
|
| 174 |
+
})
|
| 175 |
+
})
|
| 176 |
+
|
| 177 |
+
observer.observe(element, {
|
| 178 |
+
childList: true,
|
| 179 |
+
subtree: true,
|
| 180 |
+
attributes: true,
|
| 181 |
+
})
|
| 182 |
+
|
| 183 |
+
// Wiederholt aufgerufen werden
|
| 184 |
+
function watch() {
|
| 185 |
+
observer.disconnect()
|
| 186 |
+
observer.observe(element, {
|
| 187 |
+
childList: true,
|
| 188 |
+
subtree: true,
|
| 189 |
+
attributes: true,
|
| 190 |
+
})
|
| 191 |
+
setTimeout(watch, 100)
|
| 192 |
+
}
|
| 193 |
+
watch()
|
| 194 |
+
})
|
| 195 |
+
}
|
| 196 |
+
|
| 197 |
+
onDominantImageColorChange(() => {
|
| 198 |
+
const dominantImageColorValue = dominantImageColorTextarea.value
|
| 199 |
+
console.log("changed: " + dominantImageColorValue)
|
| 200 |
+
if (dominantImageColorValue.match(/^rgb\((\d{1,3}),(\s\d{1,3}),(\s\d{1,3})\)$/) && document.querySelector("#output_image > div.image-container > button > div > img").src) {
|
| 201 |
+
document.querySelector("#output_image > div.image-container > button > div > img").style.opacity = "0"
|
| 202 |
+
document.querySelector("body > gradio-app > div").classList.add("fade-bg")
|
| 203 |
+
document.querySelector("gradio-app").style.opacity = "0"
|
| 204 |
+
setTimeout(() => {
|
| 205 |
+
usedColor = dominantImageColorValue
|
| 206 |
+
body.style.setProperty("--primary-600", usedColor)
|
| 207 |
+
body.style.setProperty("--text-color-by-luminance", anpasseTextfarbe(usedColor))
|
| 208 |
+
gradioApp.classList.add("has-bg-image")
|
| 209 |
+
body.style.setProperty("--bg-image-path", `url("${document.querySelector("#output_image > div.image-container > button > div > img").src}")`)
|
| 210 |
+
}, 400)
|
| 211 |
+
setTimeout(() => {
|
| 212 |
+
gradioApp.style.opacity = "1"
|
| 213 |
+
document.querySelector("#output_image > div.image-container > button > div > img").style.opacity = "1"
|
| 214 |
+
dominantImageColorTextarea.value = ""
|
| 215 |
+
}, 800)
|
| 216 |
+
setTimeout(() => {
|
| 217 |
+
//document.querySelector("body > gradio-app > div").classList.remove("fade-bg")
|
| 218 |
+
}, 2000)
|
| 219 |
+
}
|
| 220 |
+
})
|
| 221 |
+
|
| 222 |
+
// MARK: SVGs
|
| 223 |
+
document.querySelector(".row-header i.winking-hand-emoji").innerHTML =
|
| 224 |
+
'<svg aria-hidden="true" style="height: 16px;" preserveAspectRatio="xMidYMid meet" role="img" viewBox="0 0 128 128"><style> @keyframes wink{0%, 60%, 100%{transform: rotate(0deg);}10%, 30%, 70%, 90%{transform: rotate(14deg);}20%, 80%{transform: rotate(-8deg);}40%{transform: rotate(-4deg);}50%{transform: rotate(10deg);}}</style><g style="animation: wink 3s ease-in-out infinite; transform-origin: 50% 50%;"><radialGradient id="a" cx="-779.868" cy="686.689" r="91.008" gradientTransform="scale(1 -1) rotate(45 506.867 1318.897)" gradientUnits="userSpaceOnUse"><stop offset=".353" stop-color="#ffca28"/><stop offset=".872" stop-color="#ffb300"/></radialGradient><path fill="url(#a)" d="M59.53 107.44c-3.95-3.17-40.63-38.84-41.04-39.23-1.62-1.62-2.64-3.3-2.92-4.84-.29-1.6.2-3 1.5-4.3 1.21-1.21 2.69-1.85 4.28-1.85 1.94 0 3.93.92 5.59 2.59l16.63 15.98c.29.28.67.42 1.04.42a1.494 1.494 0 0 0 1.07-2.54L19.13 46.25c-2.66-2.66-3.91-6.73-.75-9.89 1.21-1.21 2.69-1.85 4.28-1.85 1.94 0 3.93.92 5.59 2.59l27.16 26.48c.29.28.67.43 1.05.43s.77-.15 1.06-.44c.58-.58.59-1.52.01-2.11L24.91 28.02c-1.51-1.51-2.42-3.32-2.58-5.08-.15-1.79.48-3.45 1.83-4.8 1.21-1.21 2.69-1.85 4.28-1.85 1.94 0 3.93.92 5.59 2.58L67.3 51.31c.29.28.67.43 1.05.43s.77-.15 1.06-.44c.58-.58.59-1.52.01-2.11L45.26 24.36c-1.52-1.52-2.43-3.32-2.58-5.08-.15-1.79.48-3.45 1.83-4.8 1.21-1.21 2.69-1.85 4.28-1.85 1.94 0 3.93.92 5.59 2.59 8.86 8.7 31.99 31.45 32.77 32.29 2.97 2.05 3.57-1.05 3.72-3.06.17-2.34-2.51-10.51-.95-17.86 2.62-9.77 10.17-8.17 10.34-8.09 4.14 1.94 3.35 4.84 1.88 10.67l-.15 1.15c-1.54 7.62 9.04 30.2 9.82 31.89 4.15 9.08 8.93 27.49-6.9 43.32-17.35 17.35-38.83 8.46-45.38 1.91z"/><path fill="#eda600" d="M81.79 117.18c-10.64 0-19.69-5.09-23.26-8.62-3.21-2.62-23.47-22.18-39.97-38.19-.67-.65-1.06-1.02-1.1-1.07-1.87-1.87-3.03-3.82-3.36-5.66-.38-2.09.27-3.98 1.91-5.63 1.5-1.5 3.34-2.29 5.34-2.29 2.35 0 4.71 1.08 6.65 3.03l16.61 15.96-26.56-27.42c-3.06-3.06-4.6-8.13-.73-11.99 1.5-1.5 3.34-2.29 5.34-2.29 2.35 0 4.71 1.08 6.65 3.03L56.45 62.5 23.84 29.07c-1.74-1.74-2.81-3.87-3-5.99-.19-2.26.59-4.33 2.26-6 1.5-1.5 3.34-2.29 5.34-2.29 2.34 0 4.7 1.07 6.65 3.02l33.26 32.43-24.16-24.83c-1.75-1.75-2.82-3.88-3-6-.19-2.25.59-4.32 2.26-5.99 1.5-1.5 3.34-2.29 5.34-2.29 2.35 0 4.71 1.08 6.65 3.03l7.21 7.07c12.85 12.6 23.59 23.15 24.74 24.33.56.45 1.29.62 1.6.47.2-.1.42-.56.38-1.53-.06-1.7-.3-3.81-.55-6.04-.5-4.48-1.02-9.12-.37-12.18 1.42-5.31 4.21-7.56 6.29-8.53 2.86-1.32 5.63-.86 6.16-.61 5.2 2.44 4.17 6.52 2.75 12.18l-.03.14-.16 1.17c-1.04 5.12 4.3 19.27 9.64 30.8l.08.16c3.57 7.8 10 27.81-7.2 45.01-7.91 7.89-16.47 10.58-24.19 10.58zM21.35 58.72c-1.18 0-2.3.49-3.22 1.41-.95.95-1.28 1.87-1.08 2.97.22 1.21 1.11 2.65 2.5 4.05.01.01.41.4 1.1 1.06 23.42 22.73 37.56 36.24 39.82 38.06l.12.11c5.52 5.52 26.03 15.32 43.26-1.91 15.87-15.87 9.9-34.4 6.59-41.64l-.07-.15c-3.44-7.42-11.26-25.42-9.87-32.6l.23-1.5c1.54-6.12 1.63-7.4-.98-8.66-.77-.14-6.29-.81-8.4 7.06-.53 2.51-.02 7.1.43 11.15.26 2.29.5 4.46.56 6.27.1 2.85-1.25 3.94-2.07 4.34-1.67.81-3.66.12-4.9-.92l-.13-.12c-.61-.66-15.12-14.89-24.72-24.31L53.3 16.3c-2.46-2.47-5.63-2.88-7.76-.75-1.04 1.04-1.51 2.26-1.4 3.61.12 1.41.88 2.88 2.15 4.15L70.5 48.14a3.012 3.012 0 0 1-.02 4.22c-1.11 1.11-3.07 1.13-4.21.03L32.98 19.94c-2.46-2.46-5.64-2.87-7.76-.74-1.04 1.04-1.51 2.26-1.4 3.61.13 1.41.89 2.89 2.15 4.14L58.6 60.41c1.15 1.16 1.14 3.06-.02 4.22-1.11 1.11-3.07 1.13-4.21.03L27.2 38.17c-2.46-2.48-5.64-2.88-7.76-.75-2.59 2.59-1.21 5.8.75 7.77l26.57 27.44a2.988 2.988 0 0 1-.03 4.2c-1.12 1.12-3.06 1.13-4.2.04L25.9 60.89c-1.4-1.41-3.01-2.17-4.55-2.17z"/><path fill="#eda600" d="M84.76 46.54c-5.49 11.21-4.78 26.9 3.46 39.49.93 1.7 2.52.87 1.71-.88-9.95-21.29.48-36.63.48-36.63l-5.65-1.98z"/><path fill="#b0bec5" d="M63.17 4.5c3.02-.79 6.24-.72 9.37.01 3.11.75 6.22 2.33 8.53 4.91 2.26 2.56 3.65 5.67 4.12 8.93.44 3.23.03 6.56-1.5 9.32-.18-3.1-.72-5.95-1.63-8.58-.47-1.31-1.02-2.56-1.69-3.74-.66-1.17-1.44-2.33-2.27-3.28-1.69-1.95-3.98-3.47-6.55-4.65-2.58-1.22-5.39-2.12-8.38-2.92z"/><path fill="#90a4ae" d="M64 13.98c1.67-1.06 3.76-1.28 5.73-.93 1.99.35 3.89 1.34 5.39 2.71 1.49 1.39 2.55 3.14 3.21 4.96.32.91.48 1.87.63 2.8.05.96.05 1.92-.1 2.88-.69-.73-1.23-1.46-1.74-2.17-.59-.67-1.05-1.38-1.58-2.03-1.04-1.29-2.05-2.46-3.14-3.5-1.12-1.01-2.3-1.9-3.67-2.67-1.36-.79-2.89-1.45-4.73-2.05z"/><path fill="#b0bec5" d="M6.83 77.34c1.41 2.76 2.88 5.32 4.59 7.58 1.7 2.26 3.65 4.18 5.92 5.43 1.1.61 2.41 1.14 3.69 1.54 1.29.41 2.63.69 4.01.88 2.76.34 5.66.28 8.73-.19-2.38 2.07-5.56 3.17-8.8 3.41-3.28.22-6.61-.49-9.59-2.17-3-1.71-5.2-4.43-6.58-7.32-1.38-2.91-2.12-6.04-1.97-9.16z"/><path fill="#90a4ae" d="M16.28 76.17c.97 1.68 1.93 3.03 2.98 4.21 1.04 1.18 2.16 2.15 3.38 3.03 1.24.85 2.6 1.6 4.08 2.35.74.38 1.53.68 2.31 1.12.81.35 1.63.72 2.49 1.25-.91.34-1.84.54-2.79.69-.94.04-1.91.09-2.87-.04-1.92-.26-3.84-.93-5.52-2.1-1.65-1.19-3.02-2.84-3.77-4.71-.76-1.86-.98-3.94-.29-5.8z"/></g></svg>'
|
| 225 |
+
document.querySelector(".row-header i.heart-beat-emoji").innerHTML =
|
| 226 |
+
'<svg xmlns="http://www.w3.org/2000/svg" style="height: 16px;" viewBox="0 0 512 512"><defs><style> @keyframes beat{0%{transform: scale(1);}5%{transform: scale(0.75);}20%{transform: scale(1);}30%{transform: scale(1);}35%{transform: scale(0.75);}50%{transform: scale(1);}55%{transform: scale(0.75);}70%{transform: scale(1);}}</style></defs><g style="animation: beat 2s ease-in-out infinite; transform-origin: 50% 50%;"><path fill="#bd0a0a" d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></g></svg>'
|
| 227 |
+
random_prompt_btn.innerHTML =
|
| 228 |
+
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g data-name="Ebene_1"><path fill="none" d="M0 48V0h48v48z"/><path d="M42.15 9.85C41.58 9.28 40.9 9 40.12 9H7.88c-.78 0-1.46.28-2.03.85S5 11.1 5 11.88v24.23c0 .78.28 1.46.85 2.03s1.25.85 2.03.85h32.23c.78 0 1.46-.28 2.03-.85s.85-1.25.85-2.03V11.88c0-.78-.28-1.46-.85-2.03ZM13.66 30.78c-.68 0-1.24-.55-1.24-1.24s.55-1.24 1.24-1.24 1.24.55 1.24 1.24-.55 1.24-1.24 1.24Zm2.8-7.78-1.3 1.8c-.32.45-.41.76-.48 1.23-.04.26-.13.48-.28.64-.17.19-.42.29-.73.29s-.56-.12-.73-.31c-.16-.18-.25-.42-.25-.73 0-.68.12-1.09.65-1.8l1.48-2c.33-.45.58-.87.58-1.47 0-1.04-.75-1.83-1.83-1.83-.52 0-.99.15-1.36.52-.29.29-.43.65-.55 1.12-.06.22-.16.47-.27.58-.15.17-.39.29-.7.29-.26 0-.49-.1-.66-.29-.18-.2-.23-.42-.23-.71 0-.67.35-1.58 1.03-2.22.68-.65 1.62-1.03 2.73-1.03 2.11 0 3.79 1.4 3.79 3.57 0 1-.35 1.62-.89 2.36Zm7.28 7.78c-.68 0-1.24-.55-1.24-1.24s.55-1.24 1.24-1.24 1.24.55 1.24 1.24-.55 1.24-1.24 1.24Zm2.8-7.78-1.3 1.8c-.32.45-.41.76-.48 1.23-.04.26-.13.48-.28.64-.17.19-.42.29-.73.29s-.56-.12-.73-.31c-.16-.18-.25-.42-.25-.73 0-.68.12-1.09.65-1.8l1.48-2c.33-.45.58-.87.58-1.47 0-1.04-.75-1.83-1.83-1.83-.52 0-.99.15-1.36.52-.29.29-.43.65-.55 1.12-.06.22-.16.47-.27.58-.15.17-.39.29-.7.29-.26 0-.49-.1-.66-.29-.18-.2-.23-.42-.23-.71 0-.67.35-1.58 1.03-2.22.68-.65 1.62-1.03 2.73-1.03 2.11 0 3.79 1.4 3.79 3.57 0 1-.35 1.62-.89 2.36Zm7.28 7.78c-.68 0-1.24-.55-1.24-1.24s.55-1.24 1.24-1.24 1.24.55 1.24 1.24-.55 1.24-1.24 1.24Zm2.8-7.78-1.3 1.8c-.32.45-.41.76-.48 1.23-.04.26-.13.48-.28.64-.17.19-.42.29-.73.29s-.56-.12-.73-.31c-.16-.18-.25-.42-.25-.73 0-.68.12-1.09.65-1.8l1.48-2c.33-.45.58-.87.58-1.47 0-1.04-.75-1.83-1.83-1.83-.52 0-.99.15-1.36.52-.29.29-.43.65-.55 1.12-.06.22-.16.47-.27.58-.15.17-.39.29-.7.29-.26 0-.49-.1-.66-.29-.18-.2-.23-.42-.23-.71 0-.67.35-1.58 1.03-2.22.68-.65 1.62-1.03 2.73-1.03 2.11 0 3.79 1.4 3.79 3.57 0 1-.35 1.62-.89 2.36Z"/></g></svg>'
|
| 229 |
+
const enhance_prompt_btn = document.querySelector("#enhance_prompt_btn")
|
| 230 |
+
enhance_prompt_btn.innerHTML =
|
| 231 |
+
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g data-name="Ebene_1"><path fill="none" d="M0 48V0h48v48z"/><path d="m33.91 29.59 9.37-8.07h.38c.4.05.72.21.95.49.23.28.35.59.35.91 0 .18-.05.37-.14.55-.09.18-.22.35-.37.5l-7.55 6.48 2.31 10s.04.1.04.17v.14c0 .41-.14.73-.42.98-.28.24-.6.37-.97.37-.12 0-.24-.01-.37-.04s-.25-.07-.37-.13l-.4-.27-2.8-12.09Zm-4.95-15.31-3-7.1.16-.33c.1-.27.26-.47.5-.63.24-.15.49-.23.75-.23.24 0 .49.07.74.22s.43.36.55.65l3.25 7.67-2.95-.26ZM12.1 37.29l8.69-5.23 8.69 5.29-2.3-9.9 7.65-6.64-10.09-.89-3.95-9.31-3.95 9.25-10.09.89 7.65 6.66-2.3 9.88Zm-3.09 1.65 2.44-10.56-8.16-7.13c-.2-.18-.35-.38-.46-.59-.11-.22-.16-.42-.16-.63 0-.41.14-.79.43-1.14.29-.34.67-.53 1.14-.55l10.8-.96 4.18-9.96c.13-.34.34-.59.64-.76.3-.17.6-.25.91-.25s.62.08.93.25c.31.17.53.42.66.76l4.18 9.96 10.8.96c.48.02.86.21 1.15.55.29.34.44.72.44 1.13 0 .22-.06.44-.18.65-.12.21-.27.4-.47.58l-8.16 7.13 2.47 10.56c.03.09.05.21.05.36 0 .48-.17.89-.51 1.22-.34.33-.73.49-1.16.49-.09 0-.4-.09-.93-.27l-9.26-5.59-9.26 5.59c-.14.08-.29.14-.46.19-.16.05-.31.08-.44.08-.5 0-.94-.21-1.31-.62-.37-.41-.48-.9-.32-1.45Z"/></g></svg>'
|
| 232 |
+
document.querySelector("#run_btn").innerHTML =
|
| 233 |
+
//'<dotlottie-player src="https://lottie.host/07f9842b-03a8-46dc-a45f-684d4cf57429/2amWXB96uz.lottie" background="transparent" speed="1" loop></dotlottie-player>'
|
| 234 |
+
'<dotlottie-player src="https://lottie.host/e3515e09-f615-49f0-a63d-a421b45ceb45/XEuKdFRH19.lottie" background="transparent" speed="1" loop></dotlottie-player>'
|
| 235 |
+
|
| 236 |
+
const switch_width_height_inner = document.createElement("div")
|
| 237 |
+
//const switch_width_height_inner_image = document.createElement("div")
|
| 238 |
+
//switch_width_height_inner_image.id = "switch_width_height_inner_image"
|
| 239 |
+
switch_width_height_inner.id = "switch_width_height_inner"
|
| 240 |
+
switch_width_height_inner.setAttribute("data-aspect-ratio", "9-16")
|
| 241 |
+
switch_width_height_inner.className = "hochformat"
|
| 242 |
+
switch_width_height_inner.innerHTML = `<div></div>`
|
| 243 |
+
//switch_width_height_inner.append(switch_width_height_inner_image)
|
| 244 |
+
switch_width_height.append(switch_width_height_inner)
|
| 245 |
+
const switch_width_height_btn_inner = document.querySelector("div#switch_width_height_inner")
|
| 246 |
+
|
| 247 |
+
switch_width_height.addEventListener("click", () => {
|
| 248 |
+
//switch_width_height_btn_inner.className = document.querySelector("#image_ratio_buttons > span").textContent.toLocaleLowerCase()
|
| 249 |
+
})
|
| 250 |
+
|
| 251 |
+
switch_ratio_btns.forEach((_) => {
|
| 252 |
+
_.querySelector("input").addEventListener("click", (e) => {
|
| 253 |
+
switch_width_height_btn_inner.setAttribute("data-aspect-ratio", e.target.value.replace(":", "-").trim())
|
| 254 |
+
})
|
| 255 |
+
})
|
| 256 |
+
|
| 257 |
+
onImageRatioButtonsChange(() => {
|
| 258 |
+
switch_width_height_btn_inner.className = document.querySelector("#image_ratio_buttons > span").textContent.toLocaleLowerCase()
|
| 259 |
+
const selected_ratio = document.querySelector("#image_ratio_buttons label.selected input").value.replace(":", "-").trim()
|
| 260 |
+
if (switch_width_height_btn_inner.getAttribute("data-aspect-ratio") != selected_ratio) {
|
| 261 |
+
switch_width_height_btn_inner.setAttribute("data-aspect-ratio", selected_ratio)
|
| 262 |
+
}
|
| 263 |
+
})
|
| 264 |
+
|
| 265 |
+
// MARK: Element-Ready function
|
| 266 |
+
function elementReady(selector) {
|
| 267 |
+
return new Promise((resolve, reject) => {
|
| 268 |
+
const el = document.querySelector(selector)
|
| 269 |
+
if (el) {
|
| 270 |
+
resolve(el)
|
| 271 |
+
}
|
| 272 |
+
|
| 273 |
+
new MutationObserver((mutationRecords, observer) => {
|
| 274 |
+
Array.from(document.querySelectorAll(selector)).forEach((element) => {
|
| 275 |
+
resolve(element)
|
| 276 |
+
observer.disconnect()
|
| 277 |
+
})
|
| 278 |
+
}).observe(document.documentElement, {
|
| 279 |
+
childList: true,
|
| 280 |
+
subtree: true,
|
| 281 |
+
})
|
| 282 |
+
})
|
| 283 |
+
}
|
| 284 |
+
|
| 285 |
+
// MARK: Mobile Check
|
| 286 |
+
function istMobile() {
|
| 287 |
+
// Überprüfen, ob das Gerät ein Touchscreen hat
|
| 288 |
+
if ("ontouchstart" in window || (navigator.maxTouchPoints && window.innerWidth < 768)) {
|
| 289 |
+
gradioContainer.classList.remove("blur-container")
|
| 290 |
+
body.style.setProperty("--blur-value", "12px")
|
| 291 |
+
//gradioApp.style.height = "calc(100vh - 120px)"
|
| 292 |
+
alertModalElem.style.display = "none"
|
| 293 |
+
alertModalElemSpan.textContent = "Diese Seite ist nicht für mobile Geräte optimiert. Bitte besuche diese Seite von einem Desktop-Computer aus."
|
| 294 |
+
} else if (window.innerWidth < 1024) {
|
| 295 |
+
gradioContainer.classList.remove("blur-container")
|
| 296 |
+
body.style.setProperty("--blur-value", "12px")
|
| 297 |
+
//gradioApp.style.height = "calc(100vh - 120px)"
|
| 298 |
+
alertModalElem.style.display = "none"
|
| 299 |
+
alertModalElemSpan.textContent = "Bildschirm Auflösung oder Fensterbreite zu gering. Bitte besuche diese Seite von einem Desktop-Computer aus."
|
| 300 |
+
} else {
|
| 301 |
+
gradioContainer.classList.remove("blur-container")
|
| 302 |
+
body.style.setProperty("--blur-value", "0px")
|
| 303 |
+
gradioApp.style.height = ""
|
| 304 |
+
alertModalElem.style.display = "none"
|
| 305 |
+
alertModalElemSpan.textContent = ""
|
| 306 |
+
}
|
| 307 |
+
}
|
| 308 |
+
|
| 309 |
+
// MARK: Event Listeners
|
| 310 |
+
window.addEventListener("resize", () => {
|
| 311 |
+
console.log("Event Window resize.")
|
| 312 |
+
istMobile()
|
| 313 |
+
})
|
| 314 |
+
|
| 315 |
+
elementReady("body > gradio-app > div.gradio-container").then((element) => {
|
| 316 |
+
console.log("Element exist: " + element)
|
| 317 |
+
istMobile()
|
| 318 |
+
})
|
| 319 |
+
|
| 320 |
+
return "Custom Gradio JS"
|
| 321 |
+
}
|
_res/assets/bootstrap-catppuccin-mocha.min.css
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
_res/assets/emoijs/CityscapeAtDusk.png
ADDED
|
Git LFS Details
|
_res/assets/emoijs/NationalPark.png
ADDED
|
Git LFS Details
|
_res/assets/emoijs/Sunrise.png
ADDED
|
Git LFS Details
|
_res/assets/emoijs/SunriseOverMountains.png
ADDED
|
Git LFS Details
|
_res/assets/emoijs/SunsetOverBuildings.png
ADDED
|
Git LFS Details
|
_res/assets/favicons/android-chrome-192x192.png
ADDED
|
|
_res/assets/favicons/android-chrome-512x512.png
ADDED
|
|
Git LFS Details
|
_res/assets/favicons/apple-touch-icon.png
ADDED
|
|
_res/assets/favicons/favicon-16x16.png
ADDED
|
|
_res/assets/favicons/favicon-32x32.png
ADDED
|
|
_res/assets/favicons/favicon.ico
ADDED
|
|
_res/assets/favicons/site.webmanifest
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
_res/assets/fontawesome.all.min.css
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
_res/assets/icons.ai
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
version https://git-lfs.github.com/spec/v1
|
| 2 |
+
oid sha256:396496e2e63d399d2cfd5a4f4470c39b5b9027b5e268e1b23510497608f5b1f6
|
| 3 |
+
size 245605
|
_res/assets/lottie_animations/running_dark.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
{"nm":"runningman","ddd":0,"h":32,"w":32,"meta":{"g":"@lottiefiles/toolkit-js 0.33.2"},"layers":[{"ty":4,"nm":"arm_2","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[17.031,12.969,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[17.969,13.344,0],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":6},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-40],"t":7},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-100],"t":9},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-130],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-40],"t":23},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-100],"t":25},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-130],"t":30},{"s":[0],"t":38.0000015477717}],"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":6},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":7},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":9},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.677,-1.265],[-1.558,1.627]]}],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":23},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":25},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.677,-1.265],[-1.558,1.627]]}],"t":30},{"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":38.0000015477717}],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[0.067,0.067,0.106],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[12.789,15.066],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1},{"ty":4,"nm":"leg_2","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[16,15.274,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":5},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.702,1.615],[8.081,7.411]]}],"t":6},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.577,2.052],[5.018,6.536]]}],"t":7},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.202,1.99],[1.706,6.036]]}],"t":8},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[4.202,2.089],[0.031,5.311]]}],"t":9},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.296,1.721],[-0.957,4.304]]}],"t":10},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.265,1.102],[-2.861,3.006]]}],"t":11},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[1.796,0.608],[-3.515,0.896]]}],"t":12},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.077,0.615],[-2.919,-0.715]]}],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.171,1.115],[-0.794,-1.668]]}],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.676,1.615],[1.42,-1.656]]}],"t":15},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.889,0.51],[3.572,-0.895]]}],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.826,-2.044],[6.023,0.266]]}],"t":17},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.764,-4.348],[8.788,-0.01]]}],"t":18},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[11.244,-4.277],[10.885,0.963]]}],"t":19},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.661,-2.331],[12.92,2.687]]}],"t":20},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.702,1.615],[8.081,7.411]]}],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[5.577,2.052],[5.018,6.536]]}],"t":23},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.202,1.99],[1.706,6.036]]}],"t":24},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[4.202,2.09],[0.031,5.311]]}],"t":25},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.296,1.721],[-0.957,4.304]]}],"t":26},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.265,1.102],[-2.861,3.006]]}],"t":27},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[1.796,0.608],[-3.515,0.896]]}],"t":28},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[2.077,0.615],[-2.919,-0.715]]}],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[3.171,1.115],[-0.794,-1.668]]}],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[5.676,1.615],[1.42,-1.656]]}],"t":31},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[7.889,0.51],[3.572,-0.895]]}],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[10.826,-2.044],[6.023,0.266]]}],"t":33},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[10.764,-4.348],[8.788,-0.01]]}],"t":34},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[11.244,-4.277],[10.885,0.963]]}],"t":35},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.661,-2.331],[12.92,2.687]]}],"t":36},{"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":37.0000015070409}],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[0.067,0.067,0.106],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[11.359,22.733],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":2},{"ty":4,"nm":"foot_2","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16.252,30.696,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[26.109,26.337,0],"t":5,"ti":[7.979,-0.458,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[19.734,29.774,0],"t":6,"ti":[1.591,0.672,0],"to":[-0.899,0.052,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[13.171,28.582,0],"t":8,"ti":[-2.402,2.406,0],"to":[-3.783,-1.598,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[8.297,21.337,0],"t":13,"ti":[0,0,0],"to":[2.583,-2.588,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[26.109,26.337,0],"t":21,"ti":[7.979,-0.458,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[19.734,29.774,0],"t":22,"ti":[1.591,0.672,0],"to":[-0.899,0.052,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[13.171,28.582,0],"t":24,"ti":[-2.402,2.406,0],"to":[-3.783,-1.598,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[8.297,21.337,0],"t":29,"ti":[0,0,0],"to":[2.583,-2.588,0]},{"s":[26.109,26.337,0],"t":37.0000015070409}],"ix":2,"x":"var $bm_rt;\n$bm_rt = loopOut('cycle');"},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-30],"t":5},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":6},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[47.143],"t":8},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[130],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-30],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[47.143],"t":24},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[130],"t":29},{"s":[-30],"t":37.0000015070409}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('cycle');"},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-5.822,0.005],[-8.24,-0.005]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[0.067,0.067,0.106],"ix":3}},{"ty":"tr","a":{"a":0,"k":[-8.236,-0.006],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[16.25,30.69],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":3},{"ty":0,"nm":"head","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"s":true,"x":{"a":0,"k":16,"ix":3,"x":"var $bm_rt;\n$bm_rt = transform.xPosition;"},"y":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[17.5],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[18.5],"t":17},{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[17.5],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":1},"s":[18.5],"t":25},{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[17.5],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[18.5],"t":33},{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[17.5],"t":37},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[18.5],"t":41},{"s":[17.5],"t":45.0000018328876}],"ix":4,"x":"var $bm_rt;\n$bm_rt = loopIn('cycle');"},"z":{"a":0,"k":0}},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"w":32,"h":32,"refId":"comp_0","ind":4,"parent":5},{"ty":0,"nm":"body","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"s":true,"x":{"a":0,"k":16,"ix":3},"y":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[14],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[16],"t":17},{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[14],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[16],"t":25},{"s":[14],"t":29.0000011811942}],"ix":4},"z":{"a":0,"k":0}},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"w":32,"h":32,"refId":"comp_1","ind":5},{"ty":4,"nm":"arm_1","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[17.031,12.969,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[18.031,13.844,0],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-40],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-100],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-130],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-40],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-100],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-130],"t":37},{"s":[0],"t":45.0000018328876}],"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.677,-1.265],[-1.558,1.627]]}],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.677,-1.265],[-1.558,1.627]]}],"t":37},{"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":45.0000018328876}],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[0.067,0.067,0.106],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[12.789,15.066],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":6,"parent":5},{"ty":4,"nm":"leg_1","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[16,17.274,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.702,1.615],[8.081,7.411]]}],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.577,2.052],[5.018,6.536]]}],"t":15},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.202,1.99],[1.706,6.036]]}],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[4.202,2.089],[0.031,5.311]]}],"t":17},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.296,1.721],[-0.957,4.304]]}],"t":18},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.265,1.102],[-2.861,3.006]]}],"t":19},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[1.796,0.608],[-3.515,0.896]]}],"t":20},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.077,0.615],[-2.919,-0.715]]}],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.171,1.115],[-0.794,-1.668]]}],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.676,1.615],[1.42,-1.656]]}],"t":23},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.889,0.51],[3.572,-0.895]]}],"t":24},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.826,-2.044],[6.023,0.266]]}],"t":25},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.764,-4.348],[8.788,-0.01]]}],"t":26},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[11.244,-4.277],[10.885,0.963]]}],"t":27},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.661,-2.331],[12.92,2.687]]}],"t":28},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.702,1.615],[8.081,7.411]]}],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[5.577,2.052],[5.018,6.536]]}],"t":31},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.202,1.99],[1.706,6.036]]}],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[4.202,2.09],[0.031,5.311]]}],"t":33},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.296,1.721],[-0.957,4.304]]}],"t":34},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.265,1.102],[-2.861,3.006]]}],"t":35},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[1.796,0.608],[-3.515,0.896]]}],"t":36},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[2.077,0.615],[-2.919,-0.715]]}],"t":37},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[3.171,1.115],[-0.794,-1.668]]}],"t":38},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[5.676,1.615],[1.42,-1.656]]}],"t":39},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[7.889,0.51],[3.572,-0.895]]}],"t":40},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[10.826,-2.044],[6.023,0.266]]}],"t":41},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[10.764,-4.348],[8.788,-0.01]]}],"t":42},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[11.244,-4.277],[10.885,0.963]]}],"t":43},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.661,-2.331],[12.92,2.687]]}],"t":44},{"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":45.0000018328876}],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[0.067,0.067,0.106],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[11.359,22.733],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":7,"parent":5},{"ty":4,"nm":"foot_1","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16.252,30.696,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[26.109,28.337,0],"t":13,"ti":[7.979,-0.458,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[19.734,31.774,0],"t":14,"ti":[1.591,0.672,0],"to":[-0.899,0.052,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[13.171,30.582,0],"t":16,"ti":[-2.402,2.406,0],"to":[-3.783,-1.598,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[8.297,23.337,0],"t":21,"ti":[0,0,0],"to":[2.583,-2.588,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[26.109,28.337,0],"t":29,"ti":[7.979,-0.458,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[19.734,31.774,0],"t":30,"ti":[1.591,0.672,0],"to":[-0.899,0.052,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[13.171,30.582,0],"t":32,"ti":[-2.402,2.406,0],"to":[-3.783,-1.598,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[8.297,23.337,0],"t":37,"ti":[-1.042,-3.062,0],"to":[2.583,-2.588,0]},{"s":[26.047,28.337,0],"t":45.0000018328876}],"ix":2,"x":"var $bm_rt;\n$bm_rt = loopIn('cycle');"},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-30],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[47.143],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[130],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-30],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[47.143],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[130],"t":37},{"s":[-30],"t":45.0000018328876}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopIn('cycle');"},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-5.822,0.005],[-8.24,-0.005]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[0.067,0.067,0.106],"ix":3}},{"ty":"tr","a":{"a":0,"k":[-8.236,-0.006],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[16.25,30.69],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":8,"parent":5}],"v":"5.5.10","fr":29.9700012207031,"op":29.0000011811942,"ip":14.0000005702317,"assets":[{"nm":"","id":"comp_0","layers":[{"ty":4,"nm":"head","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[18.5,14.875,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-1.657,0],[0,1.657],[1.656,0],[0,-1.656]],"o":[[1.656,0],[0,-1.656],[-1.657,0],[0,1.657]],"v":[[0.001,2.999],[2.999,0],[0.001,-2.999],[-2.999,0]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.067,0.067,0.106],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[17.814,8.699],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1}]},{"nm":"","id":"comp_1","layers":[{"ty":4,"nm":"body","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16.841,17.083,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"s":true,"x":{"a":0,"k":16.841,"ix":3},"y":{"a":0,"k":17.083,"ix":4},"z":{"a":0,"k":0}},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1.599,-2.516],[-0.212,2.516]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[0.067,0.067,0.106],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[16.841,17.083],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1}]}]}
|
_res/assets/lottie_animations/running_light.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
{"nm":"runningman","ddd":0,"h":32,"w":32,"meta":{"g":"@lottiefiles/toolkit-js 0.33.2"},"layers":[{"ty":4,"nm":"arm_2","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[17.031,12.969,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[17.969,13.344,0],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":6},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-40],"t":7},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-100],"t":9},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-130],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-40],"t":23},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-100],"t":25},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-130],"t":30},{"s":[0],"t":38.0000015477717}],"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":6},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":7},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":9},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.677,-1.265],[-1.558,1.627]]}],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":23},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":25},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.677,-1.265],[-1.558,1.627]]}],"t":30},{"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":38.0000015477717}],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[12.789,15.066],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1},{"ty":4,"nm":"leg_2","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[16,15.274,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":5},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.702,1.615],[8.081,7.411]]}],"t":6},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.577,2.052],[5.018,6.536]]}],"t":7},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.202,1.99],[1.706,6.036]]}],"t":8},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[4.202,2.089],[0.031,5.311]]}],"t":9},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.296,1.721],[-0.957,4.304]]}],"t":10},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.265,1.102],[-2.861,3.006]]}],"t":11},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[1.796,0.608],[-3.515,0.896]]}],"t":12},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.077,0.615],[-2.919,-0.715]]}],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.171,1.115],[-0.794,-1.668]]}],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.676,1.615],[1.42,-1.656]]}],"t":15},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.889,0.51],[3.572,-0.895]]}],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.826,-2.044],[6.023,0.266]]}],"t":17},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.764,-4.348],[8.788,-0.01]]}],"t":18},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[11.244,-4.277],[10.885,0.963]]}],"t":19},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.661,-2.331],[12.92,2.687]]}],"t":20},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.702,1.615],[8.081,7.411]]}],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[5.577,2.052],[5.018,6.536]]}],"t":23},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.202,1.99],[1.706,6.036]]}],"t":24},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[4.202,2.09],[0.031,5.311]]}],"t":25},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.296,1.721],[-0.957,4.304]]}],"t":26},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.265,1.102],[-2.861,3.006]]}],"t":27},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[1.796,0.608],[-3.515,0.896]]}],"t":28},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[2.077,0.615],[-2.919,-0.715]]}],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[3.171,1.115],[-0.794,-1.668]]}],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[5.676,1.615],[1.42,-1.656]]}],"t":31},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[7.889,0.51],[3.572,-0.895]]}],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[10.826,-2.044],[6.023,0.266]]}],"t":33},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[10.764,-4.348],[8.788,-0.01]]}],"t":34},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[11.244,-4.277],[10.885,0.963]]}],"t":35},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.661,-2.331],[12.92,2.687]]}],"t":36},{"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":37.0000015070409}],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[11.359,22.733],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":2},{"ty":4,"nm":"foot_2","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16.252,30.696,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[26.109,26.337,0],"t":5,"ti":[7.979,-0.458,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[19.734,29.774,0],"t":6,"ti":[1.591,0.672,0],"to":[-0.899,0.052,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[13.171,28.582,0],"t":8,"ti":[-2.402,2.406,0],"to":[-3.783,-1.598,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[8.297,21.337,0],"t":13,"ti":[0,0,0],"to":[2.583,-2.588,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[26.109,26.337,0],"t":21,"ti":[7.979,-0.458,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[19.734,29.774,0],"t":22,"ti":[1.591,0.672,0],"to":[-0.899,0.052,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[13.171,28.582,0],"t":24,"ti":[-2.402,2.406,0],"to":[-3.783,-1.598,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[8.297,21.337,0],"t":29,"ti":[0,0,0],"to":[2.583,-2.588,0]},{"s":[26.109,26.337,0],"t":37.0000015070409}],"ix":2,"x":"var $bm_rt;\n$bm_rt = loopOut('cycle');"},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-30],"t":5},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":6},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[47.143],"t":8},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[130],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-30],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[47.143],"t":24},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[130],"t":29},{"s":[-30],"t":37.0000015070409}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('cycle');"},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-5.822,0.005],[-8.24,-0.005]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[-8.236,-0.006],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[16.25,30.69],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":3},{"ty":0,"nm":"head","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"s":true,"x":{"a":0,"k":16,"ix":3,"x":"var $bm_rt;\n$bm_rt = transform.xPosition;"},"y":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[17.5],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[18.5],"t":17},{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[17.5],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":1},"s":[18.5],"t":25},{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[17.5],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[18.5],"t":33},{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[17.5],"t":37},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[18.5],"t":41},{"s":[17.5],"t":45.0000018328876}],"ix":4,"x":"var $bm_rt;\n$bm_rt = loopIn('cycle');"},"z":{"a":0,"k":0}},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"w":32,"h":32,"refId":"comp_0","ind":4,"parent":5},{"ty":0,"nm":"body","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"s":true,"x":{"a":0,"k":16,"ix":3},"y":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[14],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[16],"t":17},{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":0.833},"s":[14],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.667,"y":1},"s":[16],"t":25},{"s":[14],"t":29.0000011811942}],"ix":4},"z":{"a":0,"k":0}},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"w":32,"h":32,"refId":"comp_1","ind":5},{"ty":4,"nm":"arm_1","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[17.031,12.969,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[18.031,13.844,0],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-40],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-100],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-130],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-40],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-100],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-130],"t":37},{"s":[0],"t":45.0000018328876}],"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.677,-1.265],[-1.558,1.627]]}],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.387,-2],[-4.264,2.13]]}],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.677,-1.265],[-1.558,1.627]]}],"t":37},{"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.264,-2.13],[-1.93,-2.13],[-4.264,2.13]]}],"t":45.0000018328876}],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[12.789,15.066],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":6,"parent":5},{"ty":4,"nm":"leg_1","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[16,17.274,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.702,1.615],[8.081,7.411]]}],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.577,2.052],[5.018,6.536]]}],"t":15},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.202,1.99],[1.706,6.036]]}],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[4.202,2.089],[0.031,5.311]]}],"t":17},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.296,1.721],[-0.957,4.304]]}],"t":18},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.265,1.102],[-2.861,3.006]]}],"t":19},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[1.796,0.608],[-3.515,0.896]]}],"t":20},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.077,0.615],[-2.919,-0.715]]}],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.171,1.115],[-0.794,-1.668]]}],"t":22},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.676,1.615],[1.42,-1.656]]}],"t":23},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.889,0.51],[3.572,-0.895]]}],"t":24},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.826,-2.044],[6.023,0.266]]}],"t":25},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.764,-4.348],[8.788,-0.01]]}],"t":26},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[11.244,-4.277],[10.885,0.963]]}],"t":27},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.661,-2.331],[12.92,2.687]]}],"t":28},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[7.702,1.615],[8.081,7.411]]}],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[5.577,2.052],[5.018,6.536]]}],"t":31},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[5.202,1.99],[1.706,6.036]]}],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[4.202,2.09],[0.031,5.311]]}],"t":33},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[3.296,1.721],[-0.957,4.304]]}],"t":34},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[2.265,1.102],[-2.861,3.006]]}],"t":35},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[1.796,0.608],[-3.515,0.896]]}],"t":36},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[2.077,0.615],[-2.919,-0.715]]}],"t":37},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[3.171,1.115],[-0.794,-1.668]]}],"t":38},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[5.676,1.615],[1.42,-1.656]]}],"t":39},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[7.889,0.51],[3.572,-0.895]]}],"t":40},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[10.826,-2.044],[6.023,0.266]]}],"t":41},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.045,-2.677],[10.764,-4.348],[8.788,-0.01]]}],"t":42},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[11.244,-4.277],[10.885,0.963]]}],"t":43},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.661,-2.331],[12.92,2.687]]}],"t":44},{"s":[{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[5.044,-2.677],[10.577,-0.135],[14.081,4.661]]}],"t":45.0000018328876}],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[11.359,22.733],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":7,"parent":5},{"ty":4,"nm":"foot_1","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16.252,30.696,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[26.109,28.337,0],"t":13,"ti":[7.979,-0.458,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[19.734,31.774,0],"t":14,"ti":[1.591,0.672,0],"to":[-0.899,0.052,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[13.171,30.582,0],"t":16,"ti":[-2.402,2.406,0],"to":[-3.783,-1.598,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[8.297,23.337,0],"t":21,"ti":[0,0,0],"to":[2.583,-2.588,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[26.109,28.337,0],"t":29,"ti":[7.979,-0.458,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[19.734,31.774,0],"t":30,"ti":[1.591,0.672,0],"to":[-0.899,0.052,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[13.171,30.582,0],"t":32,"ti":[-2.402,2.406,0],"to":[-3.783,-1.598,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[8.297,23.337,0],"t":37,"ti":[-1.042,-3.062,0],"to":[2.583,-2.588,0]},{"s":[26.047,28.337,0],"t":45.0000018328876}],"ix":2,"x":"var $bm_rt;\n$bm_rt = loopIn('cycle');"},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-30],"t":13},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":14},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[47.143],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[130],"t":21},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[-30],"t":29},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":30},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[47.143],"t":32},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[130],"t":37},{"s":[-30],"t":45.0000018328876}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopIn('cycle');"},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-5.822,0.005],[-8.24,-0.005]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2.6,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[-8.236,-0.006],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[16.25,30.69],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":8,"parent":5}],"v":"5.5.10","fr":29.9700012207031,"op":29.0000011811942,"ip":14.0000005702317,"assets":[{"nm":"","id":"comp_0","layers":[{"ty":4,"nm":"head","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16,16,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[18.5,14.875,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-1.657,0],[0,1.657],[1.656,0],[0,-1.656]],"o":[[1.656,0],[0,-1.656],[-1.657,0],[0,1.657]],"v":[[0.001,2.999],[2.999,0],[0.001,-2.999],[-2.999,0]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[17.814,8.699],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1}]},{"nm":"","id":"comp_1","layers":[{"ty":4,"nm":"body","sr":1,"st":0,"op":899.000036617021,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[16.841,17.083,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"s":true,"x":{"a":0,"k":16.841,"ix":3},"y":{"a":0,"k":17.083,"ix":4},"z":{"a":0,"k":0}},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1.599,-2.516],[-0.212,2.516]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"c":{"a":0,"k":[1,1,1],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[16.841,17.083],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1}]}]}
|
_res/assets/random_dark.svg
ADDED
|
|
_res/assets/random_dark_48.png
ADDED
|
_res/assets/random_light.svg
ADDED
|
|
_res/assets/random_light_48.png
ADDED
|
_res/assets/ratio_preview_bgs/51x90px_9zu16.png
ADDED
|
_res/assets/ratio_preview_bgs/60x90px_3zu4.png
ADDED
|
_res/assets/ratio_preview_bgs/67x90px_2zu3.png
ADDED
|
_res/assets/ratio_preview_bgs/70x70px_1zu1.png
ADDED
|
_res/assets/ratio_preview_bgs/90x51px_16zu9.png
ADDED
|
_res/assets/ratio_preview_bgs/90x60px_4zu3.png
ADDED
|
_res/assets/ratio_preview_bgs/90x67px_3zu2.png
ADDED
|
_res/assets/run_1_dark.svg
ADDED
|
|
_res/assets/run_1_dark_48.png
ADDED
|
_res/assets/run_1_light.svg
ADDED
|
|
_res/assets/run_1_light_48.png
ADDED
|
_res/assets/star_dark.svg
ADDED
|
|
_res/assets/star_dark_48.png
ADDED
|
_res/assets/star_light.svg
ADDED
|
|
_res/assets/star_light_48.png
ADDED
|
_res/assets/webfonts/GeistMono-Bold.woff2
ADDED
|
Binary file (44.2 kB). View file
|
|
|
_res/assets/webfonts/GeistMono-Light.woff2
ADDED
|
Binary file (43.5 kB). View file
|
|
|
_res/assets/webfonts/GeistMono-Regular.woff2
ADDED
|
Binary file (43.3 kB). View file
|
|
|
_res/assets/webfonts/GeistMono-SemiBold.woff2
ADDED
|
Binary file (44.1 kB). View file
|
|
|
_res/assets/webfonts/GeistMono-Thin.woff2
ADDED
|
Binary file (42.8 kB). View file
|
|
|
_res/assets/webfonts/GeistMono.ttf
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
version https://git-lfs.github.com/spec/v1
|
| 2 |
+
oid sha256:2386ddac2c72b6e0c126561e91486b7284412f303d8d9513da9ffec789e63338
|
| 3 |
+
size 138896
|
_res/groq_systemmessage_prompt_enhance.json
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
{
|
| 2 |
+
"role": "system",
|
| 3 |
+
"content": "You are an AI assistant specialized in improving and diversifying image generation prompts. Your primary function is to take user-provided prompts and enhance them, ensuring they are in English and follow specific guidelines. Here's how you should operate:\n\n1. Language Processing:\n - If the user's prompt is not in English, translate it to English first.\n\n2. Prompt Analysis:\n - Analyze the original image prompt from the user.\n - Identify core elements: main subject, setting, colors, lighting, mood, and any temporal aspects.\n - Determine relevance of specific languages or cultures to the subject matter.\n\n3. Prompt Generation:\n - Create one distinctive new prompt describing the same image from a different perspective.\n - Maintain a clear, vivid description while using varied vocabulary and sentence structures.\n - Avoid reusing adjectives, nouns, verbs, or phrases from the original prompt.\n - The prompt should not be longer than 60 words.\n\n4. Style and Artistic References:\n - If a visual style or artist is referenced, expand with more details about the style or artist.\n - If no style is given, suggest a fitting style typical for that type of image.\n\n5. Technical and Abstract Concepts:\n - For technical content (e.g., spreadsheets, diagrams), rewrite into figurative prompts.\n - Example: Transform a spreadsheet into an intricate isometric technical drawing representing the data.\n - Provide guidance on visualizing abstract concepts or ideas.\n\n6. Emotional Depth:\n - Emphasize emotional nuances and moods in the prompt.\n\n7. Interactive Elements:\n - Suggest ways to imply movement or interaction in static images.\n\n8. Random Prompt Generation:\n - When requested, create an evocative and surprising prompt within user constraints.\n - Provide any unspecified details to complete the image concept.\n\n9. Output Format:\n Ensure the prompt is in English, then respond only with the new prompt in the following format:\n [detailed prompt] - [style artist medium art movement photo style]\n\nAlways strive to create prompts that are imaginative, detailed, and aligned with the user's original intent while offering a fresh perspective or interpretation."
|
| 4 |
+
}
|
_res/groq_systemmessage_prompt_enhance_new.json
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
{
|
| 2 |
+
"role": "system",
|
| 3 |
+
"content": "# Role\r\n\r\nYou are a prompt optimizer for text-to-image models. Your task is to optimize prompts given by the user, expand details, or create random image prompts upon request. You will only output the created prompt without any additional information or dialogue with the user. The created prompt should not exceed 400 characters.\r\n\r\n# Instructions\r\n\r\n1. **Optimizing User Prompts:**\r\n - Fulfill the user's image request as accurately as possible.\r\n - Identify underspecified aspects of the request, such as missing backgrounds, subjects, locations, or art styles.\r\n - Creatively enhance these underspecified areas without replacing any specific details provided by the user.\r\n - Add detail to the user's request, but never replace the details they have specified.\r\n\r\n2. **Creating Random Image Prompts:**\r\n - Create random image prompts that are detailed and engaging when requested by the user.\r\n\r\n3. **Prompt Generation Guidelines:**\r\n - Create prompts that paint a clear picture for image generation.\r\n - Use precise, visual descriptions (rather than metaphorical concepts).\r\n - Keep prompts short, precise, and awe-inspiring.\r\n\r\n4. **Parameter Definitions:**\r\n - **Natural Style:** Realistic yet blander option.\r\n - **Vivid Style:** Cinema-like filter that enhances lighting and color.\r\n - **[Medium]:** Desired art form (e.g., photographic style for photorealism).\r\n - **[Subject]:** Main focus of the piece.\r\n - **[Subject\u2019s Characteristics]:**\r\n - **Colors:** Predominant and secondary colors.\r\n - **Pose:** Active, relaxed, dynamic, etc.\r\n - **Viewing Angle:** Aerial view, dutch angle, straight-on, extreme close-up, etc.\r\n - **[Relation to Background]:** Position of the subject compared to the background (near/far/behind/under/above) and how the background affects the subject.\r\n - **[Background]:** Complementary setting for the subject.\r\n - **[Details of Background]:** Visible/prominent elements of the background (blurred/sharp, highlights, etc.).\r\n - **[Interactions with Color and Lighting]:** Dominant colors and lighting effects, including highlights, shadows, light source, and contrast/harmony with the subject.\r\n - **[Specific Traits of Style]:** Unique artistic characteristics, including tools, art movements, technical specifications, and unusual flair.\r\n\r\n# Example Prompt\r\n\r\nA realistic close-up photo of a beautiful woman with auburn wavy hair, smiling softly while holding a steaming cup of tea. She has a slightly chubby build with soft, rounded cheeks, a gentle curve to her hips, and a bit of fullness in her arms. Her rosy complexion features freckles scattered across her cheeks and a small scar above her right eyebrow that adds to her natural beauty. She is sitting on a balcony with a cityscape in the background during sunrise."
|
| 4 |
+
}
|
_res/testimages/1.png
ADDED
|
Git LFS Details
|
_res/testimages/10.png
ADDED
|
Git LFS Details
|
_res/testimages/2.png
ADDED
|
Git LFS Details
|