Add homepage cover component

svg wip

update svg

README.md

@@ -20,7 +20,8 @@ yarn format # auto format
 yarn i18n # export i18n variables
 yarn rsync # sync backend app with server, see docs/dev.md
 yarn composer # run `composer install` on remote server
-yarn gen:icon # generate svg icon component
+yarn icon # generate svg icon component
 yarn remote-download:geoip2 # download GeoIP db on remote server
 yarn local-download:geoip2 # download GeoIP db locally
+yarn options # export node side admin options.ts to php side options.json
 ```

app/configs/options.json

@@ -30,7 +30,47 @@
     "namespace": "social.github",
     "public": true,
     "title": "Github username",
-    "desc": "Your <a href=\"https://github.com\" target=\"_blank\">Github</a> username",
+    "desc": "Your '<a href=\"https://github.com\" target=\"_blank\">Github</a>' username",
+    "type": "string",
+    "default": ""
+  },
+  "social.gitlab": {
+    "namespace": "social.gitlab",
+    "public": true,
+    "title": "Gitlab username",
+    "desc": "Your '<a href=\"https://gitlab.com\" target=\"_blank\">Gitlab</a>' username",
+    "type": "string",
+    "default": ""
+  },
+  "social.twitter": {
+    "namespace": "social.twitter",
+    "public": true,
+    "title": "Twitter username",
+    "desc": "Your '<a href=\"https://twitter.com\" target=\"_blank\">Twitter</a>' username",
+    "type": "string",
+    "default": ""
+  },
+  "social.weibo": {
+    "namespace": "social.weibo",
+    "public": true,
+    "title": "Weibo username",
+    "desc": "Your '<a href=\"https://weibo.com\" target=\"_blank\">Weibo</a>' username",
+    "type": "string",
+    "default": ""
+  },
+  "social.facebook": {
+    "namespace": "social.facebook",
+    "public": true,
+    "title": "Facebook username",
+    "desc": "Your '<a href=\"https://facebook.com\" target=\"_blank\">Facebook</a>' username",
+    "type": "string",
+    "default": ""
+  },
+  "social.stackoverflow": {
+    "namespace": "social.stackoverflow",
+    "public": true,
+    "title": "Stackoverflow username",
+    "desc": "Your '<a href=\"https://stackoverflow.com\" target=\"_blank\">Stackoverflow</a>' username",
     "type": "string",
     "default": ""
   },

app/helpers/admin-page-helper.php

@@ -97,23 +97,8 @@ class AdminPageHelper extends ViteHelper
 
   public  function get_admin_color_css()
   {
-    // {"name":"Default","url":false,"colors":["#1d2327","#2c3338","#2271b1","#72aee6"],"icon_colors":{"base":"#a7aaad","focus":"#72aee6","current":"#fff"}}
     global $_wp_admin_css_colors;
     $theme = (array) $_wp_admin_css_colors[get_user_option('admin_color')];
-    // $scheme = [
-    //   'dark-primary' => $theme['colors'][0],
-    //   'dark-secondary' => $theme['colors'][1],
-    //   'light-primary' => $theme['colors'][2],
-    //   'light-secondary' => $theme['colors'][3],
-    //   'icon-base' => $theme['icon_colors']['base'],
-    //   'icon-focus' => $theme['icon_colors']['focus'],
-    //   'icon-current' => $theme['icon_colors']['current'],
-    // ];
     return $theme;
-    // $css = '';
-    // foreach ($scheme as $key => $value) {
-    //   $css .= "--{$key}:{$value};";
-    // }
-    // return $css;
   }
 }

package.json

@@ -23,7 +23,7 @@
     "local-download:geoip2": "mkdir -p app/cache && curl -o app/cache/GeoLite2-City.mmdb https://raw.githubusercontent.com/P3TERX/GeoLite.mmdb/download/GeoLite2-City.mmdb",
     "rsync": "nodemon -e '*' --watch ./app --ignore ./app/vendor scripts/rsync.mjs",
     "rsync:composer": "nodemon --watch './composer.json' --watch './composer.lock' scripts/rsync.mjs --composer",
-    "gen:icon": "node scripts/import-svg-icons.mjs && eslint \"src/components/icon/**/*.{ts,js,json,vue}\" --fix && prettier \"src/components/icon/**/*.{ts,js,json,vue}\" --write",
+    "icon": "yarn svgo -f ./src/assets/icons/ui/ && node scripts/import-svg-icons.mjs && eslint \"src/components/icon/**/*.{ts,js,json,vue}\" --fix && prettier \"src/components/icon/**/*.{ts,js,json,vue}\" --write",
     "mdc": "node scripts/mdc-upgrade.mjs",
     "options": "node scripts/options-export/copy-options.mjs && yarn tsc scripts/options-export/dump-options.ts && node scripts/options-export/dump-options.js"
   },
@@ -83,6 +83,7 @@
     "@vue/eslint-config-typescript": "^7.0.0",
     "@vue/test-utils": "^2.0.0-rc.10",
     "autoprefixer": "^10.3.1",
+    "camelcase": "^6.2.0",
     "colors": "^1.4.0",
     "dotenv": "^10.0.0",
     "eslint": "^7.30.0",
@@ -95,6 +96,7 @@
     "postcss-import": "^14.0.2",
     "prettier": "^2.3.2",
     "resize-observer-polyfill": "^1.5.1",
+    "svgo": "^2.3.1",
     "ts-jest": "^27.0.3",
     "type-fest": "^1.2.2",
     "typescript": "^4.3.5",

src/admin/options.ts

@@ -73,11 +73,98 @@ const options: Options = {
     title: 'Social',
     icon: 'fas fa-users',
     options: [
+      // social.github
       {
         namespace: 'social.github',
         public: true,
-        title: 'Github username',
-        desc: 'Your <a href="https://github.com" target="_blank">Github</a> username',
+        title: intl.formatMessage({
+          id: 'options.social.github.title',
+          defaultMessage: 'Github username',
+        }),
+        desc: intl.formatMessage({
+          id: 'options.social.github.desc',
+          defaultMessage:
+            'Your \'<a href="https://github.com" target="_blank">Github</a>\' username',
+        }),
+        type: 'string',
+        default: '',
+      },
+      // social.gitlab
+      {
+        namespace: 'social.gitlab',
+        public: true,
+        title: intl.formatMessage({
+          id: 'options.social.gitlab.title',
+          defaultMessage: 'Gitlab username',
+        }),
+        desc: intl.formatMessage({
+          id: 'options.social.gitlab.desc',
+          defaultMessage:
+            'Your \'<a href="https://gitlab.com" target="_blank">Gitlab</a>\' username',
+        }),
+        type: 'string',
+        default: '',
+      },
+      // social.twitter
+      {
+        namespace: 'social.twitter',
+        public: true,
+        title: intl.formatMessage({
+          id: 'options.social.twitter.title',
+          defaultMessage: 'Twitter username',
+        }),
+        desc: intl.formatMessage({
+          id: 'options.social.twitter.desc',
+          defaultMessage:
+            'Your \'<a href="https://twitter.com" target="_blank">Twitter</a>\' username',
+        }),
+        type: 'string',
+        default: '',
+      },
+      // social.weibo
+      {
+        namespace: 'social.weibo',
+        public: true,
+        title: intl.formatMessage({
+          id: 'options.social.weibo.title',
+          defaultMessage: 'Weibo username',
+        }),
+        desc: intl.formatMessage({
+          id: 'options.social.weibo.desc',
+          defaultMessage: 'Your \'<a href="https://weibo.com" target="_blank">Weibo</a>\' username',
+        }),
+        type: 'string',
+        default: '',
+      },
+      // social.facebook
+      {
+        namespace: 'social.facebook',
+        public: true,
+        title: intl.formatMessage({
+          id: 'options.social.facebook.title',
+          defaultMessage: 'Facebook username',
+        }),
+        desc: intl.formatMessage({
+          id: 'options.social.facebook.desc',
+          defaultMessage:
+            'Your \'<a href="https://facebook.com" target="_blank">Facebook</a>\' username',
+        }),
+        type: 'string',
+        default: '',
+      },
+      // social.stackoverflow
+      {
+        namespace: 'social.stackoverflow',
+        public: true,
+        title: intl.formatMessage({
+          id: 'options.social.stackoverflow.title',
+          defaultMessage: 'Stackoverflow username',
+        }),
+        desc: intl.formatMessage({
+          id: 'options.social.stackoverflow.desc',
+          defaultMessage:
+            'Your \'<a href="https://stackoverflow.com" target="_blank">Stackoverflow</a>\' username',
+        }),
         type: 'string',
         default: '',
       },

src/assets/icons/sakura/003-sakura.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436304721" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15838" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M944.835302 353.586994l-10.800419-2.486857 2.493038-10.773634c16.074946-69.444507-42.954431-133.255984-112.324764-123.724748-56.315879 7.73872-98.122688 38.501988-135.84998 80.263468H335.648018V762.684266H512.000598c16.064644 69.811252 78.722318 142.008402 120.60948 180.96573 100.970109 93.915429 204.639292 25.921416 201.645586-59.540346l-0.387348-11.047662 11.076507-0.385288c109.901779-3.828153 167.64961-171.560177-49.226173-262.896032 58.096032-5.060249 116.241513-22.618656 154.584853-46.518857 23.337722-14.542036 42.389891-33.33666 56.783581-54.743823 38.96763-57.955928 7.446149-138.882833-62.251782-154.930994z" fill="#FFB5C0" p-id="15839"></path><path d="M685.213185 91.035042C654.371624 28.395911 560.783793 15.164266 512.000598 67.338817c-48.783195-52.174551-142.371026-38.942905-173.212588 23.696225-28.177513 57.23068-22.142712 144.404604-3.139992 205.832242-37.727292-41.761481-79.536161-72.524748-135.84998-80.263469-69.370334-9.531235-128.39971 54.278181-112.324764 123.724748l2.493038 10.773634-10.800419 2.486857c-69.697932 16.048161-101.219412 96.975066-62.253843 154.933055 14.39369 21.407163 33.445859 40.201787 56.783582 54.743823 38.34334 23.898141 96.490881 41.456547 154.584853 46.518857-216.873722 91.331734-159.125891 259.063759-49.226173 262.891911l11.076507 0.385288-0.387348 11.047662c-2.991646 85.461763 100.675477 153.455775 201.645585 59.540346 41.887163-38.957328 104.544837-111.154479 120.609481-180.96573a430.852636 430.852636 0 0 1-10.363622-58.300008l137.43852-367.968322a440.163412 440.163412 0 0 1 49.277682-39.548652c19.004781-61.427638 25.039581-148.601561-3.137932-205.832242z" fill="#FF8E9E" p-id="15840"></path><path d="M327.043946 468.639678l-137.04087-78.227831a15.452716 15.452716 0 0 0-15.320853 26.838278l137.040869 78.227831z" fill="#EA5B70" p-id="15841"></path><path d="M855.077684 396.170559a15.450656 15.450656 0 0 0-21.079565-5.758712l-137.04087 78.227831 15.320854 26.840338 137.040869-78.227831a15.452716 15.452716 0 0 0 5.758712-21.081626z" fill="#FF8E9E" p-id="15842"></path><path d="M274.210078 779.212491a15.452716 15.452716 0 0 0 22.2993 21.396861l117.115107-122.062036-22.30136-21.396861z" fill="#EA5B70" p-id="15843"></path><path d="M632.667769 657.142213l-22.301361 21.396861 117.123348 122.068218a15.452716 15.452716 0 0 0 22.2993-21.396861z" fill="#FF8E9E" p-id="15844"></path><path d="M512.000598 160.364169a15.452716 15.452716 0 0 0-15.452717 15.452716V308.024145h30.905433V175.816885a15.452716 15.452716 0 0 0-15.452716-15.452716z" fill="#EA5B70" p-id="15845"></path><path d="M639.075495 336.417996H501.636976v367.968322c3.434624 0.17101 6.887791 0.259606 10.363622 0.259606 113.789682 0 206.036217-92.244475 206.036217-206.036218 0-65.845054-30.886889-124.47472-78.96132-162.19171z" fill="#FFDBE0" p-id="15846"></path><path d="M512.000598 292.571429c-113.789682 0-206.036217 92.244475-206.036218 206.036217 0 110.313851 86.69592 200.378463 195.672596 205.776612 0-137.415855 34.478101-272.423147 137.438519-367.968322C604.067881 308.951308 559.947286 292.571429 512.000598 292.571429z" fill="#FFB5C0" p-id="15847"></path><path d="M382.069006 572.924881a41.207243 32.815388 0.11 1 0 0.126002-65.630656 41.207243 32.815388 0.11 1 0-0.126002 65.630656Z" fill="#FF8E9E" p-id="15848"></path><path d="M641.875527 507.951388c-22.758761-0.049449-41.238149 14.601787-41.279356 32.724733-0.039147 18.122946 18.37637 32.856596 41.135131 32.906044s41.240209-14.601787 41.279356-32.724732-18.37637-32.854535-41.135131-32.906045z" fill="#FF8E9E" p-id="15849"></path><path d="M399.638746 476.879066a15.452716 15.452716 0 0 0-15.452716 15.452717v24.724346a15.452716 15.452716 0 0 0 30.905433 0v-24.724346a15.452716 15.452716 0 0 0-15.452717-15.452717zM624.006006 476.879066a15.452716 15.452716 0 0 0-15.452716 15.452717v24.724346a15.452716 15.452716 0 0 0 30.905432 0v-24.724346a15.452716 15.452716 0 0 0-15.452716-15.452717zM565.767809 517.843187a15.452716 15.452716 0 0 0-15.452717 15.452716c0 6.249078-5.082913 11.331992-11.331991 11.331992s-11.331992-5.082913-11.331992-11.331992a15.452716 15.452716 0 0 0-30.905433 0c0 6.249078-5.082913 11.331992-11.331992 11.331992s-11.331992-5.082913-11.331992-11.331992a15.452716 15.452716 0 0 0-30.905433 0c0 35.565972 41.547203 55.221827 69.022133 32.629956 27.470809 22.589811 69.022133 2.940137 69.022133-32.629956a15.452716 15.452716 0 0 0-15.452716-15.452716z" fill="#313D40" p-id="15850"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="m944.835 353.587-10.8-2.487 2.493-10.773c16.075-69.445-42.955-133.256-112.325-123.725-56.316 7.738-98.123 38.502-135.85 80.263H335.648v465.82h176.353c16.064 69.81 78.722 142.008 120.61 180.965 100.97 93.915 204.638 25.921 201.645-59.54l-.388-11.048 11.077-.385c109.902-3.828 167.65-171.56-49.226-262.896 58.096-5.06 116.241-22.619 154.585-46.52 23.337-14.541 42.39-33.336 56.783-54.743 38.968-57.956 7.446-138.883-62.252-154.931z" fill="#FFB5C0"/><path d="M685.213 91.035c-30.841-62.64-124.43-75.87-173.212-23.696-48.784-52.175-142.371-38.943-173.213 23.696-28.178 57.23-22.143 144.405-3.14 205.832-37.727-41.761-79.536-72.524-135.85-80.263-69.37-9.531-128.4 54.278-112.325 123.725l2.493 10.773-10.8 2.487c-69.698 16.048-101.22 96.975-62.254 154.933 14.394 21.407 33.446 40.202 56.784 54.744 38.343 23.898 96.49 41.456 154.584 46.519-216.873 91.332-159.125 259.064-49.226 262.892l11.077.385-.388 11.048c-2.991 85.461 100.676 153.455 201.646 59.54C433.276 904.693 495.934 832.496 512 762.684a430.853 430.853 0 0 1-10.364-58.3l137.438-367.968a440.163 440.163 0 0 1 49.278-39.549c19.005-61.427 25.04-148.601-3.138-205.832z" fill="#FF8E9E"/><path d="m327.044 468.64-137.04-78.228a15.453 15.453 0 0 0-15.322 26.838l137.041 78.228z" fill="#EA5B70"/><path d="M855.078 396.17a15.45 15.45 0 0 0-21.08-5.758l-137.04 78.228 15.32 26.84 137.041-78.228a15.453 15.453 0 0 0 5.759-21.081z" fill="#FF8E9E"/><path d="M274.21 779.212a15.453 15.453 0 0 0 22.3 21.397l117.114-122.062-22.3-21.397z" fill="#EA5B70"/><path d="m632.668 657.142-22.302 21.397L727.49 800.607a15.453 15.453 0 0 0 22.3-21.397z" fill="#FF8E9E"/><path d="M512 160.364a15.453 15.453 0 0 0-15.452 15.453v132.207h30.905V175.817a15.453 15.453 0 0 0-15.452-15.453z" fill="#EA5B70"/><path d="M639.075 336.418H501.637v367.968c3.435.171 6.888.26 10.364.26 113.79 0 206.036-92.245 206.036-206.036 0-65.845-30.887-124.475-78.962-162.192z" fill="#FFDBE0"/><path d="M512 292.571c-113.79 0-206.036 92.245-206.036 206.037 0 110.313 86.696 200.378 195.673 205.776 0-137.416 34.478-272.423 137.438-367.968-35.007-27.465-79.128-43.845-127.074-43.845z" fill="#FFB5C0"/><path d="M382.069 572.925a41.207 32.815.11 1 0 .126-65.63 41.207 32.815.11 1 0-.126 65.63zM641.876 507.951c-22.76-.05-41.239 14.602-41.28 32.725-.039 18.123 18.377 32.857 41.135 32.906s41.24-14.602 41.28-32.725-18.377-32.854-41.135-32.906z" fill="#FF8E9E"/><path d="M399.639 476.88a15.453 15.453 0 0 0-15.453 15.452v24.724a15.453 15.453 0 0 0 30.905 0v-24.724a15.453 15.453 0 0 0-15.452-15.453zm224.367 0a15.453 15.453 0 0 0-15.453 15.452v24.724a15.453 15.453 0 0 0 30.906 0v-24.724a15.453 15.453 0 0 0-15.453-15.453zm-58.238 40.963a15.453 15.453 0 0 0-15.453 15.453c0 6.249-5.083 11.332-11.332 11.332s-11.332-5.083-11.332-11.332a15.453 15.453 0 0 0-30.905 0c0 6.249-5.083 11.332-11.332 11.332s-11.332-5.083-11.332-11.332a15.453 15.453 0 0 0-30.906 0c0 35.566 41.547 55.222 69.022 32.63 27.471 22.59 69.023 2.94 69.023-32.63a15.453 15.453 0 0 0-15.453-15.453z" fill="#313D40"/></svg>

src/assets/icons/sakura/011-hanami.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436330392" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16714" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M668.760596 300.099992l-3.910568-0.900378 0.902439-3.902326c5.822584-25.150841-15.555734-48.261924-40.681851-44.808757-20.395525 2.802093-35.537127 13.944531-49.201449 29.06965l-16.128515-16.128515h-90.021344v184.835091H512c5.818463 25.282704 28.511292 51.430761 43.681738 65.542181 36.569368 34.014519 74.115348 9.38701 73.031598-21.563751l-0.140105-4.001223 4.011526-0.140105c39.804137-1.386624 60.718873-62.134342-17.828314-95.213457 21.040419-1.831662 42.09938-8.192 55.986221-16.847581a68.119694 68.119694 0 0 0 20.564475-19.826865c14.113481-20.99303 2.697014-50.301682-22.546543-56.113964z" fill="#FFDBE0" p-id="16715"></path><path d="M574.733907 205.010157c-11.169223-22.684588-45.066302-27.47905-62.733907-8.581409-17.667606-18.897642-51.562624-14.103179-62.733907 8.581409-10.204974 20.727243-8.01893 52.300233-1.13732 74.545964-13.664322-15.125119-28.805924-26.265497-49.201449-29.06965-25.124056-3.453167-46.502374 19.657915-40.681851 44.808756l0.902438 3.902326-3.910567 0.900379c-25.243557 5.812282-36.657964 35.120934-22.546543 56.111903a68.09497 68.09497 0 0 0 20.564475 19.826865c13.886841 8.655581 34.945803 15.013859 55.986221 16.847582-78.545127 33.079115-57.63039 93.826833-17.828314 95.213456l4.011525 0.140105-0.140104 4.001223c-1.083751 30.952821 36.462229 55.57827 73.031597 21.563751 15.170447-14.10936 37.863276-40.257416 43.681739-65.542181V343.423227c0-24.790278 14.132024-46.263372 34.770672-56.849513a63.578656 63.578656 0 0 1 29.100555-7.019654c6.88367-22.24573 9.069714-53.81666-1.13526-74.543903z" fill="#FFB5C0" p-id="16716"></path><path d="M564.765875 299.856869a74.568628 74.568628 0 0 0-17.995203-13.281094h-56.045972v119.365022l21.27736 21.27736c19.101618 0 38.199115-7.266897 52.763815-21.831598a74.700491 74.700491 0 0 0 11.744065-15.240499c16.639485-28.566922 12.730978-65.814149-11.744065-90.289191z" fill="#FFB5C0" p-id="16717"></path><path d="M546.770672 286.575775c-28.676121-15.108636-65.42062-10.357441-89.263131 15.098334-28.222841 30.1534-26.724958 77.957924 4.330882 106.184885v0.00206h0.00206c14.206197 12.920531 32.184918 19.357103 50.161577 19.357103v-83.792869c-0.00206-24.788217 14.129964-46.263372 34.768612-56.849513z" fill="#FF8E9E" p-id="16718"></path><path d="M618.623742 15.693779h-173.729738v114.059589a247.2414 247.2414 0 0 1 67.105996-9.224241c136.286777 0 247.243461 110.515767 247.243461 247.243461 0 136.729755-110.958744 247.243461-247.243461 247.24346a246.205038 246.205038 0 0 1-82.525746-14.173231v376.03876h189.161851a144.524105 144.524105 0 0 0 23.183195-34.202012l201.221151-414.49542C866.575968 479.707944 879.774648 425.283477 879.774648 367.774648c0-166.038406-110.029521-306.375855-261.150906-352.080869z" fill="#FF8E9E" p-id="16719"></path><path d="M429.474254 600.842817C333.947622 566.935437 264.756539 475.853006 264.756539 367.774648c0-113.179815 76.165408-208.751775 180.137465-238.019219 45.189924-53.182068 105.237119-93.344708 173.729738-114.05959C584.87295 5.484684 549.082398 0 512 0 308.883316 0 144.225352 164.657964 144.225352 367.774648c0 57.508829 13.19868 111.933296 36.734197 160.409497l201.221151 414.49542C405.547268 990.815807 454.899123 1024 512 1024c42.251847 0 80.259348-18.168274 106.636105-47.118423a144.583855 144.583855 0 0 1-23.20998-34.202012z" fill="#EA5B70" p-id="16720"></path><path d="M389.624789 697.786978c-29.135581 0-52.755573 18.809046-52.755574 42.012845s23.619992 42.012845 52.755574 42.012845 52.755573-18.809046 52.755573-42.012845c0.00206-23.201738-23.617932-42.012845-52.755573-42.012845zM634.375211 697.786978c-29.135581 0-52.755573 18.809046-52.755573 42.012845s23.619992 42.012845 52.755573 42.012845 52.755573-18.809046 52.755574-42.012845c0-23.201738-23.619992-42.012845-52.755574-42.012845z" fill="#FFDBE0" p-id="16721"></path><path d="M403.936064 663.560241a15.452716 15.452716 0 0 0-15.452716 15.452717v24.724346c0 8.53608 6.918696 15.452716 15.452716 15.452716s15.452716-6.916636 15.452717-15.452716v-24.724346a15.452716 15.452716 0 0 0-15.452717-15.452717zM620.063936 663.560241a15.452716 15.452716 0 0 0-15.452717 15.452717v24.724346c0 8.53608 6.918696 15.452716 15.452717 15.452716s15.452716-6.916636 15.452716-15.452716v-24.724346a15.452716 15.452716 0 0 0-15.452716-15.452717zM556.075268 691.352467a15.452716 15.452716 0 0 0-21.802753 1.497883c-5.622728 6.453054-13.740555 10.153465-22.272515 10.153465s-16.649787-3.70041-22.272515-10.153465a15.452716 15.452716 0 0 0-23.300636 20.304869c11.494761 13.188378 28.1054 20.751968 45.573151 20.751968s34.07839-7.56359 45.573151-20.751968a15.452716 15.452716 0 0 0-1.497883-21.802752z" fill="#313D40" p-id="16722"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="m668.76 300.1-3.91-.9.902-3.903c5.823-25.15-15.555-48.262-40.681-44.808-20.396 2.802-35.538 13.944-49.202 29.07l-16.128-16.13h-90.022v184.836H512c5.818 25.282 28.511 51.43 43.682 65.542 36.57 34.014 74.115 9.387 73.031-21.564l-.14-4.001 4.012-.14c39.804-1.387 60.719-62.134-17.829-95.214 21.04-1.831 42.1-8.192 55.987-16.847a68.12 68.12 0 0 0 20.564-19.827c14.114-20.993 2.697-50.302-22.546-56.114z" fill="#FFDBE0"/><path d="M574.734 205.01c-11.17-22.684-45.066-27.479-62.734-8.581-17.668-18.898-51.563-14.103-62.734 8.581-10.205 20.727-8.019 52.3-1.137 74.546-13.665-15.125-28.806-26.265-49.202-29.07-25.124-3.453-46.502 19.658-40.682 44.81l.903 3.902-3.91.9c-25.244 5.812-36.659 35.12-22.547 56.112a68.095 68.095 0 0 0 20.564 19.827c13.887 8.655 34.946 15.014 55.986 16.847-78.545 33.08-57.63 93.827-17.828 95.214l4.012.14-.14 4.001c-1.084 30.953 36.462 55.578 73.031 21.564 15.17-14.11 37.863-40.258 43.682-65.542V343.423c0-24.79 14.132-46.263 34.77-56.85a63.579 63.579 0 0 1 29.101-7.019c6.884-22.246 9.07-53.817-1.135-74.544z" fill="#FFB5C0"/><path d="M564.766 299.857a74.569 74.569 0 0 0-17.995-13.281h-56.046V405.94l21.277 21.277c19.102 0 38.2-7.267 52.764-21.831a74.7 74.7 0 0 0 11.744-15.24c16.64-28.568 12.73-65.815-11.744-90.29z" fill="#FFB5C0"/><path d="M546.77 286.576c-28.675-15.109-65.42-10.358-89.262 15.098-28.223 30.154-26.725 77.958 4.33 106.185v.002h.002c14.207 12.92 32.185 19.357 50.162 19.357v-83.793c-.002-24.788 14.13-46.263 34.769-56.85z" fill="#FF8E9E"/><path d="M618.624 15.694h-173.73v114.06A247.241 247.241 0 0 1 512 120.528c136.287 0 247.243 110.516 247.243 247.244 0 136.73-110.958 247.243-247.243 247.243a246.205 246.205 0 0 1-82.526-14.173v376.039h189.162a144.524 144.524 0 0 0 23.183-34.202L843.04 528.184c23.536-48.476 36.735-102.9 36.735-160.41 0-166.038-110.03-306.375-261.151-352.08z" fill="#FF8E9E"/><path d="M429.474 600.843c-95.526-33.908-164.717-124.99-164.717-233.068 0-113.18 76.165-208.752 180.137-238.02 45.19-53.182 105.237-93.344 173.73-114.06C584.873 5.486 549.082 0 512 0 308.883 0 144.225 164.658 144.225 367.775c0 57.508 13.199 111.933 36.735 160.41L382.18 942.68C405.548 990.816 454.9 1024 512 1024c42.252 0 80.26-18.168 106.636-47.118a144.584 144.584 0 0 1-23.21-34.202z" fill="#EA5B70"/><path d="M389.625 697.787c-29.136 0-52.756 18.809-52.756 42.013s23.62 42.013 52.756 42.013 52.755-18.81 52.755-42.013c.002-23.202-23.618-42.013-52.755-42.013zm244.75 0c-29.135 0-52.755 18.809-52.755 42.013s23.62 42.013 52.755 42.013 52.756-18.81 52.756-42.013c0-23.202-23.62-42.013-52.756-42.013z" fill="#FFDBE0"/><path d="M403.936 663.56a15.453 15.453 0 0 0-15.453 15.453v24.724c0 8.536 6.919 15.453 15.453 15.453s15.453-6.917 15.453-15.453v-24.724a15.453 15.453 0 0 0-15.453-15.453zm216.128 0a15.453 15.453 0 0 0-15.453 15.453v24.724c0 8.536 6.919 15.453 15.453 15.453s15.453-6.917 15.453-15.453v-24.724a15.453 15.453 0 0 0-15.453-15.453zm-63.989 27.792a15.453 15.453 0 0 0-21.802 1.498c-5.623 6.453-13.741 10.154-22.273 10.154s-16.65-3.7-22.273-10.154a15.453 15.453 0 0 0-23.3 20.305c11.495 13.189 28.105 20.752 45.573 20.752s34.078-7.563 45.573-20.752a15.453 15.453 0 0 0-1.498-21.803z" fill="#313D40"/></svg>

src/assets/icons/sakura/012-hanami.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436334331" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16853" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M961.468008 336.875396l-8.529899-1.963525 1.969706-8.509296c12.698012-54.853022-33.927984-105.255662-88.723316-97.727098-44.483219 6.113095-77.504644 30.413006-107.305722 63.399404H480.282785V660.016419h139.296966c12.689771 55.143533 62.18173 112.170237 95.267026 142.941746 79.754559 74.18334 161.639533 20.475879 159.276297-47.029827l-0.304933-8.725634 8.750358-0.304933c86.809239-3.024612 132.423598-135.51208-38.883155-207.657723 45.888386-3.997103 91.81798-17.867461 122.105304-36.744499 18.43406-11.486519 33.482946-26.331429 44.852024-43.240821 30.77769-45.779187 5.878213-109.701924-49.174664-122.379332z" fill="#FFB5C0" p-id="16854"></path><path d="M756.398101 129.489642c-24.361722-49.477537-98.285457-59.929755-136.81835-18.71633-38.532893-41.211364-112.456628-30.759147-136.818351 18.71633-22.258093 45.204346-17.490414 114.06371-2.480676 162.585239-29.801078-32.986398-62.824563-57.28631-107.305722-63.399404-54.795332-7.528563-101.421328 42.874076-88.723316 97.727098l1.969706 8.509296-8.529899 1.963525c-55.052877 12.675348-79.952354 76.598085-49.172604 122.377272 11.369078 16.909392 26.417964 31.754302 44.852024 43.240821 30.287324 18.877038 76.214857 32.747396 122.105304 36.744499-171.306753 72.143581-125.692394 204.633111-38.883155 207.657722l8.750359 0.304934-0.304934 8.725634c-2.363235 67.505706 79.521738 121.213167 159.276298 47.029827 33.085296-30.773569 82.577256-87.800274 95.267026-142.941747-3.805489-15.221956-3.490254-69.683509-5.157087-85.123863l81.400789-220.780169 63.053264-62.035445c15.009738-48.521529 19.775356-117.378833-2.480676-162.585239z" fill="#FF8E9E" p-id="16855"></path><path d="M695.825513 354.110326h-82.463936l1.063147 220.780169c2.060362 0.103018-2.085087 0 0 0 68.274221 0 128.778817-55.190922 128.778817-123.467203-0.00206-39.503324-18.535018-74.681948-47.378028-97.312966z" fill="#FFDBE0" p-id="16856"></path><path d="M619.579751 327.803622c-68.274221 0-123.62173 55.347509-123.621731 123.62173 0 66.189135 53.081111 120.226254 118.464644 123.467203 0-82.449513 19.622889-163.454712 81.400789-220.780169a123.077795 123.077795 0 0 0-76.243702-26.308764z" fill="#FFB5C0" p-id="16857"></path><path d="M456.835863 451.425352a247.793577 247.793577 0 0 0-60.992901-7.588314c-107.734278 0-199.368885 68.855243-233.346318 164.952596v0.010302C73.950519 609.974342 0 682.309537 0 773.779316c0 91.111276 73.859863 164.969078 164.971139 164.969078h351.034205V510.594833z" fill="#D4D4FF" p-id="16858"></path><path d="M643.265674 691.286535c-0.006181-115.870648-79.445505-212.728274-186.429811-239.861183-107.132652 27.200901-186.388604 124.276926-186.388603 239.871485 0 136.035412 109.765795 246.419316 245.558084 247.453618h127.629135c68.333972 0 123.728869-55.394897 123.728869-123.728869-0.00206-69.228169-56.579606-124.095614-124.097674-123.735051z" fill="#EFEDFF" p-id="16859"></path><path d="M178.046197 749.17035a61.810865 44.297787 0 1 0 123.621731 0 61.810865 44.297787 0 1 0-123.621731 0Z" fill="#FF8E9E" p-id="16860"></path><path d="M495.341972 749.17035a61.810865 44.297787 0 1 0 123.62173 0 61.810865 44.297787 0 1 0-123.62173 0Z" fill="#FF8E9E" p-id="16861"></path><path d="M269.839453 666.003831a15.452716 15.452716 0 0 0-15.452717 15.452716v24.724346c0 8.53608 6.918696 15.452716 15.452717 15.452717s15.452716-6.916636 15.452716-15.452717v-24.724346a15.452716 15.452716 0 0 0-15.452716-15.452716zM527.172507 666.003831a15.452716 15.452716 0 0 0-15.452716 15.452716v24.724346c0 8.53608 6.918696 15.452716 15.452716 15.452717s15.452716-6.916636 15.452716-15.452717v-24.724346a15.452716 15.452716 0 0 0-15.452716-15.452716zM442.580217 693.796056a15.452716 15.452716 0 0 0-21.802752 1.497884 29.545594 29.545594 0 0 1-22.272515 10.153464 29.549714 29.549714 0 0 1-22.274576-10.153464 15.452716 15.452716 0 1 0-23.298575 20.304869c11.494761 13.188378 28.1054 20.751968 45.57109 20.751968s34.07633-7.56359 45.571091-20.751968a15.450656 15.450656 0 0 0-1.493763-21.802753z" fill="#313D40" p-id="16862"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="m961.468 336.875-8.53-1.963 1.97-8.51c12.698-54.852-33.928-105.255-88.724-97.727-44.483 6.114-77.504 30.413-107.305 63.4H480.283v367.941H619.58c12.69 55.144 62.181 112.17 95.267 142.942 79.754 74.184 161.64 20.476 159.276-47.03l-.305-8.725 8.75-.305c86.81-3.025 132.424-135.512-38.883-207.658 45.889-3.997 91.818-17.867 122.106-36.744 18.434-11.487 33.483-26.332 44.852-43.241 30.777-45.78 5.878-109.702-49.175-122.38z" fill="#FFB5C0"/><path d="M756.398 129.49c-24.362-49.478-98.285-59.93-136.818-18.717-38.533-41.211-112.457-30.759-136.819 18.717-22.258 45.204-17.49 114.063-2.48 162.585-29.801-32.987-62.825-57.286-107.306-63.4-54.795-7.528-101.421 42.875-88.723 97.728l1.97 8.509-8.53 1.963c-55.053 12.676-79.953 76.598-49.173 122.378 11.369 16.91 26.418 31.754 44.852 43.24 30.287 18.878 76.215 32.748 122.105 36.745-171.307 72.144-125.692 204.633-38.883 207.658l8.75.305-.305 8.725c-2.363 67.506 79.522 121.213 159.277 47.03 33.085-30.773 82.577-87.8 95.267-142.942-3.806-15.222-3.49-69.683-5.157-85.124l81.4-220.78 63.054-62.035c15.01-48.522 19.775-117.379-2.48-162.585z" fill="#FF8E9E"/><path d="M695.826 354.11h-82.464l1.063 220.78c2.06.104-2.085 0 0 0 68.274 0 128.779-55.19 128.779-123.467-.003-39.503-18.535-74.682-47.378-97.313z" fill="#FFDBE0"/><path d="M619.58 327.804c-68.274 0-123.622 55.347-123.622 123.621 0 66.19 53.081 120.227 118.465 123.468 0-82.45 19.623-163.455 81.4-220.78a123.078 123.078 0 0 0-76.243-26.31z" fill="#FFB5C0"/><path d="M456.836 451.425a247.794 247.794 0 0 0-60.993-7.588c-107.734 0-199.369 68.855-233.346 164.953v.01C73.95 609.974 0 682.31 0 773.78c0 91.11 73.86 164.968 164.971 164.968h351.034V510.595z" fill="#D4D4FF"/><path d="M643.266 691.287c-.007-115.871-79.446-212.729-186.43-239.862-107.133 27.201-186.389 124.277-186.389 239.872 0 136.035 109.766 246.42 245.558 247.453h127.63c68.333 0 123.728-55.394 123.728-123.728-.002-69.229-56.58-124.096-124.097-123.735z" fill="#EFEDFF"/><path d="M178.046 749.17a61.81 44.298 0 1 0 123.622 0 61.81 44.298 0 1 0-123.622 0zM495.342 749.17a61.81 44.298 0 1 0 123.622 0 61.81 44.298 0 1 0-123.622 0z" fill="#FF8E9E"/><path d="M269.84 666.004a15.453 15.453 0 0 0-15.453 15.453v24.724c0 8.536 6.918 15.453 15.452 15.453s15.453-6.917 15.453-15.453v-24.724a15.453 15.453 0 0 0-15.453-15.453zm257.333 0a15.453 15.453 0 0 0-15.453 15.453v24.724c0 8.536 6.918 15.453 15.453 15.453s15.452-6.917 15.452-15.453v-24.724a15.453 15.453 0 0 0-15.452-15.453zm-84.593 27.792a15.453 15.453 0 0 0-21.803 1.498 29.546 29.546 0 0 1-22.272 10.153 29.55 29.55 0 0 1-22.275-10.153 15.453 15.453 0 1 0-23.298 20.305c11.495 13.188 28.105 20.752 45.57 20.752s34.077-7.564 45.572-20.752a15.45 15.45 0 0 0-1.494-21.803z" fill="#313D40"/></svg>

src/assets/icons/sakura/014-bench.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436312737" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16127" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M828.952663 240.032193H576.916799a97.867203 97.867203 0 0 0-69.199324 28.661698L438.858111 344.424563v47.732411h467.016113l20.603622-47.732411v-6.867187c0-53.864048-43.663195-97.525183-97.525183-97.525183z" fill="#D6948C" p-id="16128"></path><path d="M195.049274 240.032193c-53.861988 0-97.523123 43.661135-97.523123 97.523123v6.867187l20.603622 47.73241h348.887308l20.603622-47.73241v-6.867187c0-53.861988 43.663195-97.523123 97.523123-97.523123z" fill="#CE857A" p-id="16129"></path><path d="M438.858111 344.424563V448.128773l48.762592 69.366213h386.641384l52.215759-69.366213v-103.70421z" fill="#E8B5B1" p-id="16130"></path><path d="M97.524091 344.424563V448.128773l38.62767 69.366213h312.841272l38.62767-69.366213v-103.70421z" fill="#D6948C" p-id="16131"></path><path d="M487.620703 448.128773l-163.432049 61.124764 163.432049 43.953706h292.571428V834.44668c0 40.395461 32.747396 73.142857 73.142857 73.142857s73.142857-32.747396 73.142858-73.142857v-146.285714-240.032193z" fill="#D6948C" p-id="16132"></path><path d="M97.524091 448.128773V834.44668c0 40.395461 32.747396 73.142857 73.142857 73.142857s73.142857-32.747396 73.142857-73.142857V553.207243h243.808837v-105.07847z" fill="#CE857A" p-id="16133"></path><path d="M950.858111 615.018109H487.620703L365.715254 688.160966l121.905449 73.142857H950.858111c40.395461 0 73.142857-32.747396 73.142857-73.142857s-32.747396-73.142857-73.142857-73.142857z" fill="#E8B5B1" p-id="16134"></path><path d="M487.620703 615.018109H75.210369C35.826546 615.018109 1.937709 645.284829 0.085443 684.623324-1.894565 726.627928 31.576019 761.303823 73.143826 761.303823h414.476877c-40.395461-40.395461-40.395461-105.890254 0-146.285714z" fill="#D6948C" p-id="16135"></path><path d="M287.602803 475.387364a60.481932 48.165087 0 1 0 120.963864 0 60.481932 48.165087 0 1 0-120.963864 0Z" fill="#FFDBE0" p-id="16136"></path><path d="M615.43527 475.387364a60.481932 48.165087 0 1 0 120.963863 0 60.481932 48.165087 0 1 0-120.963863 0Z" fill="#FFDBE0" p-id="16137"></path><path d="M383.333411 388.845972a15.452716 15.452716 0 0 0-15.452716 15.452716v24.724346c0 8.53608 6.918696 15.452716 15.452716 15.452717s15.452716-6.916636 15.452716-15.452717v-24.724346a15.452716 15.452716 0 0 0-15.452716-15.452716zM640.668526 388.845972a15.452716 15.452716 0 0 0-15.452717 15.452716v24.724346c0 8.53608 6.918696 15.452716 15.452717 15.452717s15.452716-6.916636 15.452716-15.452717v-24.724346a15.452716 15.452716 0 0 0-15.452716-15.452716zM556.076236 416.636137a15.452716 15.452716 0 0 0-21.802753 1.497883c-5.622728 6.455115-13.740555 10.155525-22.272515 10.155525s-16.649787-3.70041-22.272515-10.155525a15.452716 15.452716 0 0 0-23.300636 20.304869c11.494761 13.188378 28.1054 20.754028 45.573151 20.754029s34.07839-7.56565 45.573151-20.754029a15.452716 15.452716 0 0 0-1.497883-21.802752z" fill="#313D40" p-id="16138"></path><path d="M380.48187 178.221328c0-20.42231-9.910342-38.524652-25.177626-49.78041h-41.207243L253.837588 239.129755l59.410543 113.09534h41.207244c15.745288-11.204249 26.026495-29.586801 26.026495-50.382037 34.138141 0 61.810865-27.674785 61.810865-61.810865s-27.674785-61.810865-61.810865-61.810865z" fill="#FFDBE0" p-id="16139"></path><path d="M295.044832 239.129755c0.500668-45.134294 23.523155-86.370382 60.257352-110.688837a61.522414 61.522414 0 0 0-36.63324-12.030455c-34.138141 0-61.810865 27.674785-61.810865 61.810865-34.138141 0-61.810865 27.674785-61.810865 61.810865s27.672724 61.810865 61.810865 61.810865c0 34.13608 27.672724 61.810865 61.810865 61.810866a61.49563 61.49563 0 0 0 35.78437-11.428829c-37.142149-24.994254-59.915332-67.293489-59.408482-113.09534z" fill="#FFB5C0" p-id="16140"></path><path d="M318.671005 240.032193m-23.632355 0a23.632354 23.632354 0 1 0 47.264709 0 23.632354 23.632354 0 1 0-47.264709 0Z" fill="#FF8E9E" p-id="16141"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M828.953 240.032H576.917a97.867 97.867 0 0 0-69.2 28.662l-68.859 75.73v47.733h467.016l20.604-47.732v-6.868c0-53.864-43.663-97.525-97.525-97.525z" fill="#D6948C"/><path d="M195.05 240.032c-53.863 0-97.524 43.661-97.524 97.523v6.868l20.604 47.732h348.887l20.604-47.732v-6.868c0-53.862 43.663-97.523 97.523-97.523z" fill="#CE857A"/><path d="M438.858 344.425v103.704l48.763 69.366h386.641l52.216-69.366V344.425z" fill="#E8B5B1"/><path d="M97.524 344.425v103.704l38.628 69.366h312.841l38.628-69.366V344.425z" fill="#D6948C"/><path d="M487.62 448.129 324.19 509.254l163.432 43.953h292.571v281.24c0 40.395 32.748 73.143 73.143 73.143s73.143-32.748 73.143-73.143V448.129z" fill="#D6948C"/><path d="M97.524 448.129v386.318c0 40.395 32.747 73.143 73.143 73.143s73.143-32.748 73.143-73.143v-281.24h243.809V448.13z" fill="#CE857A"/><path d="M950.858 615.018H487.621l-121.906 73.143 121.906 73.143h463.237c40.396 0 73.143-32.748 73.143-73.143s-32.747-73.143-73.143-73.143z" fill="#E8B5B1"/><path d="M487.62 615.018H75.21c-39.383 0-73.272 30.267-75.125 69.605-1.98 42.005 31.491 76.68 73.059 76.68H487.62c-40.396-40.395-40.396-105.89 0-146.285z" fill="#D6948C"/><path d="M287.603 475.387a60.482 48.165 0 1 0 120.964 0 60.482 48.165 0 1 0-120.964 0zM615.435 475.387a60.482 48.165 0 1 0 120.964 0 60.482 48.165 0 1 0-120.964 0z" fill="#FFDBE0"/><path d="M383.333 388.846a15.453 15.453 0 0 0-15.452 15.453v24.724c0 8.536 6.918 15.453 15.452 15.453s15.453-6.917 15.453-15.453v-24.724a15.453 15.453 0 0 0-15.453-15.453zm257.336 0a15.453 15.453 0 0 0-15.453 15.453v24.724c0 8.536 6.919 15.453 15.453 15.453s15.452-6.917 15.452-15.453v-24.724a15.453 15.453 0 0 0-15.452-15.453zm-84.593 27.79a15.453 15.453 0 0 0-21.803 1.498c-5.622 6.455-13.74 10.156-22.272 10.156s-16.65-3.7-22.273-10.156a15.453 15.453 0 0 0-23.3 20.305A60.45 60.45 0 0 0 512 459.193a60.45 60.45 0 0 0 45.573-20.754 15.453 15.453 0 0 0-1.498-21.803z" fill="#313D40"/><path d="M380.482 178.221c0-20.422-9.91-38.524-25.178-49.78h-41.207l-60.26 110.689 59.411 113.095h41.207c15.746-11.204 26.027-29.587 26.027-50.382 34.138 0 61.81-27.675 61.81-61.81s-27.674-61.812-61.81-61.812z" fill="#FFDBE0"/><path d="M295.045 239.13c.5-45.135 23.523-86.37 60.257-110.69a61.522 61.522 0 0 0-36.633-12.03c-34.138 0-61.81 27.675-61.81 61.811-34.14 0-61.812 27.675-61.812 61.811s27.673 61.811 61.811 61.811c0 34.136 27.673 61.81 61.81 61.81a61.496 61.496 0 0 0 35.785-11.428c-37.142-24.994-59.915-67.293-59.408-113.095z" fill="#FFB5C0"/><path d="M295.039 240.032a23.632 23.632 0 1 0 47.264 0 23.632 23.632 0 1 0-47.264 0z" fill="#FF8E9E"/></svg>

src/assets/icons/sakura/025-fan.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436346366" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17447" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M61.880176 663.106962c-21.740942 81.246262-0.91274 171.628169 63.236636 235.775485 63.813537 63.815598 154.273738 85.035268 235.779605 63.255179L297.703049 726.296209zM121.488514 68.651268l176.214535 657.644941 0.436797 0.117441L782.774115 241.77938l-0.138044-0.140104C609.534743 68.535887 356.540812 2.608419 121.488514 68.651268z" fill="#FF8E9E" p-id="17448"></path><path d="M782.774115 241.77938L298.139846 726.41159l657.210205 176.099154c65.987219-234.864805 0.216338-487.640338-172.575936-660.731364z" fill="#FFB5C0" p-id="17449"></path><path d="M360.85727 1024c-27.310101 0-52.304354-18.225964-59.707235-45.861602L59.926952 77.877569C51.085938 44.880869 70.66556 10.963187 103.66226 2.122173 136.667202-6.71472 170.578703 12.864901 179.417657 45.859541l241.223082 900.26289c8.841014 32.9967-10.740668 66.914382-43.737368 75.755396a61.959211 61.959211 0 0 1-16.046101 2.122173z" fill="#D6948C" p-id="17450"></path><path d="M81.379443 942.619815c-24.155686-24.155686-24.155686-63.31699 0-87.472676L740.204973 196.32161c24.153626-24.155686 63.31905-24.155686 87.472676 0 24.155686 24.155686 24.155686 63.31905 0 87.474736L168.852119 942.619815c-24.149505 24.153626-63.31699 24.157746-87.472676 0z" fill="#E8B5B1" p-id="17451"></path><path d="M946.123749 964.072306L45.86086 722.849223C12.86416 714.008209-6.717522 680.092588 2.123492 647.095887c8.838954-32.9967 42.750455-52.584563 75.755396-43.737368l900.262889 241.223083c32.9967 8.841014 52.578382 42.758696 43.737369 75.755396-8.836893 32.978157-42.742213 52.584563-75.755397 43.735308z" fill="#F2D4D3" p-id="17452"></path><path d="M297.703049 726.296209m-30.905433 0a30.905433 30.905433 0 1 0 61.810866 0 30.905433 30.905433 0 1 0-61.810866 0Z" fill="#FF8E9E" p-id="17453"></path><path d="M741.148618 560.027042c0-22.758761 18.448483-41.207243 41.207244-41.207243s41.207243 18.448483 41.207243 41.207243c22.758761 0 41.207243 18.448483 41.207244 41.207244s-18.448483 41.207243-41.207244 41.207243c0 22.758761-18.448483 41.207243-41.207243 41.207244s-41.207243-18.448483-41.207244-41.207244c-22.758761 0-41.207243-18.448483-41.207243-41.207243s18.448483-41.207243 41.207243-41.207244z" fill="#FFDBE0" p-id="17454"></path><path d="M782.355862 601.234286m-23.632354 0a23.632354 23.632354 0 1 0 47.264708 0 23.632354 23.632354 0 1 0-47.264708 0Z" fill="#FFB5C0" p-id="17455"></path><path d="M368.299299 196.591517c0-35.275461 28.595767-63.871227 63.871227-63.871227s63.871227 28.595767 63.871227 63.871227c35.275461 0 63.871227 28.595767 63.871228 63.871227s-28.595767 63.871227-63.871228 63.871228c0 35.275461-28.595767 63.871227-63.871227 63.871227s-63.871227-28.595767-63.871227-63.871227c-35.275461 0-63.871227-28.595767-63.871228-63.871228s28.595767-63.871227 63.871228-63.871227z" fill="#FFDBE0" p-id="17456"></path><path d="M432.170526 260.462744m-36.056338 0a36.056338 36.056338 0 1 0 72.112676 0 36.056338 36.056338 0 1 0-72.112676 0Z" fill="#FF8E9E" p-id="17457"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M61.88 663.107c-21.74 81.246-.913 171.628 63.237 235.775 63.813 63.816 154.274 85.036 235.78 63.256l-63.194-235.842zM121.49 68.651l176.214 657.645.437.118 484.634-484.635-.138-.14C609.535 68.536 356.541 2.61 121.49 68.651z" fill="#FF8E9E"/><path d="M782.774 241.78 298.14 726.411 955.35 902.51c65.987-234.865.216-487.64-172.576-660.732z" fill="#FFB5C0"/><path d="M360.857 1024c-27.31 0-52.304-18.226-59.707-45.862L59.927 77.878C51.086 44.88 70.666 10.963 103.662 2.122c33.005-8.837 66.917 10.743 75.756 43.738L420.64 946.122c8.84 32.997-10.74 66.915-43.738 75.756a61.96 61.96 0 0 1-16.046 2.122z" fill="#D6948C"/><path d="M81.38 942.62c-24.156-24.156-24.156-63.317 0-87.473l658.825-658.825c24.154-24.156 63.319-24.156 87.473 0 24.155 24.155 24.155 63.319 0 87.474L168.852 942.62c-24.15 24.153-63.317 24.158-87.473 0z" fill="#E8B5B1"/><path d="M946.124 964.072 45.86 722.85c-32.997-8.84-52.579-42.756-43.738-75.753 8.84-32.997 42.75-52.585 75.756-43.737l900.263 241.223c32.996 8.84 52.578 42.758 43.737 75.755-8.837 32.978-42.742 52.585-75.755 43.735z" fill="#F2D4D3"/><path d="M266.798 726.296a30.905 30.905 0 1 0 61.81 0 30.905 30.905 0 1 0-61.81 0z" fill="#FF8E9E"/><path d="M741.149 560.027c0-22.759 18.448-41.207 41.207-41.207s41.207 18.448 41.207 41.207c22.759 0 41.207 18.449 41.207 41.207s-18.448 41.208-41.207 41.208c0 22.758-18.448 41.207-41.207 41.207s-41.207-18.449-41.207-41.207c-22.76 0-41.208-18.449-41.208-41.208s18.449-41.207 41.208-41.207z" fill="#FFDBE0"/><path d="M758.724 601.234a23.632 23.632 0 1 0 47.264 0 23.632 23.632 0 1 0-47.264 0z" fill="#FFB5C0"/><path d="M368.3 196.592c0-35.276 28.595-63.872 63.87-63.872s63.872 28.596 63.872 63.872c35.275 0 63.871 28.595 63.871 63.87s-28.596 63.872-63.871 63.872c0 35.275-28.596 63.871-63.871 63.871s-63.872-28.596-63.872-63.871c-35.275 0-63.87-28.596-63.87-63.871s28.595-63.871 63.87-63.871z" fill="#FFDBE0"/><path d="M396.114 260.463a36.056 36.056 0 1 0 72.113 0 36.056 36.056 0 1 0-72.113 0z" fill="#FF8E9E"/></svg>

src/assets/icons/sakura/040-mochi.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436357024" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M752.940813 116.470213H512L240.940813 512 512 907.529787h261.544435C934.827525 832.071082 1024 765.696515 1024 594.414487S914.223903 191.928918 752.940813 116.470213z" fill="#B0EBD8" p-id="17893"></path><path d="M640.543936 822.150439l-15.796797-29.782536V201.462213c37.210141-33.878535 80.44272-62.649433 128.195734-84.992-71.820105-33.600386-153.820459-52.706125-240.942873-52.706124-87.149199 0-169.196942 19.085135-241.031469 52.706124C109.722527 191.939219 0 423.157183 0 594.414487c0 247.554575 229.229714 365.821425 512 365.821424 87.122414 0 189.72639-19.103678 261.544435-52.706124-47.934326-22.427042-93.138672-51.331863-133.000499-85.379348z" fill="#70DCBA" p-id="17894"></path><path d="M624.745078 201.462213c-100.213956-25.529948-209.468781-16.04198-301.373295 26.972201C212.600531 280.281368 123.62173 463.676266 123.62173 594.414487c0 75.656499 29.848467 130.385899 93.938093 172.242157 103.947332 67.886873 286.928097 85.910922 422.984113 55.495855v-586.791147z" fill="#D6948C" p-id="17895"></path><path d="M900.37827 594.414487c0-130.793851-89.03237-314.135179-199.822165-365.971831-24.3473-11.391742-49.77835-20.348137-75.808966-26.980443-88.465771 80.545738-142.863453 189.967453-142.863453 310.537787 0 120.37666 64.39662 229.641787 158.66025 310.150439 29.502326-6.595219 56.810366-15.454777 80.61373-26.593095C875.738398 723.232451 900.37827 686.415839 900.37827 594.414487z" fill="#E8B5B1" p-id="17896"></path><path d="M284.770897 550.102278a55.69159 44.349296 0 1 0 111.383179 0 55.69159 44.349296 0 1 0-111.383179 0Z" fill="#FFDBE0" p-id="17897"></path><path d="M627.845924 550.102278a55.69159 44.349296 0 1 0 111.383179 0 55.69159 44.349296 0 1 0-111.383179 0Z" fill="#FFDBE0" p-id="17898"></path><path d="M126.594833 774.424209m-15.452716 0a15.452716 15.452716 0 1 0 30.905432 0 15.452716 15.452716 0 1 0-30.905432 0Z" fill="#30CD9C" p-id="17899"></path><path d="M126.594833 362.351775m-15.452716 0a15.452716 15.452716 0 1 0 30.905432 0 15.452716 15.452716 0 1 0-30.905432 0Z" fill="#30CD9C" p-id="17900"></path><path d="M538.667268 135.711936m-15.452717 0a15.452716 15.452716 0 1 0 30.905433 0 15.452716 15.452716 0 1 0-30.905433 0Z" fill="#30CD9C" p-id="17901"></path><path d="M744.703485 176.919179m-15.452716 0a15.452716 15.452716 0 1 0 30.905432 0 15.452716 15.452716 0 1 0-30.905432 0Z" fill="#70DCBA" p-id="17902"></path><path d="M942.498254 467.430245m-15.452717 0a15.452716 15.452716 0 1 0 30.905433 0 15.452716 15.452716 0 1 0-30.905433 0Z" fill="#70DCBA" p-id="17903"></path><path d="M722.039501 863.238181m-15.452716 0a15.452716 15.452716 0 1 0 30.905432 0 15.452716 15.452716 0 1 0-30.905432 0Z" fill="#70DCBA" p-id="17904"></path><path d="M385.08169 467.557988c-24.159807 0-43.813602 19.653795-43.813601 43.813602 0 8.53608 6.916636 15.452716 15.452716 15.452716s15.452716-6.916636 15.452716-15.452716c0-7.116491 5.791678-12.908169 12.908169-12.908169s12.908169 5.791678 12.908169 12.908169c0 8.53608 6.916636 15.452716 15.452716 15.452716s15.452716-6.916636 15.452717-15.452716c0-24.159807-19.653795-43.813602-43.813602-43.813602zM638.598954 467.557988c-24.159807 0-43.813602 19.653795-43.813602 43.813602 0 8.53608 6.916636 15.452716 15.452716 15.452716s15.452716-6.916636 15.452717-15.452716c0-7.116491 5.791678-12.908169 12.908169-12.908169s12.908169 5.791678 12.908169 12.908169c0 8.53608 6.916636 15.452716 15.452716 15.452716s15.452716-6.916636 15.452716-15.452716c0-24.159807-19.653795-43.813602-43.813601-43.813602zM513.289787 483.531976c-8.53608 0-15.452716 6.916636-15.452717 15.452716s6.916636 15.452716 15.452717 15.452716c4.044491 0 7.334889 3.290398 7.334889 7.33489s-3.290398 7.334889-7.334889 7.334889c-8.53608 0-15.452716 6.916636-15.452717 15.452716s6.916636 15.452716 15.452717 15.452717c4.044491 0 7.334889 3.290398 7.334889 7.334889s-3.290398 7.334889-7.334889 7.334889c-8.53608 0-15.452716 6.916636-15.452717 15.452717s6.916636 15.452716 15.452717 15.452716c31.2866 0 49.440451-35.809095 30.635525-61.025867 18.77196-25.177626 0.694342-61.029988-30.635525-61.029988z" fill="#313D40" p-id="17905"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M752.94 116.47H512L240.94 512 512 907.53h261.544C934.828 832.07 1024 765.697 1024 594.414S914.224 191.93 752.94 116.47z" fill="#B0EBD8"/><path d="m640.544 822.15-15.797-29.782V201.462c37.21-33.878 80.443-62.65 128.196-84.992-71.82-33.6-153.82-52.706-240.943-52.706-87.15 0-169.197 19.085-241.031 52.706C109.723 191.94 0 423.157 0 594.414 0 841.97 229.23 960.236 512 960.236c87.122 0 189.726-19.104 261.544-52.706-47.934-22.427-93.138-51.332-133-85.38z" fill="#70DCBA"/><path d="M624.745 201.462c-100.214-25.53-209.469-16.042-301.373 26.972-110.771 51.847-199.75 235.242-199.75 365.98 0 75.657 29.848 130.386 93.938 172.243 103.947 67.887 286.928 85.91 422.984 55.495v-586.79z" fill="#D6948C"/><path d="M900.378 594.414c0-130.793-89.032-314.135-199.822-365.971-24.347-11.392-49.778-20.348-75.809-26.98C536.281 282.007 481.884 391.43 481.884 512c0 120.377 64.396 229.642 158.66 310.15 29.502-6.595 56.81-15.454 80.614-26.593 154.58-72.325 179.22-109.141 179.22-201.143z" fill="#E8B5B1"/><path d="M284.77 550.102a55.692 44.35 0 1 0 111.384 0 55.692 44.35 0 1 0-111.383 0zM627.846 550.102a55.692 44.35 0 1 0 111.383 0 55.692 44.35 0 1 0-111.383 0z" fill="#FFDBE0"/><path d="M111.142 774.424a15.453 15.453 0 1 0 30.906 0 15.453 15.453 0 1 0-30.906 0zM111.142 362.352a15.453 15.453 0 1 0 30.906 0 15.453 15.453 0 1 0-30.906 0zM523.215 135.712a15.453 15.453 0 1 0 30.905 0 15.453 15.453 0 1 0-30.905 0z" fill="#30CD9C"/><path d="M729.251 176.92a15.453 15.453 0 1 0 30.905 0 15.453 15.453 0 1 0-30.905 0zM927.046 467.43a15.453 15.453 0 1 0 30.905 0 15.453 15.453 0 1 0-30.905 0zM706.587 863.238a15.453 15.453 0 1 0 30.905 0 15.453 15.453 0 1 0-30.905 0z" fill="#70DCBA"/><path d="M385.082 467.558c-24.16 0-43.814 19.654-43.814 43.814 0 8.536 6.917 15.452 15.453 15.452s15.453-6.916 15.453-15.452c0-7.117 5.791-12.909 12.908-12.909s12.908 5.792 12.908 12.909c0 8.536 6.916 15.452 15.453 15.452s15.452-6.916 15.452-15.452c0-24.16-19.654-43.814-43.813-43.814zm253.517 0c-24.16 0-43.814 19.654-43.814 43.814 0 8.536 6.917 15.452 15.453 15.452s15.453-6.916 15.453-15.452c0-7.117 5.791-12.909 12.908-12.909s12.908 5.792 12.908 12.909c0 8.536 6.917 15.452 15.453 15.452s15.453-6.916 15.453-15.452c0-24.16-19.654-43.814-43.814-43.814zm-125.31 15.974c-8.535 0-15.452 6.917-15.452 15.453s6.917 15.452 15.453 15.452c4.044 0 7.335 3.29 7.335 7.335s-3.29 7.335-7.335 7.335c-8.536 0-15.453 6.917-15.453 15.453s6.917 15.453 15.453 15.453c4.044 0 7.335 3.29 7.335 7.335s-3.29 7.334-7.335 7.334c-8.536 0-15.453 6.917-15.453 15.453s6.917 15.453 15.453 15.453c31.286 0 49.44-35.81 30.635-61.026 18.772-25.178.695-61.03-30.635-61.03z" fill="#313D40"/></svg>

src/assets/icons/sakura/042-bubble tea.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436377216" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18609" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M409.693562 108.170504a63.165273 63.165273 0 0 0-34.785507-47.543421L263.943872 6.445095c-15.166506-7.411211-32.313044-8.468189-48.276919-2.977258-15.957694 5.48887-28.826869 16.864265-36.231899 32.032831-7.40709 15.164446-8.462008 32.308923-2.975198 48.270738s16.864265 28.83099 32.03077 36.23808l81.049429 39.573846 22.736367 153.867613 62.332877 40.917218 65.093794-43.130073z" fill="#70DCBA" p-id="18610"></path><path d="M789.189995 202.948289h-175.190555c-66.000365 0-119.502425 53.50206-119.502424 119.502425v582.046861c0 66.000365 53.50206 119.502425 119.502424 119.502425h122.685722c32.337768 0 59.209331-24.924497 61.636466-57.171608l52.504833-697.426453c2.701167-35.86515-25.670357-66.45365-61.636466-66.45365z" fill="#EFEDFF" p-id="18611"></path><path d="M537.765135 942.202651V285.363755c0-45.516001 34.839078-82.415465 80.355078-82.415466H282.219502c-35.966109 0-64.337633 30.5885-61.636467 66.45159l52.504833 697.428513c2.427135 32.247111 29.298698 57.171608 61.636466 57.171608h273.442152c-40.81832-4.918143-70.401351-39.65008-70.401351-81.797349z" fill="#D4D4FF" p-id="18612"></path><path d="M744.566141 857.498096L779.757545 414.137919h-241.99241l-43.268119 38.47566v409.396764l43.268119 38.366459h160.572111c24.254871 0 44.409573-18.693888 46.228895-42.878706z" fill="#FFB5C0" p-id="18613"></path><path d="M293.467152 414.137919l33.376203 443.360177c1.821382 24.184818 21.976084 42.878706 46.228895 42.878706h164.697006V414.137919z" fill="#FF8E9E" p-id="18614"></path><path d="M330.156457 574.343282a51.509666 41.020237 0 1 0 103.019332 0 51.509666 41.020237 0 1 0-103.019332 0Z" fill="#FFDBE0" p-id="18615"></path><path d="M640.046848 574.343282a51.509666 41.020237 0 1 0 103.019332 0 51.509666 41.020237 0 1 0-103.019332 0Z" fill="#FFDBE0" p-id="18616"></path><path d="M407.942234 494.946283a15.450839 15.450839 0 0 0-15.4529 15.4529v24.724639c0 8.536182 6.916718 15.4529 15.4529 15.4529s15.4529-6.916718 15.452899-15.4529v-24.724639c0-8.536182-6.916718-15.4529-15.452899-15.4529zM665.280403 494.946283a15.450839 15.450839 0 0 0-15.4529 15.4529v24.724639c0 8.536182 6.916718 15.4529 15.4529 15.4529s15.4529-6.916718 15.4529-15.4529v-24.724639a15.4529 15.4529 0 0 0-15.4529-15.4529zM580.685049 522.736778a15.446719 15.446719 0 0 0-21.800951 1.499961c-11.797774 13.53468-32.758087 13.524378-44.545559 0a15.4529 15.4529 0 1 0-23.300913 20.30099c24.110644 27.673053 67.057343 27.646268 91.145324 0a15.448779 15.448779 0 0 0-1.497901-21.800951z" fill="#313D40" p-id="18617"></path><path d="M439.122064 780.923827m-49.449279 0a49.449279 49.449279 0 1 0 98.898559 0 49.449279 49.449279 0 1 0-98.898559 0Z" fill="#676FB2" p-id="18618"></path><path d="M636.919181 780.923827m-49.449279 0a49.449279 49.449279 0 1 0 98.898558 0 49.449279 49.449279 0 1 0-98.898558 0Z" fill="#676FB2" p-id="18619"></path><path d="M538.020623 780.923827m-49.449279 0a49.449279 49.449279 0 1 0 98.898558 0 49.449279 49.449279 0 1 0-98.898558 0Z" fill="#676FB2" p-id="18620"></path><path d="M439.122064 780.923827m-49.449279 0a49.449279 49.449279 0 1 0 98.898559 0 49.449279 49.449279 0 1 0-98.898559 0Z" fill="#4C5699" p-id="18621"></path><path d="M488.579585 695.257071m-49.449279 0a49.449279 49.449279 0 1 0 98.898558 0 49.449279 49.449279 0 1 0-98.898558 0Z" fill="#4C5699" p-id="18622"></path><path d="M587.478144 695.257071m-49.44928 0a49.449279 49.449279 0 1 0 98.898559 0 49.449279 49.449279 0 1 0-98.898559 0Z" fill="#676FB2" p-id="18623"></path><path d="M538.020623 780.923827m-49.449279 0a49.449279 49.449279 0 1 0 98.898558 0 49.449279 49.449279 0 1 0-98.898558 0Z" fill="#676FB2" p-id="18624"></path><path d="M538.020623 780.923827m-49.449279 0a49.449279 49.449279 0 1 0 98.898558 0 49.449279 49.449279 0 1 0-98.898558 0Z" fill="#676FB2" p-id="18625"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M409.694 108.17a63.165 63.165 0 0 0-34.786-47.543L263.944 6.445c-15.167-7.411-32.313-8.468-48.277-2.977-15.958 5.489-28.827 16.864-36.232 32.033-7.407 15.164-8.462 32.309-2.975 48.27s16.864 28.831 32.03 36.238l81.05 39.574 22.736 153.868 62.333 40.917 65.094-43.13z" fill="#70DCBA"/><path d="M789.19 202.948H614c-66 0-119.503 53.502-119.503 119.503v582.047c0 66 53.502 119.502 119.502 119.502h122.686c32.338 0 59.21-24.924 61.637-57.172l52.504-697.426c2.702-35.865-25.67-66.454-61.636-66.454z" fill="#EFEDFF"/><path d="M537.765 942.203v-656.84c0-45.515 34.84-82.415 80.355-82.415h-335.9c-35.967 0-64.338 30.589-61.637 66.452l52.505 697.428c2.427 32.248 29.299 57.172 61.636 57.172h273.442c-40.818-4.918-70.4-39.65-70.4-81.797z" fill="#D4D4FF"/><path d="m744.566 857.498 35.192-443.36H537.765l-43.268 38.476V862.01l43.268 38.367h160.572c24.255 0 44.41-18.694 46.23-42.879z" fill="#FFB5C0"/><path d="m293.467 414.138 33.376 443.36c1.822 24.185 21.976 42.879 46.23 42.879h164.696v-486.24z" fill="#FF8E9E"/><path d="M330.156 574.343a51.51 41.02 0 1 0 103.02 0 51.51 41.02 0 1 0-103.02 0zM640.047 574.343a51.51 41.02 0 1 0 103.02 0 51.51 41.02 0 1 0-103.02 0z" fill="#FFDBE0"/><path d="M407.942 494.946A15.45 15.45 0 0 0 392.49 510.4v24.725c0 8.536 6.917 15.453 15.453 15.453s15.453-6.917 15.453-15.453v-24.725c0-8.536-6.917-15.453-15.453-15.453zm257.338 0a15.45 15.45 0 0 0-15.452 15.453v24.725c0 8.536 6.916 15.453 15.452 15.453s15.453-6.917 15.453-15.453v-24.725a15.453 15.453 0 0 0-15.453-15.453zm-84.595 27.79a15.447 15.447 0 0 0-21.8 1.5c-11.799 13.535-32.759 13.525-44.546 0a15.453 15.453 0 1 0-23.301 20.302c24.11 27.673 67.057 27.646 91.145 0a15.449 15.449 0 0 0-1.498-21.801z" fill="#313D40"/><path d="M389.672 780.924a49.45 49.45 0 1 0 98.9 0 49.45 49.45 0 1 0-98.9 0zM587.4699999999999 780.924a49.45 49.45 0 1 0 98.898 0 49.45 49.45 0 1 0-98.898 0z" fill="#676FB2"/><path d="M488.571 780.924a49.45 49.45 0 1 0 98.899 0 49.45 49.45 0 1 0-98.899 0z" fill="#676FB2"/><path d="M389.672 780.924a49.45 49.45 0 1 0 98.9 0 49.45 49.45 0 1 0-98.9 0z" fill="#4C5699"/><path d="M439.13 695.257a49.45 49.45 0 1 0 98.899 0 49.45 49.45 0 1 0-98.899 0z" fill="#4C5699"/><path d="M538.028 695.257a49.45 49.45 0 1 0 98.9 0 49.45 49.45 0 1 0-98.9 0z" fill="#676FB2"/><path d="M488.571 780.924a49.45 49.45 0 1 0 98.899 0 49.45 49.45 0 1 0-98.899 0z" fill="#676FB2"/><path d="M488.571 780.924a49.45 49.45 0 1 0 98.899 0 49.45 49.45 0 1 0-98.899 0z" fill="#676FB2"/></svg>

src/assets/icons/sakura/044-lights.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436455863" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22097" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 0l-41.207243 31.960338L512 61.810865c17.06804 0 30.905433 13.837392 30.905433 30.905433s-13.837392 30.905433-30.905433 30.905432l-41.067139 34.010399L512 185.432596c25.972926 0 49.450753-10.594382 66.281851-27.800467A92.61328 92.61328 0 0 0 604.716298 92.716298c0-51.206181-41.510117-92.716298-92.716298-92.716298z" fill="#E8B5B1" p-id="22098"></path><path d="M512 123.62173c-17.06804 0-30.905433-13.837392-30.905433-30.905432s13.837392-30.905433 30.905433-30.905433c-17.06804-17.06804-17.06804-44.742825 0-61.810865-51.206181 0-92.716298 41.510117-92.716298 92.716298s41.510117 92.716298 92.716298 92.716298c-17.06804-17.06804-17.06804-44.742825 0-61.810866z" fill="#CE857A" p-id="22099"></path><path d="M779.845022 467.700153L627.380282 315.235412h-224.579477v646.953723h377.046277V467.702213z" fill="#FFDBE0" p-id="22100"></path><path d="M625.77938 316.836314l1.600902-1.600902-115.380282-115.380281-267.847082 267.847082v494.486922h230.760563V681.058897a515.088483 515.088483 0 0 1 150.865899-364.222583z" fill="#FFB5C0" p-id="22101"></path><path d="M474.913481 684.040241l-79.260073 46.358149L474.913481 776.756539h296.692153v-92.716298z" fill="#E8B5B1" p-id="22102"></path><path d="M474.913481 684.040241h-222.519115v92.716298h222.519115c-25.60206-25.60206-25.60206-67.114237 0-92.716298zM718.036217 467.702213h123.621731v494.486922h-123.621731z" fill="#D6948C" p-id="22103"></path><path d="M182.342052 467.702213h123.621731v494.486922h-123.621731z" fill="#CE857A" p-id="22104"></path><path d="M887.818302 404.618044c-117.504515-37.929207-254.58041-117.700249-300.555332-230.492716a84.674704 84.674704 0 0 0-8.981119-16.493199h-107.35105v174.018189l41.207243 29.906157c70.056435 86.621746 193.853296 156.200177 326.567405 198.660121 52.442398 16.775469 105.968547-22.830873 105.968547-77.889932 0.00206-35.526825-23.045151-66.794881-56.855694-77.70862z" fill="#FF8E9E" p-id="22105"></path><path d="M513.374262 123.62173c-0.471823 0-0.943646 0.039147-1.41753 0.047389h-0.026784c-24.646052 0.412072-49.419847 10.994093-65.754399 33.960949-3.80961 5.356942-7.163879 11.727581-9.945368 18.405216-46.349907 111.21835-183.512338 192.215308-300.042302 230.606036-33.767276 11.125956-56.863936 42.26627-56.863935 77.817819 0 55.242431 53.812539 94.935308 106.362076 77.896113 132.611091-42.993577 256.028845-113.725811 326.454085-200.798777v-46.885602c0-58.899573 24.133022-114.844588 65.636957-156.636974 0.16895-0.17101 0.337899-0.2287 0.506849-0.40177C562.950696 135.571831 538.67963 123.62173 513.374262 123.62173z" fill="#EA5B70" p-id="22106"></path><path d="M862.261569 900.37827h-387.348088l-67.991952 61.810865 67.991952 61.810865h387.348088c34.138141 0 61.810865-27.674785 61.810866-61.810865 0-34.138141-27.672724-61.810865-61.810866-61.810865z" fill="#E8B5B1" p-id="22107"></path><path d="M474.913481 900.37827h-313.17505c-34.138141 0-61.810865 27.672724-61.810866 61.810865 0 34.13608 27.672724 61.810865 61.810866 61.810865h313.17505c-34.138141-34.13608-34.138141-89.48565 0-123.62173z" fill="#D6948C" p-id="22108"></path><path d="M390.422149 561.924636c-28.338221 0-51.309199 18.293956-51.309199 40.861102s22.970978 40.861103 51.309199 40.861103c28.336161 0 51.309199-18.293956 51.309199-40.861103s-22.973038-40.861103-51.309199-40.861102zM633.577851 561.924636c-28.336161 0-51.309199 18.293956-51.309199 40.861102s22.970978 40.861103 51.309199 40.861103 51.309199-18.293956 51.309199-40.861103c0.00206-22.567147-22.970978-40.861103-51.309199-40.861102z" fill="#FF8E9E" p-id="22109"></path><path d="M403.936064 516.244346a15.450656 15.450656 0 0 0-15.452716 15.452716v24.724346c0 8.53608 6.916636 15.452716 15.452716 15.452717s15.452716-6.916636 15.452717-15.452717v-24.724346a15.452716 15.452716 0 0 0-15.452717-15.452716zM620.061875 516.244346a15.450656 15.450656 0 0 0-15.452716 15.452716v24.724346c0 8.53608 6.916636 15.452716 15.452716 15.452717s15.452716-6.916636 15.452717-15.452717v-24.724346c0-8.53608-6.916636-15.452716-15.452717-15.452716zM556.073207 544.036571a15.448596 15.448596 0 0 0-21.800692 1.499944c-11.793513 13.532459-32.759759 13.520097-44.54297 0a15.448596 15.448596 0 0 0-21.800692-1.499944 15.452716 15.452716 0 0 0-1.499944 21.800693c24.108298 27.668604 67.054487 27.64594 91.142182 0a15.448596 15.448596 0 0 0-1.497884-21.800693z" fill="#313D40" p-id="22110"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="m512 0-41.207 31.96L512 61.81c17.068 0 30.905 13.838 30.905 30.906S529.068 123.622 512 123.622l-41.067 34.01 41.067 27.8c25.973 0 49.45-10.594 66.282-27.8a92.613 92.613 0 0 0 26.434-64.916C604.716 41.51 563.206 0 512 0z" fill="#E8B5B1"/><path d="M512 123.622c-17.068 0-30.905-13.838-30.905-30.906S494.932 61.811 512 61.811C494.932 44.743 494.932 17.068 512 0c-51.206 0-92.716 41.51-92.716 92.716s41.51 92.717 92.716 92.717c-17.068-17.068-17.068-44.743 0-61.811z" fill="#CE857A"/><path d="M779.845 467.7 627.38 315.235H402.8V962.19h377.047V467.702z" fill="#FFDBE0"/><path d="m625.78 316.836 1.6-1.6L512 199.855 244.153 467.701V962.19h230.76V681.06A515.088 515.088 0 0 1 625.78 316.836z" fill="#FFB5C0"/><path d="m474.913 684.04-79.26 46.358 79.26 46.359h296.693V684.04z" fill="#E8B5B1"/><path d="M474.913 684.04H252.394v92.717h222.52c-25.603-25.603-25.603-67.115 0-92.717zm243.123-216.338h123.622V962.19H718.036z" fill="#D6948C"/><path d="M182.342 467.702h123.622V962.19H182.342z" fill="#CE857A"/><path d="M887.818 404.618c-117.504-37.93-254.58-117.7-300.555-230.493a84.675 84.675 0 0 0-8.981-16.493H470.93V331.65l41.207 29.906c70.056 86.622 193.853 156.2 326.567 198.66 52.443 16.776 105.969-22.83 105.969-77.89.002-35.526-23.045-66.794-56.856-77.708z" fill="#FF8E9E"/><path d="M513.374 123.622c-.472 0-.943.039-1.417.047h-.027c-24.646.412-49.42 10.994-65.754 33.961-3.81 5.357-7.164 11.728-9.946 18.405-46.35 111.219-183.512 192.216-300.042 230.606-33.767 11.126-56.864 42.267-56.864 77.818 0 55.243 53.812 94.935 106.362 77.896C318.297 519.362 441.715 448.63 512.14 361.556v-46.885c0-58.9 24.133-114.845 65.637-156.637.169-.171.338-.229.507-.402-15.333-22.06-39.604-34.01-64.91-34.01z" fill="#EA5B70"/><path d="M862.262 900.378H474.913l-67.991 61.811L474.913 1024h387.349c34.138 0 61.81-27.675 61.81-61.81 0-34.139-27.672-61.812-61.81-61.812z" fill="#E8B5B1"/><path d="M474.913 900.378H161.738c-34.138 0-61.81 27.673-61.81 61.811 0 34.136 27.672 61.811 61.81 61.811h313.175c-34.138-34.136-34.138-89.486 0-123.622z" fill="#D6948C"/><path d="M390.422 561.925c-28.338 0-51.31 18.294-51.31 40.86s22.972 40.862 51.31 40.862c28.336 0 51.31-18.294 51.31-40.861s-22.974-40.861-51.31-40.861zm243.156 0c-28.336 0-51.31 18.294-51.31 40.86s22.972 40.862 51.31 40.862 51.31-18.294 51.31-40.861c.001-22.567-22.972-40.861-51.31-40.861z" fill="#FF8E9E"/><path d="M403.936 516.244a15.45 15.45 0 0 0-15.453 15.453v24.724c0 8.536 6.917 15.453 15.453 15.453s15.453-6.917 15.453-15.453v-24.724a15.453 15.453 0 0 0-15.453-15.453zm216.126 0a15.45 15.45 0 0 0-15.453 15.453v24.724c0 8.536 6.917 15.453 15.453 15.453s15.453-6.917 15.453-15.453v-24.724c0-8.536-6.917-15.453-15.453-15.453zm-63.989 27.793a15.449 15.449 0 0 0-21.8 1.5c-11.794 13.532-32.76 13.52-44.543 0a15.449 15.449 0 0 0-21.801-1.5 15.453 15.453 0 0 0-1.5 21.8c24.108 27.669 67.054 27.646 91.142 0a15.449 15.449 0 0 0-1.498-21.8z" fill="#313D40"/></svg>

src/assets/icons/sakura/047-origami.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436367465" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18181" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M395.801755 314.279404c48.18363-41.030052 116.919372-45.962559 163.149778-2.744402l186.586399 207.447565H265.95567c-40.720998 0-58.893392-51.127887-27.30804-76.828845zM0 761.035976V304.624547c0-30.283203 41.660523-38.555557 53.231517-10.569658l193.064177 466.981087z" fill="#FF8E9E" p-id="18182"></path><path d="M983.682833 718.252555l-231.951453-480.332233-164.398358 307.164974-49.526986-53.460218H282.335549l-33.944467 27.355429-222.943549 181.406648C9.360225 716.472402 0 738.287517 0 761.035976 0 808.407823 38.726567 846.808853 86.096354 846.808853h734.677763v-30.392402L905.036748 846.808853c60.333586-0.995155 108.898382-65.906865 78.646085-128.556298z" fill="#FFB5C0" p-id="18183"></path><path d="M905.036748 846.808853L601.312579 518.968145l-186.586398-207.435203c-46.230406-43.218157-114.964089-38.28359-163.149779 2.746462l-157.154124 127.872258c-31.585352 25.700958-13.412958 76.828845 27.30804 76.828845h350.327501a103.011928 103.011928 0 0 1 75.569964 33.004942L820.774117 846.808853zM669.226237 273.00829l78.946898-79.602093c21.442189-21.61938 56.20462-21.61938 77.646809 0l178.540684 180.022085c51.77072 52.199276-7.868523 137.570382-74.049417 105.999452l-245.743517-117.232547c-34.329755-16.379879-42.196217-62.109618-15.341457-89.186897z" fill="#FFDBE0" p-id="18184"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M395.802 314.28c48.183-41.03 116.92-45.963 163.15-2.745l186.586 207.448H265.956c-40.721 0-58.894-51.128-27.308-76.83zM0 761.035V304.625c0-30.284 41.66-38.556 53.232-10.57l193.064 466.981z" fill="#FF8E9E"/><path d="M983.683 718.253 751.73 237.92 587.333 545.085l-49.527-53.46h-255.47l-33.945 27.356L25.448 700.387C9.36 716.472 0 738.287 0 761.036c0 47.372 38.727 85.773 86.096 85.773h734.678v-30.393l84.263 30.393c60.333-.995 108.898-65.907 78.646-128.556z" fill="#FFB5C0"/><path d="m905.037 846.809-303.724-327.84-186.587-207.436c-46.23-43.218-114.964-38.284-163.15 2.746L94.422 442.152c-31.585 25.7-13.413 76.829 27.308 76.829h350.328a103.012 103.012 0 0 1 75.57 33.004L820.774 846.81zm-235.81-573.8 78.946-79.603c21.442-21.62 56.205-21.62 77.647 0l178.54 180.022c51.771 52.2-7.868 137.57-74.049 106L684.568 362.195c-34.33-16.38-42.197-62.11-15.342-89.187z" fill="#FFDBE0"/></svg>

src/assets/icons/sakura/049-hanami.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436421659" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20503" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M907.927437 109.500008c-96.59802 19.402431-193.354688-4.977835-290.152564-34.669714l-88.717135 38.642092v711.447179l90.202656 70.573586c95.887195 29.201513 191.733183 53.027541 287.420524 34.181408C974.147477 916.387284 1024 876.791243 1024 806.726567V205.403686c0-62.375404-57.498527-107.666286-116.072563-95.903678z" fill="#EFEDFF" p-id="20504"></path><path d="M552.636523 496.864579c-2.171622-203.654439 25.946141-302.541521 65.13835-422.034285C455.548137 25.068427 285.510567-39.622825 123.62173 61.810865 57.014342 403.462181 73.089288 313.809642 48.904757 472.783066 85.119742 696.740314 68.078487 603.263742 123.62173 882.642672c162.381264-101.742744 332.917441-36.705352 495.638664 12.850479-49.473416-149.017755-64.901408-236.993159-66.623871-398.628572z" fill="#D4D4FF" p-id="20505"></path><path d="M61.810865 0C27.674785 0 0 27.672724 0 61.810865v900.37827c0 34.138141 27.674785 61.810865 61.810865 61.810865s61.810865-27.672724 61.810865-61.810865V61.810865C123.62173 27.672724 95.949006 0 61.810865 0z" fill="#D6948C" p-id="20506"></path><path d="M861.206664 355.575243l-7.17006-1.65035 1.656531-7.153577c10.672676-46.110905-28.521594-88.480193-74.58305-82.150761-37.391453 5.138543-64.981763 27.25241-90.031646 54.980765H456.514447l0.203976 307.607952h117.094503c10.666495 46.354028 52.269328 94.290414 80.082156 120.158261 67.042125 62.358922 135.876765 17.212266 133.890576-39.534229l-0.257545-7.33489 7.355493-0.255484c72.971847-2.542487 111.317247-113.913304-32.685586-174.558004 38.574101-3.360451 77.183227-15.01798 102.643123-30.88689 15.495984-9.656918 28.146608-22.134471 37.702567-36.348909 25.869907-38.483445 4.940748-92.21563-41.337046-102.873884z" fill="#FFB5C0" p-id="20507"></path><path d="M688.820282 181.24594c-20.47794-41.590471-82.618463-50.377915-115.009417-15.732926-32.390954-34.64293-94.531477-25.857545-115.009416 15.732926-18.710149 37.99926-14.90672 97.570511-2.289063 138.35744-25.049883-27.728354-52.607227-49.842221-89.99868-54.980764-46.061457-6.329433-85.255726 36.039855-74.58305 82.15076l1.656531 7.153578-7.17006 1.65035c-46.277795 10.656193-67.206954 64.390439-41.334986 102.871823 9.55596 14.214439 22.206584 26.691992 37.702567 36.348909 25.459895 15.868909 64.066962 27.526439 102.643123 30.88689-144.000773 60.6447-105.657433 172.017577-32.685586 174.558004l7.355493 0.255484-0.257545 7.33489c-1.986189 56.744435 66.84639 101.893151 133.890576 39.534229 27.812829-25.867847 69.415662-73.804233 80.082157-120.158261a286.178125 286.178125 0 0 1-6.88161-38.710085l91.257561-244.323927c10.130801-9.399372 21.207308-16.503501 32.889562-24.57394 12.615598-40.784869 16.451992-100.356121-2.258157-138.35538z" fill="#FF8E9E" p-id="20508"></path><path d="M691.076378 319.60338h-166.073432v271.992531l48.80998 35.615421c97.290302 0 176.160966-78.870664 176.160965-176.160966-0.00206-52.259026-22.758761-99.187895-58.897513-131.446986z" fill="#FFDBE0" p-id="20509"></path><path d="M545.927984 440.425078a192.596475 192.596475 0 0 1 145.148394-120.821698c-31.146495-27.802527-72.236298-44.71398-117.265513-44.71398-45.049819 0-86.149924 16.89497-117.298479 44.71398C420.390117 351.862471 397.649899 398.807823 397.649899 451.050366c0 97.312966 78.897449 176.160966 176.160966 176.160966a192.600596 192.600596 0 0 1-27.882881-186.786254z" fill="#FFB5C0" p-id="20510"></path><path d="M463.352789 429.585513a15.452716 15.452716 0 0 0-15.452717 15.452716v24.724346a15.452716 15.452716 0 0 0 30.905433 0v-24.724346a15.452716 15.452716 0 0 0-15.452716-15.452716zM679.48066 429.585513a15.452716 15.452716 0 0 0-15.452716 15.452716v24.724346a15.452716 15.452716 0 0 0 30.905432 0v-24.724346a15.452716 15.452716 0 0 0-15.452716-15.452716zM615.491992 457.375678a15.452716 15.452716 0 0 0-21.802753 1.497883c-5.622728 6.453054-13.740555 10.153465-22.272515 10.153465s-16.649787-3.70041-22.272515-10.153465a15.452716 15.452716 0 0 0-23.300636 20.30487c11.494761 13.188378 28.1054 20.754028 45.573151 20.754028s34.07839-7.56359 45.573151-20.754028a15.454777 15.454777 0 0 0-1.497883-21.802753z" fill="#313D40" p-id="20511"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M907.927 109.5c-96.598 19.402-193.354-4.978-290.152-34.67l-88.717 38.642V824.92l90.202 70.573c95.888 29.202 191.734 53.028 287.42 34.182C974.148 916.387 1024 876.79 1024 806.727V205.404c0-62.376-57.499-107.667-116.073-95.904z" fill="#EFEDFF"/><path d="M552.637 496.865c-2.172-203.655 25.946-302.542 65.138-422.035C455.548 25.068 285.51-39.623 123.622 61.81c-66.608 341.652-50.533 252-74.717 410.973 36.215 223.957 19.173 130.48 74.717 409.86 162.381-101.743 332.917-36.706 495.638 12.85-49.473-149.018-64.901-236.993-66.623-398.628z" fill="#D4D4FF"/><path d="M61.81 0C27.676 0 0 27.673 0 61.81v900.38C0 996.326 27.675 1024 61.81 1024s61.812-27.673 61.812-61.81V61.81C123.622 27.674 95.949 0 61.81 0z" fill="#D6948C"/><path d="m861.207 355.575-7.17-1.65 1.656-7.154c10.673-46.11-28.521-88.48-74.583-82.15-37.391 5.138-64.982 27.252-90.032 54.98H456.514l.204 307.608h117.095c10.666 46.354 52.27 94.29 80.082 120.159 67.042 62.358 135.877 17.212 133.89-39.535l-.257-7.335 7.356-.255C867.855 697.7 906.2 586.33 762.198 525.685c38.574-3.36 77.183-15.018 102.643-30.887 15.496-9.657 28.147-22.134 37.703-36.349 25.87-38.483 4.94-92.216-41.337-102.874z" fill="#FFB5C0"/><path d="M688.82 181.246c-20.478-41.59-82.618-50.378-115.01-15.733-32.39-34.643-94.53-25.858-115.009 15.733-18.71 38-14.906 97.57-2.289 138.357-25.05-27.728-52.607-49.842-89.998-54.98-46.062-6.33-85.256 36.04-74.583 82.15l1.656 7.154-7.17 1.65c-46.278 10.656-67.207 64.39-41.335 102.872 9.556 14.215 22.207 26.692 37.703 36.349 25.46 15.869 64.067 27.526 102.643 30.887-144 60.645-105.658 172.018-32.686 174.558l7.356.255-.258 7.335c-1.986 56.745 66.847 101.893 133.89 39.535 27.814-25.868 69.416-73.805 80.083-120.159a286.178 286.178 0 0 1-6.882-38.71l91.258-244.324c10.13-9.4 21.207-16.503 32.89-24.574 12.615-40.785 16.451-100.356-2.259-138.355z" fill="#FF8E9E"/><path d="M691.076 319.603H525.003v271.993l48.81 35.615c97.29 0 176.16-78.87 176.16-176.16-.001-52.26-22.758-99.189-58.897-131.448z" fill="#FFDBE0"/><path d="M545.928 440.425a192.596 192.596 0 0 1 145.148-120.822c-31.146-27.802-72.236-44.714-117.265-44.714-45.05 0-86.15 16.895-117.299 44.714-36.122 32.26-58.862 79.205-58.862 131.447 0 97.313 78.897 176.161 176.16 176.161a192.6 192.6 0 0 1-27.882-186.786z" fill="#FFB5C0"/><path d="M463.353 429.586a15.453 15.453 0 0 0-15.453 15.452v24.725a15.453 15.453 0 0 0 30.906 0v-24.725a15.453 15.453 0 0 0-15.453-15.452zm216.128 0a15.453 15.453 0 0 0-15.453 15.452v24.725a15.453 15.453 0 0 0 30.905 0v-24.725a15.453 15.453 0 0 0-15.452-15.452zm-63.989 27.79a15.453 15.453 0 0 0-21.803 1.498c-5.622 6.453-13.74 10.153-22.272 10.153s-16.65-3.7-22.273-10.153a15.453 15.453 0 0 0-23.3 20.304 60.45 60.45 0 0 0 45.573 20.754 60.442 60.442 0 0 0 45.573-20.754 15.455 15.455 0 0 0-1.498-21.802z" fill="#313D40"/></svg>

src/assets/icons/sakura/050-sakura.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624436380708" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18756" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 247.243461L123.62173 370.865191v653.134809h776.75654c68.274221 0 123.62173-55.347509 123.62173-123.62173V370.865191z" fill="#EFEDFF" p-id="18757"></path><path d="M247.243461 900.37827V370.865191H0v529.513079c0 68.274221 55.347509 123.62173 123.62173 123.62173h247.243461c-68.274221 0-123.62173-55.347509-123.62173-123.62173z" fill="#D4D4FF" p-id="18758"></path><path d="M900.37827 123.62173H123.62173v247.243461h900.37827v-123.62173c0-68.274221-55.347509-123.62173-123.62173-123.621731z" fill="#FF8E9E" p-id="18759"></path><path d="M123.62173 123.62173C55.347509 123.62173 0 178.969239 0 247.243461v123.62173h247.243461c0-62.696821 23.350085-119.931622 61.810865-163.514463V123.62173H123.62173z" fill="#EA5B70" p-id="18760"></path><path d="M269.907445 0c-34.13608 0-61.810865 27.674785-61.810866 61.810865v185.432596c0 15.184869 5.478503 29.077891 14.56264 39.837102C233.997392 300.512064 250.954173 309.054326 269.907445 309.054326c34.13608 0 61.810865-27.674785 61.810865-61.810865V61.810865c0-34.13608-27.674785-61.810865-61.810865-61.810865zM756.152918 309.054326c-34.13608 0-61.810865-27.674785-61.810866-61.810865V61.810865c0-34.13608 27.674785-61.810865 61.810866-61.810865s61.810865 27.674785 61.810865 61.810865v185.432596c0 34.13608-27.674785 61.810865-61.810865 61.810865z" fill="#D4D4FF" p-id="18761"></path><path d="M752.454567 609.428346l-5.999774-1.380443 1.384563-5.985352c8.92961-38.580282-23.863115-74.028813-62.400129-68.733682-31.284539 4.297915-54.511002 21.38862-75.469006 44.588298h-195.940442v258.777368h97.970221c8.925489 38.782197 43.733247 78.891268 67.002978 100.533312 56.09336 52.174551 113.684604 14.399871 112.021891-33.077054l-0.214277-6.137819 6.154301-0.214278c61.054712-2.126294 93.134551-95.308233-27.347187-146.048772 44.512064-3.877602 92.436089-19.089256 117.422101-56.254069 21.646165-32.193159 4.135147-77.152322-34.58524-86.067509z" fill="#FFB5C0" p-id="18762"></path><path d="M608.225095 463.571187c-17.133972-34.797457-69.125151-42.148829-96.225095-13.163654-27.099944-28.985175-79.093183-21.633803-96.225095 13.163654-15.654632 31.793449-12.302423 80.222262-1.745126 114.34804-20.960064-23.199678-44.184467-40.290382-75.469006-44.588297-38.539074-5.295131-71.331799 30.1534-62.400129 68.733682l1.384563 5.985352-5.999774 1.380442c-38.720386 8.915187-56.231404 53.87229-34.58524 86.07163 24.979831 37.154511 72.887372 52.374406 117.422101 56.254069-120.481738 50.740539-88.399839 143.920419-27.347187 146.048772l6.154301 0.214278-0.214277 6.137819c-1.662712 47.476926 55.928531 85.249545 112.021891 33.077054 23.26973-21.642044 58.077489-61.751115 67.002978-100.533312-2.67641-10.705642-4.953111-31.923252-4.953111-48.371122l65.678165-175.83955c8.47633-7.864402 27.470809-27.81695 37.245167-34.568756 10.557296-34.127839 13.909505-82.556652-1.745126-114.350101z" fill="#FF8E9E" p-id="18763"></path><path d="M572.725054 612.487984h-65.678165v175.839549c1.640048 0.080354 3.292459 0.123622 4.953111 0.123622 54.377078 0 98.458527-44.081449 98.458527-98.458527 0-31.463791-14.760435-59.480596-37.733473-77.504644z" fill="#FFDBE0" p-id="18764"></path><path d="M512 591.534101c-54.377078 0-98.458527 44.081449-98.458527 98.458527 0 52.716427 41.429763 95.753272 93.505416 98.334905 0-65.665803 16.474656-130.181924 65.678165-175.839549a98.023791 98.023791 0 0 0-60.725054-20.953883z" fill="#FFB5C0" p-id="18765"></path></svg>
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M512 247.243 123.622 370.865V1024h776.756C968.652 1024 1024 968.652 1024 900.378V370.865z" fill="#EFEDFF"/><path d="M247.243 900.378V370.865H0v529.513C0 968.652 55.348 1024 123.622 1024h247.243c-68.274 0-123.622-55.348-123.622-123.622z" fill="#D4D4FF"/><path d="M900.378 123.622H123.622v247.243H1024V247.243c0-68.274-55.348-123.621-123.622-123.621z" fill="#FF8E9E"/><path d="M123.622 123.622C55.348 123.622 0 178.969 0 247.243v123.622h247.243c0-62.697 23.35-119.931 61.811-163.514v-83.73H123.622z" fill="#EA5B70"/><path d="M269.907 0c-34.136 0-61.81 27.675-61.81 61.81v185.433c0 15.185 5.478 29.078 14.562 39.838 11.338 13.431 28.295 21.973 47.248 21.973 34.137 0 61.811-27.674 61.811-61.81V61.81C331.718 27.675 304.044 0 269.908 0zm486.246 309.054c-34.136 0-61.81-27.674-61.81-61.81V61.81C694.342 27.675 722.016 0 756.152 0s61.81 27.675 61.81 61.81v185.433c0 34.137-27.674 61.811-61.81 61.811z" fill="#D4D4FF"/><path d="m752.455 609.428-6-1.38 1.384-5.985c8.93-38.58-23.863-74.03-62.4-68.734-31.284 4.298-54.51 21.388-75.469 44.588H414.03v258.778H512c8.925 38.782 43.733 78.89 67.003 100.533 56.093 52.174 113.685 14.4 112.022-33.077l-.214-6.138 6.154-.214c61.055-2.127 93.134-95.309-27.347-146.05 44.512-3.877 92.436-19.088 117.422-56.253 21.646-32.193 4.135-77.152-34.585-86.068z" fill="#FFB5C0"/><path d="M608.225 463.571C591.091 428.774 539.1 421.422 512 450.408c-27.1-28.986-79.093-21.634-96.225 13.163-15.655 31.794-12.303 80.222-1.745 114.348-20.96-23.2-44.185-40.29-75.47-44.588-38.538-5.295-71.331 30.153-62.4 68.734l1.385 5.985-6 1.38c-38.72 8.916-56.231 53.873-34.585 86.072 24.98 37.155 72.888 52.374 117.422 56.254-120.481 50.74-88.4 143.92-27.347 146.049l6.154.214-.214 6.138c-1.663 47.477 55.929 85.25 112.022 33.077 23.27-21.642 58.078-61.751 67.003-100.533-2.676-10.706-4.953-31.924-4.953-48.371l65.678-175.84c8.476-7.864 27.47-27.817 37.245-34.569 10.558-34.128 13.91-82.556-1.745-114.35z" fill="#FF8E9E"/><path d="M572.725 612.488h-65.678v175.84c1.64.08 3.292.123 4.953.123 54.377 0 98.459-44.081 98.459-98.458 0-31.464-14.76-59.481-37.734-77.505z" fill="#FFDBE0"/><path d="M512 591.534c-54.377 0-98.459 44.082-98.459 98.459 0 52.716 41.43 95.753 93.506 98.335 0-65.666 16.475-130.182 65.678-175.84A98.024 98.024 0 0 0 512 591.534z" fill="#FFB5C0"/></svg>

src/assets/icons/ui/duck.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437226299" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9032" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M933.4 701.1V509.7c0-93.8-65.3-173.1-152.7-194.7-3.1-0.8-9.4-2.1-9.4-2.1l0.3 173.4c0 9.2-8.4 15.7-17.5 14.1-11.9-2.1-24-3.3-36.5-3.3H550.1V464c0-12.4 4.9-24.6 14.1-32.9 44-39.9 71.2-98.1 69.2-162.6-3.3-110-95.1-201.5-205-204.5-119.4-3.3-217.1 92.4-217.1 211 0 3 0.4 6 0.5 9h-0.5v112.5h38.8c5.8 8.1 12.1 15.9 18.9 23.2 7.6 8.1 11.4 19.1 11.4 30.2V501C162.7 522.2 75.2 633 92.1 759.7c15.5 115.9 119.1 199.9 236 199.9h389.5c18.9 0 37.4-1.9 54.7-7.3 20.5-6.5 55.3-20.5 77-37.9 7.6-5.9 14.9-12.1 21.6-18.9 1.8-1.7 3.8-3.4 5.6-5.1 36.2-35.4 56.8-83.7 56.8-134.3v-0.4c0.2-4.2 0.6-8.3 0.6-12.5v-29.5c0.1-4.3-0.3-8.4-0.5-12.6z" fill="#FFD778" p-id="9033"></path><path d="M440.1 251.5m-46.3 0a46.3 46.3 0 1 0 92.6 0 46.3 46.3 0 1 0-92.6 0Z" fill="#FB813A" p-id="9034"></path><path d="M272.6 348.5l-122.6-0.3c-22 0-40.1 18-40.1 40s18 40.1 40 40.1l122.5 0.3c22 0 40.1-18 40.1-40 0.1-22-17.9-40-39.9-40.1z" fill="#FB813A" p-id="9035"></path></svg>

src/assets/icons/ui/ic.lv0.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M825.6 406.4H752c-9.6 0-19.2 9.6-19.2 19.2v172.8c0 9.6 9.6 19.2 19.2 19.2h73.6c9.6 0 19.2-9.6 19.2-19.2V425.6c-3.2-9.6-9.6-19.2-19.2-19.2zm108.8-115.2H643.2c-16 0-25.6 12.8-25.6 25.6V336h-528c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6zm272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4zm326.4 89.6c0 16-12.8 25.6-25.6 25.6H697.6c-16 0-25.6-12.8-25.6-25.6V371.2c0-16 12.8-25.6 25.6-25.6H880c16 0 25.6 12.8 25.6 25.6v281.6z" fill="#BFBFBF"/></svg>

src/assets/icons/ui/ic.lv1.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M934.4 291.2H643.2c-16 0-25.6 12.8-25.6 25.6V336h-528c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6zm272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4zm281.6 99.2c0 9.6-9.6 19.2-19.2 19.2H723.2c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h25.6V416h-19.2c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h64c9.6 0 19.2 9.6 19.2 19.2v243.2h25.6c9.6 0 19.2 9.6 19.2 19.2v28.8z" fill="#BFBFBF"/></svg>

src/assets/icons/ui/ic.lv2.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M934.4 291.2H643.2c-16 0-25.6 12.8-25.6 25.6V336h-528c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6zm272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4zm326.4-38.4c0 9.6-9.6 19.2-19.2 19.2H732.8v73.6h153.6c9.6 0 19.2 9.6 19.2 19.2v25.6c0 9.6-9.6 19.2-19.2 19.2H688c-9.6 0-19.2-9.6-19.2-19.2V499.2c0-9.6 9.6-19.2 19.2-19.2h153.6v-73.6H688c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h198.4c9.6 0 19.2 9.6 19.2 19.2v163.2z" fill="#95DDB2"/></svg>

src/assets/icons/ui/ic.lv3.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M934.4 291.2H643.2c-16 0-25.6 12.8-25.6 25.6V336h-528c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6zm272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4zm326.4 99.2c0 9.6-9.6 19.2-19.2 19.2H688c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h153.6V544H688c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h153.6v-73.6H688c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h198.4c9.6 0 19.2 9.6 19.2 19.2v300.8z" fill="#92D1E5"/></svg>

src/assets/icons/ui/ic.lv4.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M934.4 291.2H643.2c-16 0-25.6 12.8-25.6 25.6V336h-528c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6zm272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4zm326.4 99.2c0 9.6-9.6 19.2-19.2 19.2h-25.6c-9.6 0-19.2-9.6-19.2-19.2V544H688c-9.6 0-19.2-9.6-19.2-19.2V361.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2V480h108.8V361.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v300.8z" fill="#FFB37C"/></svg>

src/assets/icons/ui/ic.lv5.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M934.4 291.2H643.2c-16 0-25.6 12.8-25.6 25.6V336h-528c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6zm272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4zm326.4-172.8c0 9.6-9.6 19.2-19.2 19.2H732.8V480h153.6c9.6 0 19.2 9.6 19.2 19.2v163.2c0 9.6-9.6 19.2-19.2 19.2H688c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h153.6V544H688c-9.6 0-19.2-9.6-19.2-19.2V361.6c0-9.6 9.6-19.2 19.2-19.2h198.4c9.6 0 19.2 9.6 19.2 19.2v28.8z" fill="#FF6C00"/></svg>

src/assets/icons/ui/ic.lv6.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M732.8 617.6h108.8V544H732.8v73.6zm201.6-326.4H643.2c-16 0-25.6 12.8-25.6 25.6V336h-528c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6zm272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4zm326.4-172.8c0 9.6-9.6 19.2-19.2 19.2H732.8V480h153.6c9.6 0 19.2 9.6 19.2 19.2v163.2c0 9.6-9.6 19.2-19.2 19.2H688c-9.6 0-19.2-9.6-19.2-19.2V364.8c0-9.6 9.6-19.2 19.2-19.2h198.4c9.6 0 19.2 9.6 19.2 19.2v25.6z" fill="red"/></svg>

src/assets/icons/ui/ic.sakura.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1049 1024" xmlns="http://www.w3.org/2000/svg" width="204.883" height="200"><path d="M525.584 573.347s268.831-2.63 309.364 193.243l-76.465 21.91 12.927 84.132a214.057 214.057 0 0 1-96.84-4.82 224.793 224.793 0 0 1-148.986-289.426z" fill="pink"/><path d="M552.752 512.438S684.21 278.663 874.385 341.543l-20.157 77.122 79.313 30.893a215.59 215.59 0 0 1-52.583 81.503 224.574 224.574 0 0 1-325.358-14.68z" fill="pink"/><path d="M508.494 494.034s-191.49-187.546-81.722-354.717l69.453 38.78 51.269-68.796a214.057 214.057 0 0 1 65.728 71.864 225.012 225.012 0 0 1-98.374 310.678z" fill="pink"/><path d="M473.22 525.584s-230.927 136.059-363.919-13.146l55.431-57.184-53.459-65.729a213.619 213.619 0 0 1 86.324-43.819 224.793 224.793 0 0 1 274.527 175.277z" fill="pink"/><path d="M481.765 566.555s72.082 258.314-106.481 348.144l-40.314-68.14-78.217 34.18a212.304 212.304 0 0 1-20.157-94.65 224.574 224.574 0 0 1 241.006-219.096z" fill="pink"/></svg>

src/assets/icons/ui/joker.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437236504" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9166" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M958.2 511.5c0-74.1-39-138.8-97.5-175.4 1.2-7.9 1.9-15.9 1.9-24.1 0-91.6-74.3-165.9-165.9-165.9-23.5 0-45.8 4.9-66 13.7-30.1-30.9-72.2-50.2-118.7-50.2s-88.6 19.3-118.7 50.2c-20.2-8.8-42.5-13.7-66-13.7-91.6 0-165.9 74.3-165.9 165.9 0 8.2 0.8 16.2 1.9 24.1-58.5 36.5-97.5 101.3-97.5 175.4 0 67.4 32.4 127.1 82.2 164.8 0 0.5-0.1 1-0.1 1.6 0 130.6 105.9 236.5 236.5 236.5 47.4 0 91.5-14.1 128.5-38.1 37 24 81.1 38.1 128.5 38.1 130.6 0 236.5-105.9 236.5-236.5 0-1-0.1-1.9-0.1-2.9 48.8-37.8 80.4-96.9 80.4-163.5z" fill="#FC6B8A" p-id="9167"></path><path d="M696.7 477.9c-46.6 0-88.6-19.3-118.7-50.2-20.2 8.8-42.5 13.7-66 13.7s-45.8-4.9-66-13.7c-30.1 30.9-72.2 50.2-118.7 50.2-4.1 0-8.2-0.3-12.2-0.6v183.9c0 100.2 82 182.2 182.2 182.2H534c100.2 0 182.2-82 182.2-182.2V476.6c-6.4 0.8-12.8 1.3-19.5 1.3z" fill="#FFFFFF" p-id="9168"></path><path d="M509.5 666.5m-36.9 0a36.9 36.9 0 1 0 73.8 0 36.9 36.9 0 1 0-73.8 0Z" fill="#E2006C" p-id="9169"></path><path d="M647.4 560H624v-23.4c0-7.1-5.8-12.9-12.9-12.9h-5.4c-7.1 0-12.9 5.8-12.9 12.9V560h-23.4c-7.1 0-12.9 5.8-12.9 12.9v5.4c0 7.1 5.8 12.9 12.9 12.9h23.4v23.4c0 7.1 5.8 12.9 12.9 12.9h5.4c7.1 0 12.9-5.8 12.9-12.9v-23.4h23.4c7.1 0 12.9-5.8 12.9-12.9v-5.4c0.1-7.1-5.8-12.9-12.9-12.9zM449.7 560h-23.4v-23.4c0-7.1-5.8-12.9-12.9-12.9H408c-7.1 0-12.9 5.8-12.9 12.9V560h-23.4c-7.1 0-12.9 5.8-12.9 12.9v5.4c0 7.1 5.8 12.9 12.9 12.9h23.4v23.4c0 7.1 5.8 12.9 12.9 12.9h5.4c7.1 0 12.9-5.8 12.9-12.9v-23.4h23.4c7.1 0 12.9-5.8 12.9-12.9v-5.4c0-7.1-5.8-12.9-12.9-12.9z" fill="#FF5C7A" p-id="9170"></path><path d="M608.3 666.1c-7.5 0-13.7 6.1-13.7 13.7 0 37.5-38.2 67.9-85.1 67.9-46.9 0-85.1-30.5-85.1-67.9 0-7.5-6.1-13.7-13.7-13.7s-13.7 6.1-13.7 13.7c0 52.5 50.5 95.3 112.5 95.3S622 732.4 622 679.8c0-7.6-6.1-13.7-13.7-13.7z" fill="#EB53A8" p-id="9171"></path></svg>

src/assets/icons/ui/lv0.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437199386" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8104" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M825.6 406.4h-73.6c-9.6 0-19.2 9.6-19.2 19.2v172.8c0 9.6 9.6 19.2 19.2 19.2h73.6c9.6 0 19.2-9.6 19.2-19.2v-172.8c-3.2-9.6-9.6-19.2-19.2-19.2z m108.8-115.2h-291.2c-16 0-25.6 12.8-25.6 25.6v19.2H89.6c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2v-252.8c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6z m272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4z m326.4 89.6c0 16-12.8 25.6-25.6 25.6h-182.4c-16 0-25.6-12.8-25.6-25.6v-281.6c0-16 12.8-25.6 25.6-25.6h182.4c16 0 25.6 12.8 25.6 25.6v281.6z" fill="#BFBFBF" p-id="8105"></path></svg>

src/assets/icons/ui/lv1.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437203492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8240" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M934.4 291.2h-291.2c-16 0-25.6 12.8-25.6 25.6v19.2H89.6c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2v-252.8c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6z m272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4z m281.6 99.2c0 9.6-9.6 19.2-19.2 19.2h-118.4c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h25.6V416h-19.2c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h64c9.6 0 19.2 9.6 19.2 19.2v243.2h25.6c9.6 0 19.2 9.6 19.2 19.2v28.8z" fill="#BFBFBF" p-id="8241"></path></svg>

src/assets/icons/ui/lv2.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437205682" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8372" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M934.4 291.2h-291.2c-16 0-25.6 12.8-25.6 25.6v19.2H89.6c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2v-252.8c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6z m272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4z m326.4-38.4c0 9.6-9.6 19.2-19.2 19.2h-153.6v73.6h153.6c9.6 0 19.2 9.6 19.2 19.2v25.6c0 9.6-9.6 19.2-19.2 19.2h-198.4c-9.6 0-19.2-9.6-19.2-19.2v-163.2c0-9.6 9.6-19.2 19.2-19.2h153.6v-73.6h-153.6c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h198.4c9.6 0 19.2 9.6 19.2 19.2v163.2z" fill="#95DDB2" p-id="8373"></path></svg>

src/assets/icons/ui/lv3.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437208275" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8504" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M934.4 291.2h-291.2c-16 0-25.6 12.8-25.6 25.6v19.2H89.6c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2v-252.8c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6z m272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4z m326.4 99.2c0 9.6-9.6 19.2-19.2 19.2h-198.4c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h153.6V544h-153.6c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h153.6v-73.6h-153.6c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h198.4c9.6 0 19.2 9.6 19.2 19.2v300.8z" fill="#92D1E5" p-id="8505"></path></svg>

src/assets/icons/ui/lv4.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437210757" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8636" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M934.4 291.2h-291.2c-16 0-25.6 12.8-25.6 25.6v19.2H89.6c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2v-252.8c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6z m272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4z m326.4 99.2c0 9.6-9.6 19.2-19.2 19.2h-25.6c-9.6 0-19.2-9.6-19.2-19.2V544h-153.6c-9.6 0-19.2-9.6-19.2-19.2v-163.2c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2V480h108.8v-118.4c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v300.8z" fill="#FFB37C" p-id="8637"></path></svg>

src/assets/icons/ui/lv5.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437213832" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8768" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M934.4 291.2h-291.2c-16 0-25.6 12.8-25.6 25.6v19.2H89.6c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2v-252.8c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6z m272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4z m326.4-172.8c0 9.6-9.6 19.2-19.2 19.2h-153.6V480h153.6c9.6 0 19.2 9.6 19.2 19.2v163.2c0 9.6-9.6 19.2-19.2 19.2h-198.4c-9.6 0-19.2-9.6-19.2-19.2v-25.6c0-9.6 9.6-19.2 19.2-19.2h153.6V544h-153.6c-9.6 0-19.2-9.6-19.2-19.2v-163.2c0-9.6 9.6-19.2 19.2-19.2h198.4c9.6 0 19.2 9.6 19.2 19.2v28.8z" fill="#FF6C00" p-id="8769"></path></svg>

src/assets/icons/ui/lv6.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437216753" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8900" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M732.8 617.6h108.8V544h-108.8v73.6z m201.6-326.4h-291.2c-16 0-25.6 12.8-25.6 25.6v19.2H89.6c-16 0-25.6 12.8-25.6 25.6V704c0 16 12.8 25.6 25.6 25.6h841.6c16 0 25.6-12.8 25.6-25.6V316.8c3.2-12.8-9.6-25.6-22.4-25.6zM307.2 662.4c0 9.6-9.6 19.2-19.2 19.2H137.6c-9.6 0-19.2-9.6-19.2-19.2v-252.8c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v208h108.8c9.6 0 19.2 9.6 19.2 19.2v25.6z m272-99.2v6.4c0 6.4 0 12.8-3.2 16l-89.6 89.6c-6.4 6.4-22.4 6.4-22.4 6.4s-16 0-22.4-6.4L352 585.6c-6.4-3.2-6.4-12.8-3.2-19.2V409.6c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v147.2l54.4 54.4 54.4-54.4v-144c0-9.6 9.6-19.2 19.2-19.2h25.6c9.6 0 19.2 9.6 19.2 19.2v150.4z m326.4-172.8c0 9.6-9.6 19.2-19.2 19.2h-153.6V480h153.6c9.6 0 19.2 9.6 19.2 19.2v163.2c0 9.6-9.6 19.2-19.2 19.2h-198.4c-9.6 0-19.2-9.6-19.2-19.2v-297.6c0-9.6 9.6-19.2 19.2-19.2h198.4c9.6 0 19.2 9.6 19.2 19.2v25.6z" fill="#FF0000" p-id="8901"></path></svg>

src/assets/icons/ui/sakura.svg

@@ -1,25 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1512476621656" class="icon" style="" viewBox="0 0 1049 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1451" xmlns:xlink="http://www.w3.org/1999/xlink" width="204.8828125" height="200"><defs><style type="text/css">@font-face {
-  font-family: "weel-translate";
-  font-style: normal;
-  font-weight: normal;
-  src: url("moz-extension://6df79949-f4b5-4469-9d15-fba558fbc8ad/fonts/weel-translate.ttf") format("truetype"), url("moz-extension://6df79949-f4b5-4469-9d15-fba558fbc8ad/fonts/weel-translate.woff") format("woff");
-}
-@font-face {
-  font-family: "weel-translate";
-  font-style: normal;
-  font-weight: normal;
-  src: url("moz-extension://6df79949-f4b5-4469-9d15-fba558fbc8ad/fonts/weel-translate.ttf") format("truetype"), url("moz-extension://6df79949-f4b5-4469-9d15-fba558fbc8ad/fonts/weel-translate.woff") format("woff");
-}
-@font-face {
-  font-family: "weel-translate";
-  font-style: normal;
-  font-weight: normal;
-  src: url("moz-extension://6df79949-f4b5-4469-9d15-fba558fbc8ad/fonts/weel-translate.ttf") format("truetype"), url("moz-extension://6df79949-f4b5-4469-9d15-fba558fbc8ad/fonts/weel-translate.woff") format("woff");
-}
-@font-face {
-  font-family: "weel-translate";
-  font-style: normal;
-  font-weight: normal;
-  src: url("moz-extension://6df79949-f4b5-4469-9d15-fba558fbc8ad/fonts/weel-translate.ttf") format("truetype"), url("moz-extension://6df79949-f4b5-4469-9d15-fba558fbc8ad/fonts/weel-translate.woff") format("woff");
-}
-</style></defs><path d="M525.58396628 573.34694353s268.83106938-2.62915481 309.36387092 193.24287089l-76.46458293 21.90962291 12.92667757 84.13295086a214.05701289 214.05701289 0 0 1-96.84053193-4.82011663A224.79272784 224.79272784 0 0 1 525.58396628 578.38615666z" fill="#ffc0cb" p-id="1452"></path><path d="M552.75189802 512.4381922s131.45773592-233.7756732 321.63325979-170.89505575L854.2283053 418.66500728l79.31283344 30.89256828a215.59068679 215.59068679 0 0 1-52.58309388 81.50379604 224.57363215 224.57363215 0 0 1-325.35789552-14.67944718z" fill="#ffc0cb" p-id="1453"></path><path d="M508.49446078 494.0341093S317.00435871 306.48774025 426.77156822 139.31731943l69.4535037 38.78003191L547.4935884 109.30113636a214.05701289 214.05701289 0 0 1 65.72886796 71.86356201 225.01182435 225.01182435 0 0 1-98.37420505 310.67844912z" fill="#ffc0cb" p-id="1454"></path><path d="M473.21996809 525.58396628S242.2925454 661.64272234 109.30113636 512.4381922l55.43134521-57.18411482-53.45947909-65.72886795a213.61882069 213.61882069 0 0 1 86.32391269-43.81924506 224.79272784 224.79272784 0 0 1 274.527572 175.27698099z" fill="#ffc0cb" p-id="1455"></path><path d="M481.76472043 566.55496s72.0826585 258.31445093-106.4807652 348.14390364l-40.31370582-68.13892627-78.21735252 34.17901099a212.30424328 212.30424328 0 0 1-20.15685331-94.64956933 224.57363215 224.57363215 0 0 1 241.00584894-219.09622602z" fill="#ffc0cb" p-id="1456"></path></svg>

src/assets/icons/ui/social.bilibili.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1129 1024" xmlns="http://www.w3.org/2000/svg" width="220.508" height="200"><path d="M234.909 9.656a80.468 80.468 0 0 1 68.398 0 167.374 167.374 0 0 1 41.843 30.578l160.937 140.82h115.07l160.936-140.82a168.983 168.983 0 0 1 41.843-30.578A80.468 80.468 0 0 1 930.96 76.445a80.468 80.468 0 0 1-17.703 53.914 449.818 449.818 0 0 1-35.406 32.187 232.553 232.553 0 0 1-22.531 18.508h100.585a170.593 170.593 0 0 1 118.289 53.109 171.397 171.397 0 0 1 53.914 118.288v462.693a325.897 325.897 0 0 1-4.024 70.007 178.64 178.64 0 0 1-80.468 112.656 173.007 173.007 0 0 1-92.539 25.75h-738.7a341.186 341.186 0 0 1-72.421-4.024A177.835 177.835 0 0 1 28.91 939.065a172.202 172.202 0 0 1-27.36-92.539V388.662a360.498 360.498 0 0 1 0-66.789A177.03 177.03 0 0 1 162.487 178.64h105.414c-16.899-12.07-31.383-26.555-46.672-39.43a80.468 80.468 0 0 1-25.75-65.984 80.468 80.468 0 0 1 39.43-63.57M216.4 321.873a80.468 80.468 0 0 0-63.57 57.937 108.632 108.632 0 0 0 0 30.578v380.615a80.468 80.468 0 0 0 55.523 80.469 106.218 106.218 0 0 0 34.601 5.632h654.208a80.468 80.468 0 0 0 76.444-47.476 112.656 112.656 0 0 0 8.047-53.109v-354.06a135.187 135.187 0 0 0 0-38.625 80.468 80.468 0 0 0-52.304-54.719 129.554 129.554 0 0 0-49.89-7.242H254.22a268.764 268.764 0 0 0-37.82 0zm0 0" fill="#20B0E3"/><path d="M348.369 447.404a80.468 80.468 0 0 1 55.523 18.507 80.468 80.468 0 0 1 28.164 59.547v80.468a80.468 80.468 0 0 1-16.094 51.5 80.468 80.468 0 0 1-131.968-9.656 104.609 104.609 0 0 1-10.46-54.719v-80.468a80.468 80.468 0 0 1 70.007-67.593zm416.02 0a80.468 80.468 0 0 1 86.102 75.64v80.468a94.148 94.148 0 0 1-12.07 53.11 80.468 80.468 0 0 1-132.773 0 95.757 95.757 0 0 1-12.875-57.133V519.02a80.468 80.468 0 0 1 70.007-70.812zm0 0" fill="#20B0E3"/></svg>

src/assets/icons/ui/social.douban.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M157.515 0h708.97A157.415 157.415 0 0 1 1024 156.411v711.178a157.415 157.415 0 0 1-157.515 156.41h-708.97A157.415 157.415 0 0 1 0 867.59V156.41A157.415 157.415 0 0 1 157.515 0z" fill="#42BD56"/><path d="M171.169 159.523h682.164v76.298H171.17zM793.098 616.91V316.235H230.902v299.872l562.196.803zM312.62 393.437h400.163V540.51H312.621zm359.404 395.545a894.494 894.494 0 0 0 69.07-130.51l-82.02-30.118a1059.94 1059.94 0 0 1-73.89 160.628h-143.46a750.732 750.732 0 0 0-80.313-160.628l-75.596 30.118a1176.897 1176.897 0 0 1 75.596 130.51h-209.62v75.495h720.415v-75.495z" fill="#FFF"/></svg>

src/assets/icons/ui/social.facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1365.12" height="1365.12" viewBox="0 0 14222 14222"><circle cx="7111" cy="7112" r="7111" fill="#1977f3"/><path d="m9879 9168 315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4969c362 57 733 86 1111 86s749-30 1111-86V9168z" fill="#fff"/></svg>

src/assets/icons/ui/social.github.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M960 512a435.2 435.2 0 0 1-85.76 263.36 440 440 0 0 1-220.48 161.92 26.88 26.88 0 0 1-23.04-4.16 22.72 22.72 0 0 1-7.04-17.6V792.64a104.64 104.64 0 0 0-30.4-82.88 416 416 0 0 0 59.52-10.24 218.24 218.24 0 0 0 54.72-23.04 164.8 164.8 0 0 0 47.04-38.4 184 184 0 0 0 32-61.44 293.76 293.76 0 0 0 12.16-88 168.64 168.64 0 0 0-46.4-120 154.88 154.88 0 0 0-4.48-119.04 76.48 76.48 0 0 0-47.04 6.4 300.48 300.48 0 0 0-53.76 25.6l-22.08 13.76a416 416 0 0 0-224 0c-6.4-4.48-14.4-9.28-24.64-15.68A326.08 326.08 0 0 0 326.4 256a82.88 82.88 0 0 0-50.24-8A156.8 156.8 0 0 0 272 368a173.76 173.76 0 0 0-46.08 120.64A288 288 0 0 0 238.08 576a196.48 196.48 0 0 0 32 61.44 152 152 0 0 0 47.04 39.04 267.84 267.84 0 0 0 54.72 23.04 414.08 414.08 0 0 0 59.84 10.24 92.48 92.48 0 0 0-28.8 60.16 99.2 99.2 0 0 1-26.56 8.32 167.36 167.36 0 0 1-32 2.88A69.12 69.12 0 0 1 303.36 768a109.44 109.44 0 0 1-32-36.48 96 96 0 0 0-28.16-30.4 80.64 80.64 0 0 0-28.8-14.08h-11.52a41.6 41.6 0 0 0-16.96 2.56q-4.8 2.88-2.88 6.72a44.16 44.16 0 0 0 5.44 8 55.36 55.36 0 0 0 7.68 7.36l4.16 2.56a78.08 78.08 0 0 1 25.6 22.08 157.76 157.76 0 0 1 18.24 29.44l5.76 13.44a72.32 72.32 0 0 0 25.6 36.16A96 96 0 0 0 314.24 832a196.16 196.16 0 0 0 40.32 4.16 182.08 182.08 0 0 0 32-2.24l13.44-2.24v83.84a23.04 23.04 0 0 1-7.68 17.6 27.84 27.84 0 0 1-23.36 4.16 438.08 438.08 0 0 1-219.2-162.88A427.84 427.84 0 0 1 64 512a437.44 437.44 0 0 1 60.16-224A443.52 443.52 0 0 1 288 124.16 437.44 437.44 0 0 1 512 64a437.44 437.44 0 0 1 224 60.16A443.52 443.52 0 0 1 899.84 288 436.8 436.8 0 0 1 960 512z"/></svg>

src/assets/icons/ui/social.gitlab.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="m511.68 975.36 188.48-580.096H323.2z" fill="#E24329"/><path d="M511.68 975.36 323.168 395.264H59.104z" fill="#FC6D26"/><path d="M59.104 395.264 1.92 571.648a39.043 39.043 0 0 0 14.208 43.68L511.68 975.36 59.104 395.264z" fill="#FCA326"/><path d="M59.104 395.264h264.064L209.856 45.952a19.488 19.488 0 0 0-37.088 0L59.104 395.264z" fill="#E24329"/><path d="m511.68 975.36 188.48-580.096h264.096z" fill="#FC6D26"/><path d="m964.256 395.264 57.152 176.384c5.216 15.936-.32 33.6-14.208 43.68L511.68 975.36l452.576-580.096z" fill="#FCA326"/><path d="M964.256 395.264H700.16L813.824 45.952a19.488 19.488 0 0 1 37.088 0l113.28 349.312z" fill="#E24329"/></svg>

src/assets/icons/ui/social.instagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="132.004" height="132" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient id="c" cx="158.429" cy="578.088" r="65" xlink:href="#a" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -1.98198 1.8439 0 -1031.402 454.004)" fx="158.429" fy="578.088"/><radialGradient id="d" cx="147.694" cy="473.455" r="65" xlink:href="#b" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.17394 .86872 -3.5818 .71718 1648.348 -458.493)" fx="147.694" fy="473.455"/><linearGradient id="b"><stop offset="0" stop-color="#3771c8"/><stop stop-color="#3771c8" offset=".128"/><stop offset="1" stop-color="#60f" stop-opacity="0"/></linearGradient><linearGradient id="a"><stop offset="0" stop-color="#fd5"/><stop offset=".1" stop-color="#fd5"/><stop offset=".5" stop-color="#ff543e"/><stop offset="1" stop-color="#c837ab"/></linearGradient></defs><path fill="url(#c)" d="M65.03 0C37.888 0 29.95.028 28.407.156c-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468C4 13.126 1.5 18.394.595 24.656c-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28a27.22 27.22 0 0 0 17.75-14.53c1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624C116.9 4 111.64 1.5 105.372.596 102.335.157 101.73.027 86.19 0H65.03z" transform="translate(1.004 1)"/><path fill="url(#d)" d="M65.03 0C37.888 0 29.95.028 28.407.156c-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468C4 13.126 1.5 18.394.595 24.656c-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28a27.22 27.22 0 0 0 17.75-14.53c1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624C116.9 4 111.64 1.5 105.372.596 102.335.157 101.73.027 86.19 0H65.03z" transform="translate(1.004 1)"/><path fill="#fff" d="M66.004 18c-13.036 0-14.672.057-19.792.29-5.11.234-8.598 1.043-11.65 2.23-3.157 1.226-5.835 2.866-8.503 5.535-2.67 2.668-4.31 5.346-5.54 8.502-1.19 3.053-2 6.542-2.23 11.65C18.06 51.327 18 52.964 18 66s.058 14.667.29 19.787c.235 5.11 1.044 8.598 2.23 11.65 1.227 3.157 2.867 5.835 5.536 8.503 2.667 2.67 5.345 4.314 8.5 5.54 3.054 1.187 6.543 1.996 11.652 2.23 5.12.233 6.755.29 19.79.29 13.037 0 14.668-.057 19.788-.29 5.11-.234 8.602-1.043 11.656-2.23 3.156-1.226 5.83-2.87 8.497-5.54 2.67-2.668 4.31-5.346 5.54-8.502 1.18-3.053 1.99-6.542 2.23-11.65.23-5.12.29-6.752.29-19.788 0-13.036-.06-14.672-.29-19.792-.24-5.11-1.05-8.598-2.23-11.65-1.23-3.157-2.87-5.835-5.54-8.503-2.67-2.67-5.34-4.31-8.5-5.535-3.06-1.187-6.55-1.996-11.66-2.23-5.12-.233-6.75-.29-19.79-.29zm-4.306 8.65c1.278-.002 2.704 0 4.306 0 12.816 0 14.335.046 19.396.276 4.68.214 7.22.996 8.912 1.653 2.24.87 3.837 1.91 5.516 3.59 1.68 1.68 2.72 3.28 3.592 5.52.657 1.69 1.44 4.23 1.653 8.91.23 5.06.28 6.58.28 19.39s-.05 14.33-.28 19.39c-.214 4.68-.996 7.22-1.653 8.91-.87 2.24-1.912 3.835-3.592 5.514-1.68 1.68-3.275 2.72-5.516 3.59-1.69.66-4.232 1.44-8.912 1.654-5.06.23-6.58.28-19.396.28-12.817 0-14.336-.05-19.396-.28-4.68-.216-7.22-.998-8.913-1.655-2.24-.87-3.84-1.91-5.52-3.59-1.68-1.68-2.72-3.276-3.592-5.517-.657-1.69-1.44-4.23-1.653-8.91-.23-5.06-.276-6.58-.276-19.398s.046-14.33.276-19.39c.214-4.68.996-7.22 1.653-8.912.87-2.24 1.912-3.84 3.592-5.52 1.68-1.68 3.28-2.72 5.52-3.592 1.692-.66 4.233-1.44 8.913-1.655 4.428-.2 6.144-.26 15.09-.27zm29.928 7.97a5.76 5.76 0 1 0 5.76 5.758c0-3.18-2.58-5.76-5.76-5.76zm-25.622 6.73c-13.613 0-24.65 11.037-24.65 24.65 0 13.613 11.037 24.645 24.65 24.645C79.617 90.645 90.65 79.613 90.65 66S79.616 41.35 66.003 41.35zm0 8.65c8.836 0 16 7.163 16 16 0 8.836-7.164 16-16 16-8.837 0-16-7.164-16-16 0-8.837 7.163-16 16-16z"/></svg>

src/assets/icons/ui/social.mastodon.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M989.568 336.16c0-222.112-145.536-287.232-145.536-287.232C770.656 15.232 644.608 1.056 513.76 0h-3.232c-130.912 1.056-256.864 15.232-330.24 48.928 0 0-145.536 65.12-145.536 287.232 0 50.848-.992 111.712.64 176.16 5.28 217.248 39.84 431.328 240.672 484.48 92.576 24.48 172.128 29.664 236.16 26.112 116.128-6.4 181.344-41.472 181.344-41.472l-3.84-84.256s-82.976 26.144-176.16 23.008c-92.384-3.168-189.824-9.952-204.768-123.36a226.208 226.208 0 0 1-2.048-30.944v-.896.032s90.656 22.176 205.536 27.424c70.24 3.2 136.096-4.128 203.008-12.064 128.288-15.328 240-94.368 254.048-166.624C991.392 500.064 989.6 336.128 989.6 336.128zm-171.68 286.272H711.36V361.344c0-55.04-23.168-82.944-69.472-82.944-51.2 0-76.896 33.12-76.896 98.656v142.88H459.04V376.992c0-65.536-25.696-98.656-76.896-98.656-46.304 0-69.472 27.936-69.472 82.944v261.088H206.144V353.44c0-55.008 13.984-98.688 42.112-130.976 29.024-32.352 66.944-48.896 114.08-48.896 54.528 0 95.84 20.96 123.136 62.88l26.496 44.512 26.528-44.512c27.296-41.952 68.608-62.88 123.136-62.88 47.104 0 85.088 16.544 114.08 48.896 28.064 32.288 42.08 76 42.08 130.976V622.4z" fill="#3088D4"/></svg>

src/assets/icons/ui/social.pixiv.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M701.515 301.152c-44.44-46.092-100.245-64.919-163.08-65.107-29.552-.089-58.595 4.617-87.095 12.455-28.961 7.965-56.673 18.839-81.996 35.306-3.347 2.176-4.69 4.686-4.695 8.694-.034 29.713-.333 59.424-.426 89.137-.085 27.263-.018 54.527-.021 81.79-.004 56.836.053 113.674-.097 170.51-.015 5.326 1.57 8.393 6.639 10.576 17.881 7.7 36.245 13.85 55.161 18.37 30.808 7.36 62.082 10.876 93.715 12.36 33.75 1.583 66.83-1.28 98.832-12.378 61.328-21.265 105.46-61.217 129.447-121.99 15.492-39.25 17.417-80.058 10.877-121.393-7.146-45.173-25.384-85.268-57.26-118.33z" fill="#0074AA"/><path d="M512 17.482C238.886 17.482 17.482 238.886 17.482 512S238.886 1006.518 512 1006.518 1006.518 785.114 1006.518 512 785.114 17.482 512 17.482zm327.127 530.516c-18.962 47.58-50.687 84.816-92.709 113.517-43.734 29.872-92.452 46.554-144.647 53.74-66.355 9.136-131.115.236-195.108-17.307-12.485-3.423-24.767-7.483-37.009-11.676-4.732-1.62-5.413-1.201-5.42 3.878-.049 33.583.004 67.165-.069 100.748-.008 3.782 1.314 5.86 5.093 7.004 7.233 2.187 14.26 5.003 20.384 9.602 3.594 2.699 6.19 5.968 5.824 10.873-.43 5.752-3.64 8.957-9.432 8.968-19.872.039-39.744.014-59.617.014-19.41.006-38.82-.103-58.23.082-4.736.045-8.025-1.288-9.814-5.842-1.798-4.575-.752-8.45 2.566-11.847 5.698-5.833 13.181-8.404 20.593-11 7.625-2.668 7.8-.933 7.8-10.86-.02-151.738-.02-303.476-.076-455.215-.001-2.353 1.227-5.726-1.09-6.829-2.297-1.094-4.167 1.976-6 3.442-22.584 18.058-43.474 37.783-60.052 61.694-.527.76-1.03 1.537-1.588 2.273-5.878 7.727-9.827 15.6-5.76 25.855 1.946 4.91 1.707 10.59.282 15.968-.937 3.532-2.436 6.64-5.44 8.865-5.016 3.718-8.469 3.16-11.788-2.085-12.847-20.308-25.59-40.682-38.532-60.928-2.117-3.313-1.999-5.634.715-8.492 17.758-18.692 37.058-35.675 57.256-51.635 51.148-40.413 106.911-72.725 168.335-94.902 40.036-14.455 81.234-23.72 123.709-27.312 49.596-4.194 98.488-.765 146.365 13.295 50.8 14.919 95.584 40.146 131.966 79.103 36.324 38.896 58.162 84.856 65.163 137.62 5.425 40.866 1.694 80.839-13.67 119.389z" fill="#0074AA"/></svg>

src/assets/icons/ui/social.qq.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M592.427 770.347c-29.44 0-53.974 0-75.947 2.346-19.627-2.346-46.507-2.346-75.947-2.346-83.2 0-159.146 31.786-159.146 53.973 0 22.187 61.226 19.627 146.986 19.627 34.347 0 63.787-4.907 90.667-9.814 24.533 4.907 56.32 7.254 88.107 9.814 83.2 0 146.986 2.346 146.986-19.627-2.346-22.187-75.946-53.973-161.706-53.973z" fill="#FAAF08"/><path d="M803.2 542.507c-14.72-41.6-31.787-83.2-51.413-122.454 0-9.813 2.346-19.626 2.346-29.44-2.346-156.8-83.2-281.6-235.093-281.6-151.893 0-235.093 125.014-235.093 281.6v26.88a1749.333 1749.333 0 0 0-51.414 125.014c-31.786 85.76-34.346 164.053-21.973 168.96 7.253 4.906 36.693-26.88 66.133-75.947 19.627 115.2 95.574 200.747 242.56 200.747 146.987 0 225.28-85.76 242.56-200.747 26.88 49.067 56.32 78.293 63.787 73.387 11.733-2.134 9.387-80.64-22.4-166.4z"/><path d="M668.373 459.307c-44.16 7.253-95.573 12.16-151.893 12.16-53.973 0-105.387-4.907-149.333-12.16C337.707 496 335.36 549.973 335.36 611.2c0 112.64 63.787 200.747 183.68 200.747S702.72 721.28 702.72 611.2c-2.56-61.227-4.907-115.2-34.347-151.893zM580.267 202.24c-21.974 0-41.6 24.533-44.16 56.32-2.347 31.787 17.066 58.88 41.6 58.88 21.973 0 41.6-24.533 44.16-56.32 0-32-17.067-58.88-41.6-58.88zm-125.014 0c-21.973 0-41.6 26.88-39.253 58.88 0 31.787 19.627 58.88 41.6 56.32 21.973-2.347 39.253-26.88 39.253-58.88s-19.413-58.88-41.6-56.32z" fill="#FFF"/><path d="M519.04 336.853c-80.853 0-144.427 14.72-144.427 29.44 0 12.16 85.76 46.507 144.427 46.507 61.227 0 144.427-36.693 144.427-46.507 0-12.373-66.134-29.44-144.427-29.44z" fill="#FAAF08"/><path d="M751.787 420.053c-58.88 17.067-142.08 29.44-232.747 29.44-93.013 0-176.427-12.16-235.093-31.786-12.16 26.88-24.534 53.973-36.694 83.2 36.694 12.16 75.947 21.973 120.107 26.88v105.386s31.787 4.907 61.227 7.254c19.626 0 41.6-2.347 41.6-2.347V537.6h46.506c100.48 0 193.494-14.72 269.44-39.253-10.026-24.32-22.186-51.2-34.346-78.294z" fill="#E91F1F"/><path d="M602.24 256s-7.253-9.813-26.88-7.253c-17.067 2.346-24.533 12.16-26.88 14.72 0 0-4.907 4.906-2.347 9.813 2.347 2.347 9.814-2.347 9.814-2.347s7.253-9.813 19.626-9.813c9.814 0 17.067 4.907 17.067 4.907s4.907 4.906 7.253 0C604.8 260.907 602.24 256 602.24 256zm-134.613-14.72c-9.814 0-17.067 9.813-17.067 21.973 0 12.16 7.253 21.974 17.067 21.974s17.066-9.814 17.066-21.974-4.906-21.973-17.066-21.973z"/></svg>

src/assets/icons/ui/social.qzone.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M1023.36 392.608c-1.376-4.224-5.408-9.504-14.24-11.008-8.832-1.536-313.632-60-313.632-60s-4.48-.928-8.448-2.976c-3.936-2.016-5.408-7.136-5.408-7.136S531.104 40.768 526.912 32.832c-4.224-7.968-10.464-10.144-14.88-10.144s-10.72 2.176-14.88 10.144c-4.192 7.936-154.72 278.656-154.72 278.656s-1.504 5.12-5.472 7.136c-3.936 2.016-8.416 2.976-8.416 2.976s-304.8 58.464-313.696 59.936C5.984 383.072 1.952 388.352.64 392.544a20.288 20.288 0 0 0 5.344 19.136l228.768 234.24s3.072 3.424 5.088 7.328c.672 4.448.224 8.96.224 8.96S189.344 971.2 188 980.064s3.2 15.744 6.784 18.336c3.552 2.656 9.952 4.512 17.952.544 8.064-3.968 290.656-139.136 290.656-139.136s4.192-1.888 8.576-2.592c4.384-.736 8.576 2.592 8.576 2.592S803.136 994.976 811.2 998.944c8.032 4 14.432 2.08 17.952-.544a19.712 19.712 0 0 0 6.752-18.464v.128c-.896-5.984-39.68-242.208-39.68-242.208 37.376-23.04 60.8-44.32 78.88-74.528-110.688 41.344-256.256 73.248-401.696 79.616-39.04 1.76-102.816 4.128-148.192-.64-28.928-3.04-49.92-6.144-53.024-18.688-2.272-9.184 2.304-19.616 23.264-35.456C57.632 860.32 97.344 830.176 137.088 800.032l280.448-203.84c54.816-41.312 151.84-105.376 151.84-116.512 0-12.16-91.488-33.312-172.256-33.312-82.976 0-97.056 5.632-119.936 7.168-20.832 1.44-32.8.224-34.304-5.888-2.56-10.592 7.808-16.608 25.088-24.224 30.24-13.408 79.36-25.344 84.64-26.72 8.288-2.208 131.488-34.336 239.712-22.816 56.224 5.984 138.4 28.512 138.4 54.432 0 14.592-73.44 63.744-137.6 110.816-49.024 35.968-94.592 66.592-94.592 72.032 0 14.592 150.752 52.96 285.408 43.104l.128-.928c2.048-3.936 5.088-7.328 5.088-7.328l228.768-234.24a20.32 20.32 0 0 0 5.408-19.296l.032.128z" fill="#FECE00"/></svg>

src/assets/icons/ui/social.stackoverflow.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="m641.835 887.296-407.702.213-.042-86.357 407.68-.213.064 86.357zm275.498-488.981L847.573 0l-85.76 14.763 69.739 398.293 85.781-14.72zM651.648 690.24l-405.973-37.099-8 85.995 405.973 37.056 8-85.973zm26.773-112.683-393.706-104.96-22.614 83.414L655.83 660.949l22.592-83.392zm51.414-98.773-351.19-205.376-44.245 74.368 351.19 205.376 44.223-74.347zm86.101-60.459L586.219 84.31l-71.936 48.64L744 466.944l71.936-48.64z" fill="#FF810F"/><path d="M711.083 603.264v352.981H176.32V603.264h-69.653V1024h673.706V603.264z" fill="#BEBCBC"/></svg>

src/assets/icons/ui/social.twitch.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M734.379 890.197H534.357L400.896 1024H267.093V890.197H22.357V178.176L89.26 0h912.384v623.275L734.379 890.197zm178.176-311.296V89.088h-734.55v645.461h200.363v133.462l133.461-133.462h244.736l155.99-155.648z" fill="#65459B"/><path d="M667.819 267.264v267.264h89.088V267.264h-89.088zM423.083 534.187h89.088V267.264h-89.088v266.923z" fill="#65459B"/></svg>

src/assets/icons/ui/social.twitter.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M70.13 125.364h883.737v828.503H70.131z" fill="#1296db"/><path d="M513.159 1174.801c-268.49.663-510.524-161.06-613.258-408.949s-46.452-532.948 143.165-722.51S518.406-203.22 765.742-99.823a663.079 663.079 0 0 1 409.06 613.092c0 365.26-295.666 660.87-661.643 661.532zm145.816-956.479-20.547 2.651c-12.593 2.652-25.186 6.628-37.116 11.268a164.817 164.817 0 0 0-94.118 112.014c-6.628 25.849-6.628 53.024 0 78.21-25.187 0-50.373-3.314-74.234-9.942a487.712 487.712 0 0 1-202.873-98.757 305.718 305.718 0 0 1-49.103-48.385 135.267 135.267 0 0 1-15.244-17.896 185.419 185.419 0 0 0-17.896 43.083 172.66 172.66 0 0 0 37.117 151.781c8.617 10.605 21.873 17.233 30.489 26.513a43.8 43.8 0 0 1-22.535-1.989 163.16 163.16 0 0 1-35.129-9.942l-17.895-6.628a159.956 159.956 0 0 0 78.21 143.165c15.907 11.93 34.466 19.222 54.35 21.873-10.605 9.28-57.664 5.302-74.234 3.314 16.57 50.373 55.676 89.478 105.441 106.711 15.907 5.965 32.477 8.616 49.047 8.616a218.172 218.172 0 0 1-45.07 29.164 358.797 358.797 0 0 1-99.42 36.454c-15.245 3.314-31.152 2.651-48.385 5.302a236.952 236.952 0 0 1-53.024-1.988l14.581 8.616c15.245 9.28 30.49 17.233 47.06 23.861 31.814 13.256 64.291 23.861 97.431 31.815 78.21 16.57 159.79 13.919 236.676-7.954 173.71-54.35 283.735-181.608 325.546-369.18 6.628-35.13 9.28-71.583 7.954-107.375l26.512-21.872a278.1 278.1 0 0 0 56.338-64.955 330.849 330.849 0 0 1-94.118 25.85c6.628-3.315 12.594-7.954 18.559-13.257 25.186-20.547 43.745-47.721 53.687-78.21l-20.547 11.267a269.208 269.208 0 0 1-86.164 28.5 167.358 167.358 0 0 0-130.628-52.36v.662h-.718z" fill="#fff"/></svg>

src/assets/icons/ui/social.weibo.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M727.6 492.2c-34.8-6.7-17.9-25.1-17.9-25.1s34.1-55.5-6.8-95.9c-50.6-49.9-173.7 6.3-173.7 6.3-46.9 14.4-34.5-6.6-27.9-42.2 0-42-14.5-113-139.7-71.2-125.1 42.3-232.4 190.2-232.4 190.2-74.6 98.2-64.8 174.2-64.8 174.2C83 796.3 263.6 842.3 404.1 853.3c147.8 11.4 347.3-50.2 407.7-177 60.7-127-49.2-177.2-84.2-184.1zM415.1 806.1c-146.7 6.7-265.4-65.8-265.4-162.4 0-96.7 118.7-174.2 265.4-180.9 146.9-6.8 265.7 53 265.7 149.5 0 96.4-118.8 187.2-265.7 193.8z" fill="#E52429"/><path d="M799.5 433.1c12 0 22-8.7 23.8-20 .2-.9.3-1.6.3-2.5 18-159.9-132.8-132.3-132.8-132.3-13.3 0-24.1 10.6-24.1 24.1 0 13.2 10.7 23.8 24.1 23.8 108.3-23.6 84.5 83.3 84.5 83.3-.1 13 10.8 23.6 24.2 23.6z" fill="#F49500"/><path d="M782 154.1c-52.1-12.1-105.8-1.6-120.8 1.2-1.2.2-2.3 1.2-3.3 1.3-.5.2-.9.6-.9.6-14.8 4.2-25.6 17.6-25.6 33.6 0 19 15.6 34.7 35.1 34.7 0 0 18.9-2.5 31.8-7.5 12.7-5.1 120.8-3.7 174.4 85.1 29.2 64.9 12.9 108.3 10.8 115.3 0 0-7 16.9-7 33.5 0 19.1 15.6 31.3 35.1 31.3 16.2 0 29.8-2.2 33.8-29.3h.2c57.7-189.4-70.4-278.4-163.6-299.8z" fill="#F49500"/><path d="M385.9 526.3c-147.6 17-130.5 153.4-130.5 153.4s-1.5 43.2 39.5 65.2c86.3 46.2 175.3 18.2 220.1-39 45-57.1 18.7-196.5-129.1-179.6z"/><path d="M348.7 717.8c-27.6 3.1-49.8-12.6-49.8-35.3 0-22.6 19.7-46.4 47.2-49.2 31.6-3 52.2 15 52.2 37.8.2 22.7-22.2 43.6-49.6 46.7zm87-73.1c-9.4 6.9-20.9 6-25.7-2.4-5.1-8.1-3.2-20.9 6.2-27.7 10.9-8.1 22.3-5.7 27.3 2.4 4.8 8.1 1.3 20.5-7.8 27.7z" fill="#FFF"/></svg>

src/assets/icons/ui/social.zhihu.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M836.077 728.083c0 59.638-48.356 107.994-107.994 107.994H295.917c-59.638 0-107.994-48.356-107.994-107.994V295.917c0-59.638 48.356-107.994 107.994-107.994h432.166c59.638 0 107.994 48.356 107.994 107.994v432.166zM438.044 536.557h95.29c0-22.376-10.525-35.556-10.525-35.556H440.13c1.991-40.58 3.698-92.634 4.362-111.976h78.601s-.379-33.28-9.197-33.28h-138.24s8.344-43.52 19.437-62.767c0 0-41.244-2.276-55.372 52.812-14.127 54.992-35.176 88.272-37.451 94.435-2.276 6.068 12.136 2.845 18.204 0 6.068-2.844 33.565-12.8 41.624-51.2h42.761c.57 24.368 2.276 98.892 1.707 111.976h-87.988c-12.516 8.913-16.593 35.556-16.593 35.556h100.599c-4.172 27.78-11.568 63.62-21.903 82.584-16.308 30.056-24.936 57.552-83.816 104.96 0 0-9.576 7.016 20.196 4.456s57.932-10.24 77.463-49.304c10.146-20.29 20.67-46.08 28.824-72.154v.095l82.773 95.384s10.904-25.6 2.845-53.76l-61.44-68.836-20.765 15.455v.095c5.784-20.29 9.956-40.296 11.189-57.648.094-.474.094-.948.094-1.327zM553.15 348.729v330.145h34.702l14.222 39.727 60.207-39.727h75.852V348.73H553.15zm149.238 294.684h-39.443l-49.209 32.522-11.662-32.522h-12.231V385.517h112.45v257.896zm0 0" fill="#1B61DE"/></svg>

src/assets/icons/ui/sofa.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437239487" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9302" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M253.2 207.9c-46.2 53.3-66.4 123.8-55.5 193.8l27.4 141.9c63.1 24.4 66.9 98.2 75 167.3 47.4-10.4 146.9-15.6 211.8-15.6 65 0 171 5.3 218.4 15.6 8.5-68.9 4.8-142 66.7-166.6L826.2 401c10.8-69.4-9.5-139.9-55.5-193.2-46.1-53.3-113.1-83.9-183.9-83.9H437.1c-70.7 0-137.8 30.6-183.9 84z" fill="#FFB161" p-id="9303"></path><path d="M513.3 392.7l-38.8-38.8c-8.4-8.4-22.2-8.4-30.6 0-8.5 8.5-8.5 22.2 0 30.6l28 27.9-28 28c-8.5 8.4-8.5 22.2 0 30.6 4.2 4.2 9.8 6.3 15.3 6.3s11.1-2.1 15.3-6.3l38.8-38.8 38.8 38.8c4.2 4.2 9.8 6.3 15.3 6.3s11.1-2.1 15.3-6.3c8.5-8.4 8.5-22.2 0-30.6l-28-28 28-27.9c8.5-8.4 8.5-22.2 0-30.6-4.2-4.2-9.8-6.3-15.3-6.3s-11.1 2.1-15.3 6.3l-38.8 38.8z" fill="#FDDE80" p-id="9304"></path><path d="M866.1 471C783.9 471 717 535.1 717 613.9v77.2l-410 1.8v-77.2c0-75.5-58.8-136.6-133.9-143.9l-15.2-0.8c-51.4 0-93.2 40.1-93.2 89.3 0 5 0.5 10 1.4 14.8 4.4 25.6 20.2 48.1 43.5 61.6l9.7 4.8 2.7 1.3c10.9 5.2 17.2 14.3 17.2 24.6v71.4c0 54.9 37.2 101.5 88.6 118.2 5 24.5 28.2 42.9 56 42.9 25.2 0 46.4-15.2 53.9-36.2h348.8c7.6 21 28.7 36.2 53.9 36.2 27.9 0 51-18.6 56-43.1 51.3-16.8 88.3-63.4 88.3-118.1v-71.4l1.2-7.9c1.7-5.1 4.7-9.5 8.9-12.8l1.7-1 5.3-3c30.5-12.2 51.6-38.5 56.4-69.1l1-13.3c0.1-49-41.7-89.2-93.1-89.2z" fill="#FB952C" p-id="9305"></path></svg>

src/assets/icons/ui/spring.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624437245115" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9569" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M408.7 486.8c5-15.5-3.4-32.2-19-37.2-15.5-5-32.2 3.5-37.2 19s3.5 32.2 19 37.2 32.1-3.5 37.2-19zM448 607.9c-13.2-9.6-31.7-6.7-41.2 6.5-9.6 13.2-6.7 31.7 6.5 41.2 13.2 9.6 31.7 6.7 41.2-6.5 9.6-13.2 6.7-31.6-6.5-41.2zM511.7 412c16.3 0 29.5-13.2 29.5-29.5S528 353 511.7 353s-29.5 13.2-29.5 29.5c-0.1 16.3 13.1 29.5 29.5 29.5z m63.6 195.9c-13.2 9.6-16.1 28.1-6.5 41.2 9.6 13.2 28.1 16.1 41.3 6.5 13.2-9.6 16.1-28.1 6.5-41.2-9.6-13.2-28.1-16.1-41.3-6.5z m-35.6-96.8c-3.8-11.8-15-20.4-28.1-20.4-13.1 0-24.3 8.6-28.1 20.4-0.9 2.9-1.4 5.9-1.4 9.1 0 16.3 13.2 29.5 29.5 29.5s29.5-13.2 29.5-29.5c0.1-3.1-0.4-6.2-1.4-9.1z m74.9-24.3c5 15.5 21.7 24 37.2 19 15.5-5 24-21.7 19-37.2-5-15.5-21.7-24-37.2-19-15.5 5-24 21.7-19 37.2z m344.5-4.3c8.3 78.6-70.3 120.9-161.1 130.8 67.7 61.3 106.3 141.8 53.4 200.5-24.8 27.6-57.7 43.6-91.8 47.7-14.5 31.2-39.9 57.5-73.8 72.6-72.2 32.2-136.7-29.5-174.2-112.8-37.4 83.3-102 144.9-174.2 112.8-33.9-15.1-59.3-41.4-73.8-72.6-34.2-4.2-67-20.2-91.8-47.7-52.9-58.7-14.2-139.2 53.4-200.5-90.7-9.9-169.2-52.2-161-130.8 3.9-36.9 21-69.2 46.2-92.6-6.6-33.8-1.5-70 17-102.1 39.5-68.4 128-56.5 207.2-11.1C316 187.3 332 99.5 409.3 83.1c36.3-7.7 72.3-1.3 102.4 15.4 30.1-16.7 66.1-23.1 102.3-15.4 77.3 16.4 93.3 104.2 74.6 193.6 79.2-45.4 167.7-57.3 207.2 11.1 18.6 32.1 23.6 68.3 17 102.1 25.2 23.4 42.4 55.7 46.3 92.6z m0 0" fill="#FF8882" p-id="9570"></path><path d="M633.2 496.3l-9.1-28.1-97.7 31.8V397.2h-29.5v102.7l-97.7-31.8-9.1 28.1 97.7 31.7-60.4 83.1 23.9 17.4 60.4-83.1 60.4 83.1L596 611l-60.5-83 97.7-31.7z m0 0" fill="#FDDE80" p-id="9571"></path><path d="M541.2 520.3c0 16.3-13.2 29.5-29.5 29.5s-29.5-13.2-29.5-29.5 13.2-29.5 29.5-29.5c16.3-0.1 29.5 13.2 29.5 29.5z m0 0" fill="#FFC743" p-id="9572"></path><path d="M482.2 382.4a29.5 29.5 0 1 0 59 0 29.5 29.5 0 1 0-59 0Z" fill="#FF382E" p-id="9573"></path><path d="M380.6 477.7m-29.5 0a29.5 29.5 0 1 0 59 0 29.5 29.5 0 1 0-59 0Z" fill="#FF382E" p-id="9574"></path><path d="M430.6 602.2c-16.3 0-29.5 13.2-29.5 29.5s13.2 29.5 29.5 29.5 29.5-13.2 29.5-29.5c0.1-16.2-13.1-29.5-29.5-29.5zM592.7 602.2c-16.3 0-29.5 13.2-29.5 29.5s13.2 29.5 29.5 29.5 29.5-13.2 29.5-29.5c0-16.2-13.2-29.5-29.5-29.5z" fill="#FF382E" p-id="9575"></path><path d="M613.2 477.7a29.5 29.5 0 1 0 59 0 29.5 29.5 0 1 0-59 0Z" fill="#FF382E" p-id="9576"></path></svg>

src/components/icon/UiIcon.vue

@@ -1,48 +1,66 @@
 <!-- # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
 <!-- # Generated by scripts/import-svg-icons.js -->
 <template>
-  <svg-icon
-    :data="svg[$props.name]"
-    :width="$props.width"
-    :height="$props.height"
-    original
-  ></svg-icon>
+  <svg-icon :data="svg[$props.name]" original></svg-icon>
 </template>
 <script>
 import { defineComponent } from 'vue'
-import duck from '@/assets/icons/ui/duck.svg'
-import joker from '@/assets/icons/ui/joker.svg'
-import lv0 from '@/assets/icons/ui/lv0.svg'
-import lv1 from '@/assets/icons/ui/lv1.svg'
-import lv2 from '@/assets/icons/ui/lv2.svg'
-import lv3 from '@/assets/icons/ui/lv3.svg'
-import lv4 from '@/assets/icons/ui/lv4.svg'
-import lv5 from '@/assets/icons/ui/lv5.svg'
-import lv6 from '@/assets/icons/ui/lv6.svg'
-import sakura from '@/assets/icons/ui/sakura.svg'
-import sofa from '@/assets/icons/ui/sofa.svg'
-import spring from '@/assets/icons/ui/spring.svg'
+import icLv0 from '@/assets/icons/ui/ic.lv0.svg'
+import icLv1 from '@/assets/icons/ui/ic.lv1.svg'
+import icLv2 from '@/assets/icons/ui/ic.lv2.svg'
+import icLv3 from '@/assets/icons/ui/ic.lv3.svg'
+import icLv4 from '@/assets/icons/ui/ic.lv4.svg'
+import icLv5 from '@/assets/icons/ui/ic.lv5.svg'
+import icLv6 from '@/assets/icons/ui/ic.lv6.svg'
+import icSakura from '@/assets/icons/ui/ic.sakura.svg'
+import socialBilibili from '@/assets/icons/ui/social.bilibili.svg'
+import socialDouban from '@/assets/icons/ui/social.douban.svg'
+import socialFacebook from '@/assets/icons/ui/social.facebook.svg'
+import socialGithub from '@/assets/icons/ui/social.github.svg'
+import socialGitlab from '@/assets/icons/ui/social.gitlab.svg'
+import socialInstagram from '@/assets/icons/ui/social.instagram.svg'
+import socialMastodon from '@/assets/icons/ui/social.mastodon.svg'
+import socialPixiv from '@/assets/icons/ui/social.pixiv.svg'
+import socialQq from '@/assets/icons/ui/social.qq.svg'
+import socialQzone from '@/assets/icons/ui/social.qzone.svg'
+import socialStackoverflow from '@/assets/icons/ui/social.stackoverflow.svg'
+import socialTwitch from '@/assets/icons/ui/social.twitch.svg'
+import socialTwitter from '@/assets/icons/ui/social.twitter.svg'
+import socialWeibo from '@/assets/icons/ui/social.weibo.svg'
+import socialWeichat from '@/assets/icons/ui/social.weichat.svg'
+import socialZhihu from '@/assets/icons/ui/social.zhihu.svg'
 
 export default defineComponent({
+  name: 'Icon',
   props: {
     name: { type: String },
-    width: { type: String, default: '100%' },
-    height: { type: String, default: '100%' },
   },
   setup() {
     const svg = {
-      duck: duck,
-      joker: joker,
-      lv0: lv0,
-      lv1: lv1,
-      lv2: lv2,
-      lv3: lv3,
-      lv4: lv4,
-      lv5: lv5,
-      lv6: lv6,
-      sakura: sakura,
-      sofa: sofa,
-      spring: spring,
+      'ic.lv0': icLv0,
+      'ic.lv1': icLv1,
+      'ic.lv2': icLv2,
+      'ic.lv3': icLv3,
+      'ic.lv4': icLv4,
+      'ic.lv5': icLv5,
+      'ic.lv6': icLv6,
+      'ic.sakura': icSakura,
+      'social.bilibili': socialBilibili,
+      'social.douban': socialDouban,
+      'social.facebook': socialFacebook,
+      'social.github': socialGithub,
+      'social.gitlab': socialGitlab,
+      'social.instagram': socialInstagram,
+      'social.mastodon': socialMastodon,
+      'social.pixiv': socialPixiv,
+      'social.qq': socialQq,
+      'social.qzone': socialQzone,
+      'social.stackoverflow': socialStackoverflow,
+      'social.twitch': socialTwitch,
+      'social.twitter': socialTwitter,
+      'social.weibo': socialWeibo,
+      'social.weichat': socialWeichat,
+      'social.zhihu': socialZhihu,
     }
     return {
       svg,

src/hooks/index.ts

@@ -9,6 +9,7 @@ import { useElementRef, useElementRefs } from './useElementRef'
 import useOffsetDistance from './useOffsetDistance'
 import useMDCRipple from './mdc/useMDCRipple'
 import useMessage from './useMessage'
+import useTypewriterEffect from './useTypewriterEffect'
 
 export {
   useState,
@@ -28,4 +29,5 @@ export {
   useElementRefs,
   useOffsetDistance,
   useMessage,
+  useTypewriterEffect,
 }

src/hooks/useTypewriterEffect.ts

@@ -0,0 +1,40 @@
+/**
+ * https://codepen.io/gavra/pen/tEpzn
+ */
+import { ref, watch, Ref } from 'vue'
+const useTypewriterEffect = (strings: string[], speed = 100): [Ref<string>, () => void] => {
+  const textRef = ref('')
+
+  const typewriterEffect = () => {
+    const aText = strings
+    const iSpeed = speed // time delay of print out
+    let iIndex = 0 // start printing array at this posision
+    let iArrLength = aText[0].length // the length of the text array
+    const iScrollAt = 20 // start scrolling up at this many lines
+    let iTextPos = 0 // initialise text position
+    let iRow // initialise current row
+    const typewriter = () => {
+      iRow = Math.max(0, iIndex - iScrollAt)
+      // const destination = element
+      while (iRow < iIndex) {
+        textRef.value += aText[iRow++] + '<br />'
+      }
+      textRef.value = aText[iIndex].substring(0, iTextPos) // + '_'
+      if (iTextPos++ == iArrLength) {
+        iTextPos = 0
+        iIndex++
+        if (iIndex != aText.length) {
+          iArrLength = aText[iIndex].length
+          window.setTimeout(typewriter, 500)
+        }
+      } else {
+        window.setTimeout(typewriter, iSpeed)
+      }
+    }
+    typewriter()
+  }
+
+  return [textRef, typewriterEffect]
+}
+
+export default useTypewriterEffect

src/layouts/components/cover/Cover.vue

@@ -0,0 +1,204 @@
+<template>
+  <div class="cover__container" :ref="setParallaxContainerRef" :style="styleController">
+    <div class="background__wrapper">
+      <div class="image__wrapper">
+        <Image
+          src="https://view.moezx.cc/images/2021/06/19/ca4748651c3c67e7e4c29c34fb13bc33.jpg"
+          placeholder=""
+          :avatar="false"
+          alt=""
+          :draggable="false"
+          @error="handleImageError"
+          @load="handleImageLoad"
+        ></Image>
+      </div>
+      <div class="video__wrapper"></div>
+    </div>
+    <div class="content__wrapper">
+      <div class="content__container">
+        <div class="slogan__wrapper">
+          <h1 class="typewriter">{{ sloganText }}</h1>
+        </div>
+        <div class="dialog__wrapper">
+          <div class="signature__wrapper">
+            <span>
+              <i class="fas fa-quote-left"></i>
+              You got to put the past behind you before you can move on.
+              <i class="fas fa-quote-right"></i>
+            </span>
+          </div>
+          <div class="social-media__wrapper">
+            <div
+              class="social-media-item__wrapper"
+              v-for="(item, index) in socialMedia"
+              :key="index"
+            >
+              <UiIcon :name="item.name"></UiIcon>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, watch } from 'vue'
+import { gsap } from 'gsap'
+import { useTypewriterEffect } from '@/hooks'
+import { ScrollTrigger } from 'gsap/ScrollTrigger'
+import { useElementRef } from '@/hooks'
+
+export default defineComponent({
+  setup() {
+    const slogan = 'Hello, world!'
+
+    const [parallaxContainerRef, setParallaxContainerRef] = useElementRef()
+
+    watch(parallaxContainerRef, (parallaxContainer) => {
+      if (parallaxContainer instanceof Element) {
+        const layersEloement = Array.prototype.slice.call(parallaxContainer.children)
+        gsap.registerPlugin(ScrollTrigger)
+        gsap.to(layersEloement[0], {
+          scrollTrigger: {
+            trigger: layersEloement[0],
+            start: 'top top',
+            scrub: true,
+          },
+          y: '20%',
+        })
+      }
+    })
+
+    const [sloganText, doSloganEffect] = useTypewriterEffect([slogan])
+
+    const handleImageError = () => {
+      window.setTimeout(() => doSloganEffect(), 1000)
+    }
+    const handleImageLoad = () => {
+      window.setTimeout(() => doSloganEffect(), 1000)
+    }
+
+    const config = (window as any).InitState.config
+    const socialMedia = Object.keys(config)
+      .map((key) => {
+        if (/^social\./.test(key)) {
+          const match = key.match(/^social\.(.*)$/)
+          if (!match || !config[key]) return null
+          return {
+            name: match[1],
+            value: config[key],
+          }
+        } else {
+          return null
+        }
+      })
+      .filter((i) => i)
+    console.log(socialMedia)
+
+    const styleController = () => {
+      return {}
+    }
+
+    return {
+      setParallaxContainerRef,
+      styleController,
+      slogan,
+      handleImageError,
+      handleImageLoad,
+      sloganText,
+      socialMedia,
+    }
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.cover__container {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+  .background__wrapper {
+    width: 100%;
+    height: 100%;
+    .image__wrapper {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .content__wrapper {
+    position: absolute;
+    top: calc(50% + 48px);
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1;
+    .content__container {
+      display: flex;
+      flex-flow: column nowrap;
+      align-items: center;
+      .slogan__wrapper {
+        font-size: 36px;
+        text-transform: uppercase;
+        color: #ffffff;
+        .typewriter {
+          overflow: hidden;
+          border-right: 0.15em solid orange;
+          white-space: nowrap;
+          margin: 0 auto;
+          letter-spacing: 0.15em;
+          animation: blink-caret 0.75s step-end infinite;
+        }
+
+        @keyframes blink-caret {
+          from,
+          to {
+            border-color: transparent;
+          }
+          50% {
+            border-color: orange;
+          }
+        }
+      }
+      .dialog__wrapper {
+        position: relative;
+        padding: 12px;
+        color: #eaeadf;
+        background: rgba(0, 0, 0, 0.5);
+        border-radius: 10px;
+        margin-top: 12px;
+        // letter-spacing: 0.1em;
+        font-size: 16px;
+        line-height: 30px;
+        // align-self: flex-start;
+        &:before {
+          content: '';
+          position: absolute;
+          top: -30px;
+          left: 60px;
+          margin-left: -15px;
+          border-width: 15px;
+          border-style: solid;
+          border-color: transparent transparent rgba(0, 0, 0, 0.5) transparent;
+        }
+        .signature__wrapper {
+          width: 100%;
+          text-align: center;
+        }
+        .social-media__wrapper {
+          width: 100%;
+          display: flex;
+          flex-flow: row wrap;
+          justify-content: center;
+          align-items: center;
+          gap: 12px;
+          .social-media-item__wrapper {
+            width: 20px;
+            height: 20px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/views/Home.vue

@@ -1,7 +1,9 @@
 <template>
   <Base class="base">
     <div class="main__content">
-      <div class="cover__wrapper"> </div>
+      <div class="cover__wrapper">
+        <Cover></Cover>
+      </div>
       <div class="content__wrapper">
         <PostThumbList namespace="homepage"></PostThumbList>
       </div>
@@ -13,9 +15,10 @@
 import { defineComponent } from 'vue'
 import Base from '@/layouts/Base.vue'
 import PostThumbList from '@/components/lists/postThumbList/PostThumbList.vue'
+import Cover from '@/layouts/components/cover/Cover.vue'
 
 export default defineComponent({
-  components: { Base, PostThumbList },
+  components: { Base, PostThumbList, Cover },
 })
 </script>
 
@@ -27,7 +30,7 @@ export default defineComponent({
   .cover__wrapper {
     width: 100%;
     height: 100vh;
-    background: url('https://via.placeholder.com/233');
+    // background: url('https://via.placeholder.com/233');
   }
   .content__wrapper {
     width: 100%;

yarn.lock

@@ -1257,6 +1257,11 @@
   resolved "https://registry.npm.taobao.org/@tootallnate/once/download/@tootallnate/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
   integrity sha1-zLkURTYBeaBOf+av94wA/8Hur4I=
 
+"@trysound/sax@0.1.1":
+  version "0.1.1"
+  resolved "https://registry.npm.taobao.org/@trysound/sax/download/@trysound/sax-0.1.1.tgz#3348564048e7a2d7398c935d466c0414ebb6a669"
+  integrity sha1-M0hWQEjnotc5jJNdRmwEFOu2pmk=
+
 "@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
   version "7.1.14"
   resolved "https://registry.nlark.com/@types/babel__core/download/@types/babel__core-7.1.14.tgz#faaeefc4185ec71c389f4501ee5ec84b170cc402"
@@ -2201,8 +2206,8 @@ camelcase@^5.3.1:
 
 camelcase@^6.2.0:
   version "6.2.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.2.0.tgz#924af881c9d525ac9d87f40d964e5cea982a1809"
-  integrity sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==
+  resolved "https://registry.nlark.com/camelcase/download/camelcase-6.2.0.tgz#924af881c9d525ac9d87f40d964e5cea982a1809"
+  integrity sha1-kkr4gcnVJaydh/QNlk5c6pgqGAk=
 
 caniuse-lite@^1.0.30001219, caniuse-lite@^1.0.30001243:
   version "1.0.30001244"
@@ -2411,6 +2416,11 @@ commander@8:
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.0.0.tgz#1da2139548caef59bd23e66d18908dfb54b02258"
   integrity sha512-Xvf85aAtu6v22+E5hfVoLHqyul/jyxh91zvqk/ioJTQuJR7Z78n7H558vMPKanPSRgIEeZemT92I2g9Y8LPbSQ==
 
+commander@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.nlark.com/commander/download/commander-7.2.0.tgz?cache=0&sync_timestamp=1624609539421&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcommander%2Fdownload%2Fcommander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha1-o2y1fQtQHOEI5NIFWaFQo5HZerc=
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz"
@@ -2537,6 +2547,17 @@ css-select@^2.0.0:
     domutils "^1.7.0"
     nth-check "^1.0.2"
 
+css-select@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.nlark.com/css-select/download/css-select-4.1.3.tgz?cache=0&sync_timestamp=1622994276976&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcss-select%2Fdownload%2Fcss-select-4.1.3.tgz#a70440f70317f2669118ad74ff105e65849c7067"
+  integrity sha1-pwRA9wMX8maRGK10/xBeZYSccGc=
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^5.0.0"
+    domhandler "^4.2.0"
+    domutils "^2.6.0"
+    nth-check "^2.0.0"
+
 css-tree@1.0.0-alpha.37:
   version "1.0.0-alpha.37"
   resolved "https://registry.npm.taobao.org/css-tree/download/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
@@ -2558,6 +2579,11 @@ css-what@^3.2.1:
   resolved "https://registry.nlark.com/css-what/download/css-what-3.4.2.tgz?cache=0&sync_timestamp=1622227051808&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcss-what%2Fdownload%2Fcss-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
   integrity sha1-6nAm/LAXd+295SEk4h8yfnrpUOQ=
 
+css-what@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.nlark.com/css-what/download/css-what-5.0.1.tgz?cache=0&sync_timestamp=1622227658327&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcss-what%2Fdownload%2Fcss-what-5.0.1.tgz#3efa820131f4669a8ac2408f9c32e7c7de9f4cad"
+  integrity sha1-PvqCATH0ZpqKwkCPnDLnx96fTK0=
+
 css@^2.1.0:
   version "2.2.4"
   resolved "https://registry.nlark.com/css/download/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
@@ -2573,7 +2599,7 @@ cssesc@^3.0.0:
   resolved "https://registry.npm.taobao.org/cssesc/download/cssesc-3.0.0.tgz"
   integrity sha1-N3QZGZA7hoVl4cCep0dEXNGJg+4=
 
-csso@^4.0.2:
+csso@^4.0.2, csso@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npm.taobao.org/csso/download/csso-4.2.0.tgz?cache=0&sync_timestamp=1606408777341&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcsso%2Fdownload%2Fcsso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
   integrity sha1-6jpWE0bo3J9UbW/r7dUBh884lSk=
@@ -2810,7 +2836,7 @@ domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
-domutils@^2.5.2:
+domutils@^2.5.2, domutils@^2.6.0:
   version "2.7.0"
   resolved "https://registry.nlark.com/domutils/download/domutils-2.7.0.tgz#8ebaf0c41ebafcf55b0b72ec31c56323712c5442"
   integrity sha1-jrrwxB66/PVbC3LsMcVjI3EsVEI=
@@ -5150,6 +5176,13 @@ nth-check@^1.0.2:
   dependencies:
     boolbase "~1.0.0"
 
+nth-check@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/nth-check/download/nth-check-2.0.0.tgz?cache=0&sync_timestamp=1606860664533&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnth-check%2Fdownload%2Fnth-check-2.0.0.tgz#1bb4f6dac70072fc313e8c9cd1417b5074c0a125"
+  integrity sha1-G7T22scAcvwxPoyc0UF7UHTAoSU=
+  dependencies:
+    boolbase "^1.0.0"
+
 nwsapi@^2.2.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/nwsapi/download/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
@@ -6394,6 +6427,19 @@ svgo@^1.3.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
+svgo@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.nlark.com/svgo/download/svgo-2.3.1.tgz?cache=0&sync_timestamp=1624693663895&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsvgo%2Fdownload%2Fsvgo-2.3.1.tgz#603a69ce50311c0e36791528f549644ec1b3f4bc"
+  integrity sha1-YDppzlAxHA42eRUo9UlkTsGz9Lw=
+  dependencies:
+    "@trysound/sax" "0.1.1"
+    chalk "^4.1.0"
+    commander "^7.1.0"
+    css-select "^4.1.3"
+    css-tree "^1.1.2"
+    csso "^4.2.0"
+    stable "^0.1.8"
+
 swiper@^6.7.5:
   version "6.7.5"
   resolved "https://registry.nlark.com/swiper/download/swiper-6.7.5.tgz?cache=0&sync_timestamp=1625145077063&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fswiper%2Fdownload%2Fswiper-6.7.5.tgz#8f150c7281919b7d6bea00889e9dc16448e92986"