{"tiddlers":{"$:/SplashScreen":{"title":"$:/SplashScreen","tags":"$:/tags/RawMarkupWikified/TopBody","text":"{{$:/xp/splashscreen/layouts/onedot}}"},"$:/plugins/xp/splashscreen/icon":{"title":"$:/plugins/xp/splashscreen/icon","text":"<svg width=\"22pt\" height=\"22pt\" viewBox=\"0 0 1024 1024\"><path fill-rule=\"evenodd\" d=\"M703.328 799.68V864H319.36v-64.32h384zM960 160v575.68H64V160h896z m-64.096 64H128.096v447.68h767.808V224z\"/></svg>"},"$:/xp/splashscreen/layouts/bubble":{"title":"$:/xp/splashscreen/layouts/bubble","caption":"Bubble","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.loader {\n\tposition: absolute;\n\ttop: 30%;\n\tleft: 50%;\n\t-webkit-transform: translate(-50%, -50%);\n\t-moz-transform: translate(-50%, -50%);\n\t-mos-transform: translate(-50%, -50%);\n\t-o-transform: translate(-50%, -50%);\n\ttransform: translate(-50%, -50%);\n\ttext-align:center;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\tcursor:default;\n}\n.loader span{\n\tposition: absolute;\n\tfont-size: 3.5em;\n\tbottom: 3em;\n\tleft: -1.5em;\n\tz-index: 5;\n\tcolor: #403833;\n}\n.clouds {\n    font-size: 100px;\n\tmargin-left: -1.5em;\n\twidth: 2em;\n\ttext-align: center;\n}\n\n.cloud {\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: .0625em;\n}\n.cloud:before, .cloud:after {\n\tcontent: \"\";\n\tposition: relative;\n\tdisplay: block;\n}\n.cloud:before {\n\t-webkit-animation: cloud 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\t-moz-animation: cloud 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\t-mos-animation: cloud 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\t-o-animation: cloud 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\tanimation: cloud 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\t-webkit-transform: translateY(0.5em) scale(0);\n\t-moz-transform: translateY(0.5em) scale(0);\n\t-mos-transform: translateY(0.5em) scale(0);\n\t-o-transform: translateY(0.5em) scale(0);\n\ttransform: translateY(0.5em) scale(0);\n\twidth: 1em;\n\theight: 1em;\n\tborder-radius: 50%;\n}\n\n.cloud:after {\n\t-webkit-animation: cloud-shadow 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\t-moz-animation: cloud-shadow 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\t-mos-animation: cloud-shadow 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\t-o-animation: cloud-shadow 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\tanimation: cloud-shadow 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate forwards;\n\tbottom: -.75em;\n\twidth: 1em;\n\theight: .25em;\n\t-webkit-border-radius: 100%;\n\t-moz-border-radius: 100%;\n\t-mos-border-radius: 100%;\n\t-o-border-radius: 100%;\n\tborder-radius: 100%;\n\t-webkit-transform: scale(0);\n\t-moz-transform: scale(0);\n\t-mos-transform: scale(0);\n\t-o-transform: scale(0);\n\ttransform: scale(0);\n\tbackground-color: #322b27 !important;\n}\n\n.cloud:nth-child(1):before, .cloud:nth-child(1):after {\n\t-webkit-animation-delay: 0s;\n\t-moz-animation-delay: 0s;\n\t-mos-animation-delay: 0s;\n\t-o-animation-delay: 0s;\n\tanimation-delay: 0s;\n\tbackground:#DB2F00;\n}\n.cloud:nth-child(2):before, .cloud:nth-child(2):after {\n\t-webkit-animation-delay: 0.25s;\n\t-moz-animation-delay: 0.25s;\n\t-mos-animation-delay: 0.25s;\n\t-o-animation-delay: 0.25s;\n\tanimation-delay: 0.25s;\n\tbackground:#ff6d37;\n}\n.cloud:nth-child(3):before, .cloud:nth-child(3):after {\n\t-webkit-animation-delay: 0.5s;\n\t-moz-animation-delay: 0.5s;\n\t-mos-animation-delay: 0.5s;\n\t-o-animation-delay: 0.5s;\n\tanimation-delay: 0.5s;\n\tbackground:#ffa489;\n}\n.cloud:nth-child(4):before, .cloud:nth-child(4):after {\n\t-webkit-animation-delay: 0.75s;\n\t-moz-animation-delay: 0.75s;\n\t-mos-animation-delay: 0.75s;\n\t-o-animation-delay: 0.75s;\n\tanimation-delay: 0.75s;\n\tbackground:#f2f2f2;\n}\n.cloud:nth-child(5):before, .cloud:nth-child(5):after {\n\t-webkit-animation-delay: 1s;\n\t-moz-animation-delay: 1s;\n\t-mos-animation-delay: 1s;\n\t-o-animation-delay: 1s;\n\tanimation-delay: 1s;\n\tbackground:#99d3d4;\n}\n.cloud:nth-child(6):before, .cloud:nth-child(6):after {\n\t-webkit-animation-delay: 1.25s;\n\t-moz-animation-delay: 1.25s;\n\t-mos-animation-delay: 1.25s;\n\t-o-animation-delay: 1.25s;\n\tanimation-delay: 1.25s;\n\tbackground:#56bebf;\n}\n.cloud:nth-child(7):before, .cloud:nth-child(7):after {\n\t-webkit-animation-delay: 1.5s;\n\t-moz-animation-delay: 1.5s;\n\t-mos-animation-delay: 1.5s;\n\t-o-animation-delay: 1.5s;\n\tanimation-delay: 1.5s;\n\tbackground:#13A3A5;\n}\n.cloud:nth-child(8):before, .cloud:nth-child(8):after {\n\t-webkit-animation-delay: 1.75s;\n\t-moz-animation-delay: 1.75s;\n\t-mos-animation-delay: 1.75s;\n\t-o-animation-delay: 1.75s;\n\tanimation-delay: 1.75s;\n}\n.cloud:nth-child(9):before, .cloud:nth-child(9):after {\n\t-webkit-animation-delay: 2s;\n\t-moz-animation-delay: 2s;\n\t-mos-animation-delay: 2s;\n\t-o-animation-delay: 2s;\n\tanimation-delay: 2s;\n}\n.cloud:nth-child(10):before, .cloud:nth-child(10):after {\n\t-webkit-animation-delay: 2.25s;\n\t-moz-animation-delay: 2.25s;\n\t-mos-animation-delay: 2.25s;\n\t-o-animation-delay: 2.25s;\n\tanimation-delay: 2.25s;\n}\n.cloud:nth-child(11):before, .cloud:nth-child(11):after {\n\t-webkit-animation-delay: 2.5s;\n\t-moz-animation-delay: 2.5s;\n\t-mos-animation-delay: 2.5s;\n\t-o-animation-delay: 2.5s;\n\tanimation-delay: 2.5s;\n}\n.cloud:nth-child(12):before, .cloud:nth-child(12):after {\n\t-webkit-animation-delay: 2.75s;\n\t-moz-animation-delay: 2.75s;\n\t-mos-animation-delay: 2.75s;\n\t-o-animation-delay: 2.75s;\n\tanimation-delay: 2.75s;\n}\n.cloud:nth-child(13):before, .cloud:nth-child(13):after {\n\t-webkit-animation-delay: 3s;\n\t-moz-animation-delay: 3s;\n\t-mos-animation-delay: 3s;\n\t-o-animation-delay: 3s;\n\tanimation-delay: 3s;\n}\n.cloud:nth-child(14):before, .cloud:nth-child(14):after {\n\t-webkit-animation-delay: 3.25s;\n\t-moz-animation-delay: 3.25s;\n\t-mos-animation-delay: 3.25s;\n\t-o-animation-delay: 3.25s;\n\tanimation-delay: 3.25s;\n}\n.cloud:nth-child(15):before, .cloud:nth-child(15):after {\n\t-webkit-animation-delay: 3.5s;\n\t-moz-animation-delay: 3.5s;\n\t-mos-animation-delay: 3.5s;\n\t-o-animation-delay: 3.5s;\n\tanimation-delay: 3.5s;\n}\n.cloud:nth-child(16):before, .cloud:nth-child(16):after {\n\t-webkit-animation-delay: 3.75s;\n\t-moz-animation-delay: 3.75s;\n\t-mos-animation-delay: 3.75s;\n\t-o-animation-delay: 3.75s;\n\tanimation-delay: 3.75s;\n}\n.cloud:nth-child(17):before, .cloud:nth-child(17):after {\n\t-webkit-animation-delay: 4s;\n\t-moz-animation-delay: 4s;\n\t-mos-animation-delay: 4s;\n\t-o-animation-delay: 4s;\n\tanimation-delay: 4s;\n}\n.cloud:nth-child(18):before, .cloud:nth-child(18):after {\n\t-webkit-animation-delay: 4.25s;\n\t-moz-animation-delay: 4.25s;\n\t-mos-animation-delay: 4.25s;\n\t-o-animation-delay: 4.25s;\n\tanimation-delay: 4.25s;\n}\n.cloud:nth-child(19):before, .cloud:nth-child(19):after {\n\t-webkit-animation-delay: 4.5s;\n\t-moz-animation-delay: 4.5s;\n\t-mos-animation-delay: 4.5s;\n\t-o-animation-delay: 4.5s;\n\tanimation-delay: 4.5s;\n}\n.cloud:nth-child(20):before, .cloud:nth-child(20):after {\n\t-webkit-animation-delay: 4.75s;\n\t-moz-animation-delay: 4.75s;\n\t-mos-animation-delay: 4.75s;\n\t-o-animation-delay: 4.75s;\n\tanimation-delay: 4.75s;\n}\n.cloud:nth-child(21):before, .cloud:nth-child(21):after {\n\t-webkit-animation-delay: 5s;\n\t-moz-animation-delay: 5s;\n\t-mos-animation-delay: 5s;\n\t-o-animation-delay: 5s;\n\tanimation-delay: 5s;\n}\n.cloud:nth-child(22):before, .cloud:nth-child(22):after {\n\t-webkit-animation-delay: 5.25s;\n\t-moz-animation-delay: 5.25s;\n\t-mos-animation-delay: 5.25s;\n\t-o-animation-delay: 5.25s;\n\tanimation-delay: 5.25s;\n}\n.cloud:nth-child(23):before, .cloud:nth-child(23):after {\n\t-webkit-animation-delay: 5.5s;\n\t-moz-animation-delay: 5.5s;\n\t-mos-animation-delay: 5.5s;\n\t-o-animation-delay: 5.5s;\n\tanimation-delay: 5.5s;\n}\n.cloud:nth-child(24):before, .cloud:nth-child(24):after {\n\t-webkit-animation-delay: 5.75s;\n\t-moz-animation-delay: 5.75s;\n\t-mos-animation-delay: 5.75s;\n\t-o-animation-delay: 5.75s;\n\tanimation-delay: 5.75s;\n}\n\n@-webkit-keyframes cloud {\n\t50% {\n\t-webkit-transform: translateY(0.5em) scale(0);\n\t}\n\n\t100% {\n\t-webkit-transform: translateY(0) scale(1);\n\t}\n}\n@-webkit-keyframes cloud-shadow {\n\t50% {\n\t-webkit-transform: scale(0);\n\t}\n\n\t100% {\n\t-webkit-transform: scale(0.75);\n\t}\n}\n\n@-moz-keyframes cloud {\n\t50% {\n\t-moz-transform: translateY(0.5em) scale(0);\n\t}\n\n\t100% {\n\t-moz-transform: translateY(0) scale(1);\n\t}\n}\n\n@-moz-keyframes cloud-shadow {\n\t50% {\n\t-moz-transform: scale(0);\n\t}\n\n\t100% {\n\t-moz-transform: scale(0.75);\n\t}\n}\n\n@-mos-keyframes cloud {\n\t50% {\n\t-mos-transform: translateY(0.5em) scale(0);\n\t}\n\n\t100% {\n\t-mos-transform: translateY(0) scale(1);\n\t}\n}\n\n@-mos-keyframes cloud-shadow {\n\t50% {\n\t-mos-transform: scale(0);\n\t}\n\n\t100% {\n\t-mos-transform: scale(0.75);\n\t}\n}\n\n@-o-keyframes cloud {\n\t50% {\n\t-o-transform: translateY(0.5em) scale(0);\n\t}\n\n\t100% {\n\t-o-transform: translateY(0) scale(1);\n\t}\n}\n@-o-keyframes cloud-shadow {\n\t50% {\n\t-o-transform: scale(0);\n\t}\n\n\t100% {\n\t-o-transform: scale(0.75);\n\t}\n}\n\n@keyframes cloud {\n\t50% {\n\ttransform: translateY(0.5em) scale(0);\n\t}\n\n\t100% {\n\ttransform: translateY(0) scale(1);\n\t}\n}\n@keyframes cloud-shadow {\n\t50% {\n\ttransform: scale(0);\n\t}\n\n\t100% {\n\ttransform: scale(0.75);\n\t}\n}\n</style>\n\n<div class=\"loader\">\n\t<span>LOADING</span>\n\t<ul class=\"clouds\">\n\t\t<li class=\"cloud\"></li>\n\t\t<li class=\"cloud\"></li>\n\t\t<li class=\"cloud\"></li>\n\t\t<li class=\"cloud\"></li>\n\t\t<li class=\"cloud\"></li>\n\t\t<li class=\"cloud\"></li>\n\t\t<li class=\"cloud\"></li>\n\t</ul>\t\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/clock":{"title":"$:/xp/splashscreen/layouts/clock","caption":"Clock","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* Clock */\n\n.box {\n    display: inline-block;\n    position: relative;\n    text-align: center;\n    top: 10%;\n}\n\n.clock {\n    border-radius: 60px;\n    border: 3px solid <<colour tab-border-selected>>;\n    height: 80px;\n    width: 80px;\n    position: relative;\n    top: calc(50% - 43px);\n    justify-content: center;\n    align-items: center;\n}\n\n.clock:after {\n    content: \"\";\n    position: absolute;\n    background-color: <<colour primary>>;\n    top: 2px;\n    left: 48%;\n    height: 38px;\n    width: 4px;\n    border-radius: 5px;\n    -webkit-transform-origin: 50% 97%;\n    transform-origin: 50% 97%;\n    -webkit-animation: grdAiguille 2s linear infinite;\n    animation: grdAiguille 2s linear infinite;\n}\n\n@-webkit-keyframes grdAiguille {\n    0% { -webkit-transform:rotate(0deg); }\n    100% { -webkit-transform:rotate(360deg); }\n}\n\n@keyframes grdAiguille {\n    0% { transform:rotate(0deg); }\n    100% { transform:rotate(360deg); }\n}\n\n.clock:before {\n    content: \"\";\n    position: absolute;\n    background-color: <<colour primary>>;\n    top: 6px;\n    left: 48%;\n    height: 35px;\n    width: 4px;\n    border-radius: 5px;\n    -webkit-transform-origin: 50% 94%;\n    transform-origin: 50% 94%;\n    -webkit-animation: ptAiguille 12s linear infinite;\n    animation: ptAiguille 12s linear infinite;\n}\n\n@-webkit-keyframes ptAiguille {\n    0% { -webkit-transform:rotate(0deg); }\n    100% { -webkit-transform:rotate(360deg); }\n}\n\n@keyframes ptAiguille {\n    0% { transform:rotate(0deg); }\n    100% { transform:rotate(360deg); }\n}\n</style>\n\n<div class=\"line-wrapper\">\n\t<div class=\"tc-splash-title\"></div>\n\t<div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n\t<div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n\t<div class=\"box\">\n\t\t<div class=\"clock\"></div>\n\t</div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/default":{"title":"$:/xp/splashscreen/layouts/default","caption":"Default","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n\tmargin: 20px auto 0;\n\twidth: 200px;\n\ttext-align: center;\n\tcolor: <<colour foreground>>;\n\tfill: <<colour foreground>>;\n}\n\n.tc-splash-text img {\n\twidth: 150px;\n\t<<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n\tbackground: <<colour page-background>>;\n}\n\n/*\nSpinner from https://github.com/tobiasahlin/SpinKit/ by Tobias Ahlin\n\nThe MIT License (MIT)\n\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n\n.tc-splash-spinner {\n\tmargin: 20px auto 0;\n\twidth: 70px;\n\ttext-align: center;\n}\n\n.tc-splash-spinner > div {\n\twidth: 18px;\n\theight: 18px;\n\tborder-radius: 100%;\n\tdisplay: inline-block;\n\t-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n\tanimation: sk-bouncedelay 1.4s infinite ease-in-out both;\n\tbackground-color: #f88;\n}\n\n.tc-splash-spinner .tc-splash-bounce-1 {\n\t-webkit-animation-delay: -0.32s;\n\tanimation-delay: -0.32s;\n\tbackground-color: #8f8;\n}\n\n.tc-splash-spinner .tc-splash-bounce-2 {\n\t-webkit-animation-delay: -0.16s;\n\tanimation-delay: -0.16s;\n\tbackground-color: #88f;\n}\n\n@-webkit-keyframes sk-bouncedelay {\n\t0%, 80%, 100% { -webkit-transform: scale(0) }\n\t40% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bouncedelay {\n\t0%, 80%, 100% { \n\t-webkit-transform: scale(0);\n\ttransform: scale(0);\n\t} 40% { \n\t-webkit-transform: scale(1.0);\n\ttransform: scale(1.0);\n\t}\n}\n</style>\n\n<div class=\"tc-splash-spinner\">\n  <div class=\"tc-splash-bounce-1\"></div>\n  <div class=\"tc-splash-bounce-2\"></div>\n  <div class=\"tc-splash-bounce-3\"></div>\n</div>\n\n<div class=\"tc-splash-text\">\nPlease wait while {{$:/SiteTitle}} is loading\n</div>\n\n<!-- Demonstrating how to embed a bitmap graphic --> \n<div class=\"tc-splash-text\">\n<img src=\"data:image/jpeg;base64,{{New Release Banner||$:/core/templates/plain-text-tiddler}}\" width=\"100\"/>\n</div>\n\n<!-- Demonstrating how to embed a wikitext SVG graphic --> \n<div class=\"tc-splash-text\">\n<<show-icon \"$:/core/icon\">>\n</div>\n\n</div>\n"},"$:/xp/splashscreen/layouts/dog":{"title":"$:/xp/splashscreen/layouts/dog","caption":"Dog","source":"https://blog.csdn.net/renjingzhaozhao/article/details/106206775","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* Dog */\n\n.main {\n  position: relative;\n  width: 37.5vmax;\n  height: 37.5vmax;\n  top: 37.5%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n \n.leg {\n  position: absolute;\n  bottom: 0;\n  width: 3vmax;\n  height: 4.125vmax;\n}\n \n.paw {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 3.75vmax;\n  height: 1.875vmax;\n  overflow: hidden;\n}\n \n.paw::before {\n  content: '';\n  position: absolute;\n  width: 3.75vmax;\n  height: 3.75vmax;\n  border-radius: 50%;\n}\n \n.top {\n  position: absolute;\n  bottom: 0;\n  left: 0.75vmax;\n  height: 4.5vmax;\n  width: 2.625vmax;\n  border-top-left-radius: 1.425vmax;\n  border-top-right-radius: 1.425vmax;\n  transform-origin: bottom right;\n  transform: rotateZ(90deg) translateX(-0.1vmax) translateY(1.5vmax);\n  z-index: -1;\n  background-image: linear-gradient(70deg, transparent 20%, #ff8b56 20%);\n}\n \n.dog {\n  position: relative;\n  width: 22.5vmax;\n  height: 8.25vmax;\n}\n \n.dog::before {\n  content: '';\n  position: absolute;\n  bottom: -0.75vmax;\n  right: -0.15vmax;\n  width: 100%;\n  height: 1.5vmax;\n  background-color: rgba(28, 49, 48, 0.1);\n  border-radius: 50%;\n  z-index: -1000;\n  animation: shadow 10s cubic-bezier(0.3, 0.41, 0.18, 1.01) infinite;\n}\n \n.dog__head {\n  position: absolute;\n  left: 1.5vmax;\n  bottom: 0;\n  width: 9.75vmax;\n  height: 8.25vmax;\n  border-top-left-radius: 4.05vmax;\n  border-top-right-radius: 4.05vmax;\n  border-bottom-right-radius: 3.3vmax;\n  border-bottom-left-radius: 3.3vmax;\n  background-color: #FF8147;\n  animation: head 10s cubic-bezier(0.3, 0.41, 0.18, 1.01) infinite;\n}\n \n.dog__head-c {\n  position: absolute;\n  left: 1.5vmax;\n  bottom: 0;\n  width: 9.75vmax;\n  height: 8.25vmax;\n  animation: head 10s cubic-bezier(0.3, 0.41, 0.18, 1.01) infinite;\n  z-index: -1;\n}\n \n.dog__snout {\n  position: absolute;\n  left: -1.5vmax;\n  bottom: 0;\n  width: 7.5vmax;\n  height: 3.75vmax;\n  border-top-right-radius: 3vmax;\n  border-bottom-right-radius: 3vmax;\n  border-bottom-left-radius: 4.5vmax;\n  background-color: #D7DBD2;\n  animation: snout 10s cubic-bezier(0.3, 0.41, 0.18, 1.01) infinite;\n}\n \n.dog__snout::before {\n  content: '';\n  position: absolute;\n  left: -0.1125vmax;\n  top: -0.15vmax;\n  width: 1.875vmax;\n  height: 1.125vmax;\n  border-top-right-radius: 3vmax;\n  border-bottom-right-radius: 3vmax;\n  border-bottom-left-radius: 4.5vmax;\n  background-color: #1C3130;\n  animation: snout-b 10s cubic-bezier(0.3, 0.41, 0.18, 1.01) infinite;\n}\n \n.dog__nose {\n  position: absolute;\n  top: -1.95vmax;\n  left: 40%;\n  width: 0.75vmax;\n  height: 2.4vmax;\n  border-radius: 0.525vmax;\n  transform-origin: bottom;\n  transform: rotateZ(10deg);\n  background-color: #D7DBD2;\n}\n \n.dog__eye-l, .dog__eye-r {\n  position: absolute;\n  top: -0.9vmax;\n  width: 0.675vmax;\n  height: 0.375vmax;\n  border-radius: 50%;\n  background-color: #1C3130;\n  animation: eye 10s cubic-bezier(0.3, 0.41, 0.18, 1.01) infinite;\n}\n \n.dog__eye-l {\n  left: 27%;\n}\n \n.dog__eye-r {\n  left: 65%;\n}\n \n.dog__ear-l, .dog__ear-r {\n  position: absolute;\n  width: 10.5vmax;\n  height: 3.375vmax;\n  border-top-left-radius: 0vmax;\n  border-top-right-radius: 0vmax;\n  border-bottom-right-radius: 3.3vmax;\n  border-bottom-left-radius: 3.3vmax;\n  background-color: #E26538;\n}\n \n.dog__ear-l {\n  top: 1.5vmax;\n  left: 6vmax;\n  transform-origin: bottom left;\n  transform: rotateZ(-50deg);\n  z-index: -1;\n  animation: ear-l 10s cubic-bezier(0.3, 0.41, 0.18, 1.01) infinite;\n}\n \n.dog__ear-r {\n  top: 1.5vmax;\n  right: 3vmax;\n  transform-origin: bottom right;\n  transform: rotateZ(20deg);\n  z-index: -2;\n  animation: ear-r 10s cubic-bezier(0.3, 0.41, 0.18, 1.01) infinite;\n}\n \n.dog__body {\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  position: absolute;\n  bottom: 0.3vmax;\n  left: 3.75vmax;\n  width: 18.75vmax;\n  height: 7.2vmax;\n  border-top-left-radius: 3vmax;\n  border-top-right-radius: 6vmax;\n  border-bottom-right-radius: 1.5vmax;\n  border-bottom-left-radius: 6vmax;\n  background-color: #ff702e;\n  z-index: -2;\n  animation: main 10s cubic-bezier(0.3, 0.41, 0.18, 1.01) infinite;\n}\n \n.dog__tail {\n  position: absolute;\n  right: -3vmax;\n  height: 1.5vmax;\n  width: 4.5vmax;\n  background-color: #E96839;\n  border-radius: 1.5vmax;\n}\n \n.dog__paws {\n  position: absolute;\n  bottom: 0;\n  left: 7.5vmax;\n  width: 12vmax;\n  height: 3vmax;\n}\n \n.dog__bl-leg {\n  left: -3vmax;\n  z-index: -10;\n}\n \n.dog__bl-paw::before {\n  background-color: #bec4b6;\n}\n \n.dog__bl-top {\n  background-image: linear-gradient(80deg, transparent 20%, #E96839 20%);\n}\n \n.dog__fl-leg {\n  z-index: 10;\n}\n \n.dog__fl-leg {\n  left: 0;\n}\n \n.dog__fl-paw::before {\n  background-color: #D7DBD2;\n}\n \n.dog__fr-leg {\n  right: 0;\n}\n \n.dog__fr-paw::before {\n  background-color: #D7DBD2;\n}\n \n/*==============================*/\n@keyframes head {\n  0%, 10%, 20%, 26%, 28%, 90%, 100% {\n    height: 8.25vmax;\n    bottom: 0;\n    transform-origin: bottom right;\n    transform: rotateZ(0);\n  }\n  5%, 15%, 22%, 24%, 30% {\n    height: 8.1vmax;\n  }\n  32%, 50% {\n    height: 8.25vmax;\n  }\n  55%, 60% {\n    bottom: 0.75vmax;\n    transform-origin: bottom right;\n    transform: rotateZ(0);\n  }\n  70%, 80% {\n    bottom: 0.75vmax;\n    transform-origin: bottom right;\n    transform: rotateZ(10deg);\n  }\n}\n@keyframes main {\n  0%, 10%, 20%, 26%, 28%, 32%, 100% {\n    height: 7.2vmax;\n  }\n  5%, 15%, 22%, 24%, 30% {\n    height: 7.05vmax;\n  }\n}\n@keyframes ear-l {\n  0%, 10%, 20%, 26%, 28%, 82%, 100% {\n    transform: rotateZ(-50deg);\n  }\n  5%, 15%, 22%, 24% {\n    transform: rotateZ(-48deg);\n  }\n  30%, 31% {\n    transform: rotateZ(-30deg);\n  }\n  32%, 80% {\n    transform: rotateZ(-60deg);\n  }\n}\n@keyframes ear-r {\n  0%, 10%, 20%, 26%, 28% {\n    transform: rotateZ(20deg);\n  }\n  5%, 15%, 22%, 24% {\n    transform: rotateZ(18deg);\n  }\n  30%, 31% {\n    transform: rotateZ(10deg);\n  }\n  32% {\n    transform: rotateZ(25deg);\n  }\n}\n@keyframes snout {\n  0%, 10%, 20%, 26%, 28%, 82%, 100% {\n    height: 3.75vmax;\n  }\n  5%, 15%, 22%, 24% {\n    height: 3.45vmax;\n  }\n}\n@keyframes snout-b {\n  0%, 10%, 20%, 26%, 28%, 98%, 100% {\n    width: 1.875vmax;\n  }\n  5%, 15%, 22%, 24% {\n    width: 1.8vmax;\n  }\n  34%, 98% {\n    width: 1.275vmax;\n  }\n}\n@keyframes shadow {\n  0%, 10%, 20%, 26%, 28%, 30%, 84%, 100% {\n    width: 99%;\n  }\n  5%, 15%, 22%, 24% {\n    width: 101%;\n  }\n  34%, 81% {\n    width: 96%;\n  }\n}\n@keyframes eye {\n  0%, 30% {\n    width: 0.675vmax;\n    height: 0.3vmax;\n  }\n  32%, 59%, 90%, 100% {\n    width: 0.525vmax;\n    height: 0.525vmax;\n    transform: translateY(0);\n  }\n  60%, 75% {\n    transform: translateY(-0.3vmax);\n  }\n  80%, 85% {\n    transform: translateY(0.15vmax);\n  }\n}\n</style>\n\n<div class=\"line-wrapper\">\n    <div class=\"tc-splash-title\"></div>\n    <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n    <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n    <div class=\"main\">\n        <div class=\"dog\">\n            <div class=\"dog__paws\">\n            <div class=\"dog__bl-leg leg\">\n                <div class=\"dog__bl-paw paw\"></div>\n                <div class=\"dog__bl-top top\"></div>\n            </div>\n            <div class=\"dog__fl-leg leg\">\n                <div class=\"dog__fl-paw paw\"></div>\n                <div class=\"dog__fl-top top\"></div>\n            </div>\n            <div class=\"dog__fr-leg leg\">\n                <div class=\"dog__fr-paw paw\"></div>\n                <div class=\"dog__fr-top top\"></div>\n            </div>\n            </div>\n            <div class=\"dog__body\">\n            <div class=\"dog__tail\"></div>\n            </div>\n            <div class=\"dog__head\">\n            <div class=\"dog__snout\">\n                <div class=\"dog__nose\"></div>\n                <div class=\"dog__eyes\">\n                <div class=\"dog__eye-l\"></div>\n                <div class=\"dog__eye-r\"></div>\n                </div>\n            </div>\n            </div>\n            <div class=\"dog__head-c\">\n            <div class=\"dog__ear-l\"></div>\n            <div class=\"dog__ear-r\"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/doublecircle":{"title":"$:/xp/splashscreen/layouts/doublecircle","caption":"Double Circle","source":"https://www.jb51.net/css/546509.html","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n#preloader-doublecircle{\n    position: relative;\n    top: 40px;\n}\n\n#preloader-doublecircle span{\n    position: absolute;\n    background: <<colour primary>>;\n    border:8px solid <<colour page-background>>;\n    border-top:8px solid transparent;\n    -moz-border-radius: 50%;\n    -webkit-border-radius: 50%;\n    border-radius: 50%;\n}\n#preloader-doublecircle span:nth-child(1){\n    width:80px;\n    height: 80px;\n    top:-10px;\n    left:-40px;\n    animation: spin-1 2s infinite linear;\n}\n#preloader-doublecircle span:nth-child(2){\n    top:10px;\n    left:-20px;\n    width:40px;\n    height: 40px;\n    animation: spin-2 1s infinite linear;\n}\n@keyframes spin-1{\n    0%{transform: rotate(360deg); opacity: 1.0;}\n    50%{transform: rotate(180deg); opacity: 0.5;}\n    100%{transform: rotate(0deg);opacity: 0;}\n}\n@keyframes spin-2{\n    0%{transform: rotate(0deg); opacity: 0.5;}\n    50%{transform: rotate(180deg); opacity: 1;}\n    100%{transform: rotate(360deg);opacity: 0.5;}\n}\n</style>\n\n<div class=\"line-wrapper\">\n    <div class=\"tc-splash-title\"></div>\n    <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n    <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n    <div id=\"preloader-doublecircle\">\n        <span></span>\n        <span></span>\n    </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/earth":{"title":"$:/xp/splashscreen/layouts/earth","caption":"Earth","source":"https://www.jb51.net/jiaoben/518758.html","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* Earth */\n\nfigure {\n  width: 25%;\n  margin: 8vh auto 0 auto;\n  max-width: 60vh;\n}\nfigure #sea {\n  fill: #9bc4eb;\n}\nfigure #hi {\n  fill: rgba(255, 255, 255, 0.2);\n}\nfigure #light {\n  fill: white;\n}\nfigure #shad {\n  fill: rgba(0, 0, 0, 0.05);\n  display: none;\n}\nfigure #land {\n  fill: #8b9c52;\n  -webkit-animation: spin 10s linear infinite forwards;\n          animation: spin 10s linear infinite forwards;\n}\nfigure .vehicles use {\n  fill: #f0fbfc;\n  -webkit-animation: orbit 15s linear infinite;\n          animation: orbit 15s linear infinite;\n  -webkit-transform-origin: center center;\n          transform-origin: center center;\n}\nfigure #boat1 {\n  -webkit-transform: translateX(40px) translateY(-80px);\n          transform: translateX(40px) translateY(-80px);\n}\nfigure #boat1 use {\n  -webkit-animation-duration: 30s;\n          animation-duration: 30s;\n}\nfigure #plane1 {\n  -webkit-transform: translateX(-10px) translateY(170px);\n          transform: translateX(-10px) translateY(170px);\n}\nfigure #plane2 {\n  -webkit-transform: translateX(170px) translateY(150px);\n          transform: translateX(170px) translateY(150px);\n}\nfigure #plane2 use {\n  -webkit-animation-delay: 7.5s;\n          animation-delay: 7.5s;\n}\nfigure #plane3 {\n  -webkit-transform: translateX(140px) translateY(-50px);\n          transform: translateX(140px) translateY(-50px);\n}\nfigure #plane3 use {\n  -webkit-animation-delay: 1.25s;\n          animation-delay: 1.25s;\n  -webkit-animation-duration: 12s;\n          animation-duration: 12s;\n}\nfigure #bike1 {\n  -webkit-transform: translateX(50px) translateY(190px);\n          transform: translateX(50px) translateY(190px);\n}\nfigure #bike1 use {\n  -webkit-animation-duration: 25s;\n          animation-duration: 25s;\n}\n@-webkit-keyframes orbit {\n  from {\n    -webkit-transform: rotate(0deg) translateX(-160px);\n            transform: rotate(0deg) translateX(-160px);\n  }\n  to {\n    -webkit-transform: rotate(360deg) translateX(-160px);\n            transform: rotate(360deg) translateX(-160px);\n  }\n}\n@keyframes orbit {\n  from {\n    -webkit-transform: rotate(0deg) translateX(-160px);\n            transform: rotate(0deg) translateX(-160px);\n  }\n  to {\n    -webkit-transform: rotate(360deg) translateX(-160px);\n            transform: rotate(360deg) translateX(-160px);\n  }\n}\n@-webkit-keyframes spin {\n  from {\n    -webkit-transform: translateX(-300px);\n            transform: translateX(-300px);\n  }\n  to {\n    -webkit-transform: translateX(0px);\n            transform: translateX(0px);\n  }\n}\n@keyframes spin {\n  from {\n    -webkit-transform: translateX(-300px);\n            transform: translateX(-300px);\n  }\n  to {\n    -webkit-transform: translateX(0px);\n            transform: translateX(0px);\n  }\n}\n</style>\n\n<div class=\"line-wrapper\">\n\n<div class=\"tc-splash-title\"></div>\n<div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n<div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n\n<figure>\n<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewBox=\"0 0 136 166\" xml:space=\"preserve\">\n\t<ellipse id=\"shad\" cx=\"68\" cy=\"150\" rx=\"40\" ry=\"10\"/>\n\t\t<g clip-path=\"url(#outer)\">\n\t\t\t<use id=\"sea\" xlink:href=\"#circ\"/>\n\t\t\t\t<g id=\"boat1\" class=\"vehicles\"><use xlink:href=\"#boat\"/></g>\n\t\t\t\t<g id=\"land\">\n\t\t\t\t\t<use xlink:href=\"#map\" transform=\"translate(300,-309)\" />\n\t\t\t\t\t<use xlink:href=\"#map\" transform=\"translate(600,-309)\" />\n\t\t\t\t</g>\n\t\t\t\t<rect id=\"hi\" mask=\"url(#light)\" width=\"300\" height=\"300\"/>\n\t\t\t\t<g class=\"vehicles\">\n\t\t\t\t  <g id=\"plane1\"><use xlink:href=\"#plane\"/></g>\n\t\t\t\t  <g id=\"plane2\"><use xlink:href=\"#plane\"/></g>\n\t\t\t\t  <g id=\"plane3\"><use xlink:href=\"#plane\"/></g>\n\t\t\t\t  <g id=\"bike1\" ><use xlink:href=\"#bike\" /></g>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t<defs>\n\t\t<clipPath id=\"outer\">\n\t\t\t<circle id=\"circ\" cx=\"68\" cy=\"68\" r=\"68\"/>\n\t\t</clipPath>\n\t\t<mask id=\"light\">\n\t\t\t<use xlink:href=\"#circ\" x=\"-5\" y=\"-12\"/>\n\t\t</mask>\n\t\t<g id=\"bike\">\n\t\t<circle id=\"head\" cx=\"0.8\" cy=\"4.7\" r=\"0.8\"/>\n\t\t  <path id=\"ride\" d=\"M4.6,2.2c0,0.4,0.1,0.7,0.2,1L4.3,3.5H3.6c0-0.2-0.2-0.3-0.4-0.3c-0.2,0-0.4,0.2-0.4,0.4v1.1L1.6,5.3 c-0.1,0-0.1,0.10.1,0.1c0,0,0,0,0,0C1.2,5.7,1.2,6.1,1.5,6.3l2.1,1.8c0.2,0.2,0.6,0.2,0.8,0c0,0,0.1-0.1,0.1-0.1l0.4,0.3 C4.7,8.7,4.6,9,4.6,9.4c0,1.2,1,2.2,2.2,2.2S9,10.6,9,9.4c0-1.1-0.9-2.1-2-2.2l0-1.1h0.5C7.8,6.1,8,5.9,8,5.6S7.8,5.1,7.5,5.1H6.7 l-2-1.3l0.4-0.2c0.4,0.5,1,0.8,1.7,0.8C8,4.4,9,3.4,9,2.2S8,0,6.8,0S4.6,1,4.6,2.2z M2.6,5.6l0.8-0.4C3.5,5.2,3.6,5,3.6,4.9V4h0.6 v2.1L3.9,6.8L2.6,5.6z M8.5,9.4c0,1-0.8,1.7-1.7,1.7s-1.7-0.8-1.7-1.7c0-0.3,0.1-0.5,0.2-0.8l1.4,1c0.1,0.1,0.2,0.1,0.2,0 C7,9.6,7,9.5,7,9.4l0,0l0-1.7C7.9,7.8,8.5,8.5,8.5,9.4z M6.6,7.7l0,1.3l-1-0.7C5.8,8,6.2,7.8,6.6,7.7z M6.6,7.2 C6,7.3,5.5,7.6,5.1,8L4.7,7.6v0l0.6-1.5h1.3L6.6,7.2z M5.8,5.1H4.9c-0.1,0-0.2,0-0.2,0.1V4.4L5.8,5.1z M8.5,2.2 c0,1-0.8,1.7-1.7,1.7c-0.5,0-1-0.2-1.3-0.6l1.4-0.9C7,2.4,7,2.3,7,2.2c0,0,0-0.1,0-0.1C6.9,2,6.8,1.9,6.7,2L5.2,3 C5.1,2.7,5.1,2.5,5.1,2.2c0-1,0.8-1.7,1.7-1.7S8.5,1.3,8.5,2.2z\"/>\n\t\t</g> \n\t\t<path id=\"plane\" d=\"M20,9.7c0,0-0.2-0.9-0.4-1c-0.1,0-1-0.4-2.2-1l0.2-0.9h-1.2l0.1,0.5c-0.7-0.3-1.4-0.6-2-0.9l0.1-0.8h-1.2L13.4,6 c-1.1-0.5-2-0.9-2-0.9C11.4,4.3,11.3,0,10,0S8.6,5.1,8.6,5.1S7.7,5.5,6.6,6l0.1-0.3H5.4l0.1,0.8C4.9,6.7,4.2,7,3.5,7.3l0.1-0.5H2.5 l0.2,0.9c-1.2,0.5-2.1,0.9-2.2,1C0.2,8.8,0,9.7,0,9.7l8.7-1.3l0.4,6.6l-2.7,1.7l0,0.4l3.7-0.5l0,0l3.7,0.5l0-0.4l-2.7-1.7l0.4-6.6 l5.5,0.8L20,9.7z\"/>\n\t\t<path id=\"boat\" d=\"M4.2,0C2.4,0,0,3.9,0,3.9V4c0,0.2,0.2,0.4,0.4,0.6c0.3,0.2,0.7,0.5,0.7,1.1S0.7,6.6,0.4,6.8C0.2,7.1,0,7.2,0,7.4 v0.1c0,0.2,0.2,0.4,0.4,0.6c0.3,0.2,0.7,0.5,0.7,1.1c0,0.6-0.4,0.9-0.7,1.1C0.2,10.6,0,10.8,0,11v0.1c0,0.2,0.2,0.4,0.4,0.6 c0.3,0.2,0.7,0.5,0.7,1.1S0.7,13.7,0.4,14C0.2,14.2,0,14.3,0,14.5v0.1c0,0.2,0.2,0.4,0.4,0.6c0.3,0.2,0.7,0.5,0.7,1.1 c0,0.6-0.4,0.9-0.7,1.1C0.2,17.7,0.1,17.8,0,18c0.2,1.2,3.3,2,3.3,2l0.1-1.9h3.1l0.1-2h2.2v-2.1H6.8L7,9.1c0,0-1.4-2.5-3.1-2.7 L4.2,0z M4.9,14.9c0.5,0,0.9,0.4,0.9,0.9c0,0.5-0.4,0.9-0.9,0.9c-0.5,0-0.9-0.4-0.9-0.9C4,15.3,4.4,14.9,4.9,14.9z M5.1,12.1 c0.5,0,0.9,0.4,0.9,0.9C6,13.6,5.6,14,5.1,14s-0.9-0.4-0.9-0.9C4.2,12.6,4.6,12.1,5.1,12.1z M5.3,9.4c0.5,0,0.9,0.4,0.9,0.9 c0,0.5-0.4,0.9-0.9,0.9s-0.9-0.4-0.9-0.9C4.3,9.8,4.8,9.4,5.3,9.4z M3.1,1.3c0.3,0,0.5,0.2,0.5,0.5S3.4,2.3,3.1,2.3 c-0.3,0-0.5-0.2-0.5-0.5S2.8,1.3,3.1,1.3z\"/>\n\t\t<path id=\"map\" d=\"M-205.3,444.2c-1-0.2-1.4-0.7-1.2-1.6c0.6-1.5,4.1,1.4,4.9,1.6C-204,444.3-202.8,444.6-205.3,444.2z M-207.9,442c-0.8-0.4-6.6-5.2-5.7-6.4c1-1.4,0.9-1.2,0.3-3c-1.1-3.4-2.3-5-2.2-8.9c0.1-4.6,0.6-14.7-3.4-17.9 c-2.2-1.7-3.9-2.7-5.4-5.3c-0.8-1.5-3.6-5.2-3.9-6.7c-0.8-4.6,4.2-8,3.1-13.1c-0.5-2.3-6,1.2-7.3-3.5c-1-3.5-6.8-4.7-9.5-4.9 c-1.7-0.1-3.7-1.4-5-2.3c-2.9-1.9-1.2-3.1-2.7-5.6c-0.9-1.4-3.2-7.7-4.4-8.2c-2-0.9,0.8,8.4,1.3,8.4c-2.1-0.1-4.4-10.4-5.3-11.7 c-2.3-3.6,0.3-7.4,2.4-10.2c1.4-1.9,3.2-2.3,3.8-3.6c0-0.1-1.5-4.1-1.7-4.5c-0.7-1.3,2.3-3.6-0.6-5.3c-8.7-5-13,2.8-21.2,2.7 c0.8,0,4.6-2,5-2.7c-0.1,0.1-2.4-0.5-2.7-0.6c0.5-0.2,7.2-6.2,7.6-5.1c0-0.1-3.6,0.4-3.3-0.3c1.6-1.5,3.8-0.4,5.6-1.5 c-2.3-2.2,6.2-3.1,7.6-3.2c4.8-0.4,10.2,2.3,14.7,1.1c1.2-0.3,11.8-1.4,12.2,0.6c-1.3,1.1,7.3,0.7,9,0.8c1.5,0,3.2-0.2,4.7-0.6 c2.2-0.6-0.2-1.3,2.1-2.4c1.5-0.7,2.2,1.6,2.8,2.6c0.7,1.2,2.6-1.5,4-1c1.8,0.7-7.2,4.9-7.4,3.1c0.3,0.4,0.5,0.7,0.8,1 c-2.3,0.7-8.8,2.3-9.6,5.1c-0.5,1.5,4.9,3.5,5.7,3.6c1.9,0.4-0.9,4,1.1,3.9c3-0.1,5.7-7.3,7.3-9.2c1.2-1.4,4.9-2.1,5.6,0.3 c1.4,4.4,0.7,0.6,3.8,0.4c0.8,0,0.5,5.4,0.5,5.8c0,0.4,5.7,0.7-0.4,3c-2.5,0.9-5.1,0.1-7.5,1.2c0.5-0.2-3.3,1.6-2.3,1.8 c0.3,0,4.7-1.5,4.3-0.7c-0.2,0.4,0.5,6.7-2.6,4.7c-0.8-0.5,2-1.1,1.9-1.6c-0.8-2.2-12.8,7.5-13.2,7.1c1.5,0.3-6.8,8-6.7,8 c-0.4,1.3,0.2,2.9,0.1,4.3c-0.2,2.6-1.7-0.1-1.7-1.3c0-5.1-5.7-1.1-7.6-2c-4.4-2-8.6,5-7.4,8.8c0.8,2.4,3.1,3.4,5.3,2 c0,0,4.4-4.8,4.2-1.8c-0.3,4.2-4.5,4.3,1.4,5.1c2.4,0.3,0.4,3.6,0.6,5c0.4,2.7,2.6,1.5,4.3,1.8c2.2,0.5,2,0.4,3.7-1 c0.3-0.2,3.2-2.7,3.5-2.1c-0.1,0.2-1.3,3.4-0.3,3.3c0.8-0.1,0.5-1.3,0.5-1.7c0.2-2.2,4,0.1,4.7,0.4c1.8,0.6,2.9-0.2,4.6,1.3 c2,1.7,2.9,3.1,5.6,3.5c3.6,0.6,3.5,3.9,5.5,6c2.8,2.8,4.7,1.7,8,2.7c4.9,1.6,6,3.9,3.4,8.1c-2.2,3.5-0.6,9.3-3.9,12.1 c-0.3,0.3-2.9,1-3.4,1.2c-2.8,1.3-1.4,1.7-2.3,4.1c-0.9,2.2-1.7,4.6-3.3,6.4c-0.4,0.5-4,0.4-4,0.2c0,1.4,2.6,1.4,1.8,3.2 c-0.9,1-2,1.4-3.3,1.3c-0.4,0.8-0.6,1.6-0.6,2.4c-0.5-0.3-1.1-0.4-1.7-0.5c1.2-1.2,0.1,5.7,0,5.2c0.5,2,1.9,1.4,0.9,4 C-206.7,439.8-206.2,442.9-207.9,442z M-224.5,344.4c0.4-0.9,1.8-2.9,3.1-2.1c-0.1,0.6-0.4,1-0.8,1.4c1.4,1.7,4.8-1.7,3-2 c-3.5-0.6-3.8-4.8-8.3-0.9c1.1,0.5,4.6-0.9,5.4,0.4c-0.2-0.4-5.8,2.8-4.2,4.6C-225.3,346.1-224.7,345.6-224.5,344.4  C-224.1,343.6-224.7,344.9-224.5,344.4z M-220.4,345.8c0.8-0.4,0.9-0.5,0.6-0.8c-0.7-0.7-2,0.3-2.2,1 C-222.3,346.9-219.5,345.3-220.4,345.8C-219.6,345.3-220.9,346-220.4,345.8z M-216.4,344.1c1.3-0.9-1.8-0.9-1.8,0 C-218.2,345-215.9,343.7-216.4,344.1C-215.9,343.7-217,344.5-216.4,344.1z M-199.4,441.4c0-1.6,0.4,0.5-0.8-0.2  c-0.8-0.5,1.7-1.2,2.2-0.5C-197.8,441-199.4,442-199.4,441.4z M-11.1,435.8c0,0,8.2-6.3,8.9-5.2C-1.3,431.8-9.5,436.8-11.1,435.8z M-26.9,432.8c-2.4-1.5,2.2-2.2,3-2.1C-24.8,430.6-25.3,433.8-26.9,432.8z M-0.9,430.9c-0.9-0.9,4.5-5,2.9-6.4  c-0.2-0.2,1.6,4.3,2.1,3.1C3.8,428.3-0.1,431.6-0.9,430.9z M-24.7,428c-0.9-0.9-2.5,0.1-3.6-0.7c-0.6-0.5,0.3-3.3-0.7-3.4 c-0.2,0.3-0.5,0.5-0.8,0.6c0.4-0.6,0.8-1.3,1.1-2c-0.3-0.2-2.1,0.9-2.3,1.4c1.4-3.8-7-2.4-8-2.1c-2.1,0.7-4.2,1.1-6.2,1.8 c-0.8,0.3-4.8-0.2-3.7-0.6c2.7-1,0.1-8.9,1.9-11.3c0.9-1.2,2.6-1.6,3.9-2.1c2.4-0.9,3-2.3,4.9-3.4c1.1-0.7,3.1-3.6,4.8-2.8  c3,1.3,4.4-5,8-2c0.4,0.3-0.6,6.7,3.4,5.4c2-0.7,1.5-6.6,3-6.6c1.9,0,2,7.1,2.4,7.6c1.4,2.1,4.5,5.4,4.2,8 C-13,419.7-20.3,429.7-24.7,428z M-134.7,423.2c-0.8-0.8-3.1-6.5-3.3-7.5c-0.5-3.2-3.4-7.7-3-10.7c0.5-3.7,2.7-5.8,0.8-9.7  c-0.8-1.6-1.6-2.8-2.7-4.2c-1.5-2,0.6-4-0.3-6.2c-0.1-0.4-4-2.6-4.7-2.9c-1.6-0.8-7.8,0.9-9.6,1.4c-5.2,1.4-9.5-8.4-9.6-8.4 c-1.1-1-0.5-8.4,0.1-9.4c1.2-2.3,2.5-4.6,4.6-6.1c2-1.5,1.5-3.2,3.1-4.7c2.8-2.5,8.1-4,12.4-3.7c1.4,0.1,2.9-0.6,4.3-0.2  c1.2,0.4-0.7,3.1,2,3.9c1.9,0.6,3.6,2.5,5.5,2.8c2.3,0.4,0.8-2.6,2.6-2.6c2.6,0,9.4,4.2,11.7,1.6c1.4-1.5,2.3-6.5-1-5.2 c-1.6,0.7-8.5-2.4-6.6-3.6c3.8-1.8,6.1-1.6,10.1-0.8c2.3,0.5,3.4-1.4,1.3-2.8c-2.7-1.8-2.3-0.8-1.8-3.8c0.1-0.8-5.1,1.7-2.3,1.8 c-1.9,0-1.6,0.7-2.9-1.1c-0.4-0.5-5.6,3.8-2.5,5.5c-1.5,0.4-3.8-0.2-5.1,0.9c-0.4,0.4,1.3,3.7-0.2,3.5c-1.9-0.3-0.1-1.8-0.1-1.9 c-0.7-0.3-1.3-0.6-2-0.9c-0.4-0.9-0.8-1.8-1.1-2.7c-1.1-1.3-3.4-2.6-5-3.3c-3-1.2,3.6,5.4,4.6,5.2c-1.2,0.6-1.9,1.6-2.3,2.2 c0.6-2-1.7-3.1-3.1-4c-2.8-1.9-1.7-1.9-5.1-1.6c-4.1,0.4-4.3,5.4-7.6,6.3c-4.5,1.3-6.3,0.3-5.5-4.9c0.5-2.8,3.3-1,5.2-1.1 c4.5-0.1-0.7-4.8-0.7-5.1c0.7-1,3.6-0.7,4.7-1.9c1-1,3.2-2.7,4.5-3.1c1.3-0.4,3.1-6,4.4-2.5c0.6,1.6-1.6,0.4-1.8,0.6  c-1,1,4.2,1.3,4.8,1.1c0.9-0.3,3,0.4,3.5-0.7c0.1-0.8,0.2-1.6,0.5-2.3c0.7,0,1.3,0,2-0.1c0.7-0.7-1.1-1.2-0.4-1.7 c0.2-0.2,4.4-0.1,4-0.9c-0.8-1.4-3.6,0.2-4.9-0.4c-3.1-1.4,1.8-3.1,0.4-4.7c-0.9-1.1-7.1,3.9-3.8,5c0.9,0.3-1.5,2.8-1.7,3.2  c-1.9,3-2.9-1-4-2.2c-2.4,1.6-2.9,0.7-3.8-1.6c-0.5-1.3,4.8-3.1,5.4-4.2c2-3.8,7.5-5.1,11.4-4.2c1.3,0.3,7.7,1.3,8.2,2.7  c0.5,1.2-5,0.1-5.5,0.2c0.1,0,1.9,3.6,3.7,2.9c2-0.8,2.7-2,5-2.6c0.5-0.1,7.8-2.1,7.8-1.9c0-2.8,6.9,1.7,7.1,0.3c0,0-3.1-6,1-3 c0.6,0.4,3,5.4,2.1,5.1c3.7,1.4,0.1-4.7-0.1-4.3c1.9-2.9,22.2-6.8,22.1-3.3c0,0.2-2.4,1.3-2.1,1.6c0.7,0.8,4.7-0.1,5.7-0.2  c3.1-0.2,7.2-0.3,10,1.2c1.6,0.9,4.4,1.2,6.2,0.8c4.1-0.9,6.2-0.3,10.5,0.2c5.6,0.5,11.6,0.3,16.7,1c0.8,0.1,14.3,3.5,13.9,3.9  c-0.8,1.1-3.7-1.1-4.9-0.4c-2,1.2,2.3,2.3,2.7,2.6c0.1,0.1-7.7,2.5-8.1,2.8c-0.1,0,5.8,7.1,3.1,8c-1.5,0.5-4-3.3-4.7-4.2 c-0.6-0.7-0.7-6.8-1.3-6.4c-1.8,1.3-1.1,0.5-3.5,0.8c-0.8,0.1-1.1,0.6-0.9,1.4c-0.3,1.9-2.7,0.4-3.8,0.5c-3.1,0.3-4.2-0.1-5.4,2.9 c-1,2.5,3.3,1.9,4.7,2.9c2,1.4,3.3,4.4,3,6.8c-0.4,3.7-2,1.9-3.6,3.7c-3.3,3.9,4.8,6.3,0.4,8.5c-0.9-2.1-2.6-2.7-3.6-4.5  c-1.2-2.2-2.4,0.5-3-0.7c-0.7-1.3-0.8-1.9-2.3-0.5c-2.8,2.6,2.6,2.4,4,2.8c-1.7,1.1-2.8,2.2-1,3.8c1.1,1,1.7,3,2,3.4 c4.7,5-5.8,7.4-7.7,9.9c-0.5-2.5-5.8-0.1-2.5,2.9c1.5,1.4,3,3.1,2.9,5.3c0,0.7-2.7,3.9-3.4,3.6c-1.1-0.5-2.4-4.8-4.9-4.5 c-3.4,0.4,4.1,10.8,4.1,11.9c0,0.8-3.7-4.5-3.8-5c-0.7-1.7-2.2-1.3-2-3.6c0.2-1.7,0.1-2.8-0.4-4.5c-1-3.5-2.7-0.5-4-3.7  c-0.9-2.3-2.7-4.5-5.1-4.1c-2.5,0.4-5.6,4.8-7.3,6.6c-1.1,1.1-0.5,4.7-1,6.1c-1.8,5.3-8.1-12.5-7.2-12.7c-1.4,0.5-1,2.3-3,0.1  c0.2-0.2,1-0.1,0.9-0.7c-0.3-3.1-8.2-2.5-10-2.6c-1.3-0.1-10.5-4.8-10.5-4.9c-0.4,0.9,1.6,5.7,2.5,4.8c0.7-0.7,1,0.6,1.5,1  c1.4,1.1,2.2-1.1,3.2-1.4c-0.7,0.2,2.5,2.7,2.2,2.6c2.2,1.4,0.4,2.7-0.9,4.2c-2,2.4-6,4.7-8.9,5.8c-5.9,2.1-7.5-13-12.1-15.8  c-0.3-0.2-0.4,0.9-0.4,1c-0.2-0.2-1.4-2-1.7-1.8c-0.1,0.1,4.4,9.6,4.9,10.5c3,5.2,6.5,11.4,12.9,7.6c1.3,6.1-6.7,10.6-9.6,14.8  c-4.1,5.8,3.3,10.8-3.4,15.5c-2.3,1.6-2.4,2.3-1.8,4.8c0.6,2.5-2.7,2.2-2.5,4.7C-121.7,419.6-132.1,426.7-134.7,423.2  C-135.1,422.8-134,424-134.7,423.2z M-105,351.3c0.5-0.3,0.2-5.3,0.5-4.8c-1-1.8-6.2-2.2-1.8-4.1c0.8-0.3-1.7-2-2.7-1.6 c-0.2,0.1-3.9,2-2.3,2.9C-108.5,345.2-109.3,353.6-105,351.3C-104.2,350.9-106.2,351.9-105,351.3z M-111.2,414.3 c-4.8-2.7,4.3-11.2,5-13C-105.2,403.1-107.5,416.4-111.2,414.3z M-0.1,410.4c-0.4-0.5-0.7-2.1-1-2.3c0.4,0.2,2.5,3.6,2.5,3.5  C0.8,411.3,0.3,410.9-0.1,410.4z M-12,399.6c-1.4-0.4-3.6-3.6-5.1-3.2c-1.6,0.5-1.5,2.9-3.7,0.9c-1.5-1.4-1.6-3.2-3.8-4 c-0.4-0.1-6.4-2.4-4-3.7c2.4-1.3,1.9,2.8,3.4,2.3c2.9-0.9,3.2-1.4,6.5-0.1c1.3,0.5,4.8,1.6,4.6,3.6c-0.1,1.8,3.5,3.5,3.2,4.4 C-11.2,399.8-11.6,399.7-12,399.6z M-36.2,398.3c0.4-0.5,2.5-1.8,3.1-0.8C-33.2,397.5-37.6,399.6-36.2,398.3z M-42.7,397.7 c-1.1-0.4,2.1-0.8,1.6-0.1C-41.6,397.8-42.1,397.8-42.7,397.7z M-39.3,397.5c-0.8-0.9,1.7-0.2,1.9-0.1 C-38,397.8-38.7,397.9-39.3,397.5z M-46.3,397.1c-0.4-0.1-6.8-0.7-6.7-1.8c0.2-1.4,9.1,1.3,8.8,1.9 C-44.9,397.4-45.6,397.4-46.3,397.1z M-54.4,394.2c-2.2-1.2-5.9-11.2-7.9-11.2c2.1,0,5.7,3.7,6.7,5.4 C-55.6,388.5-50.8,396.2-54.4,394.2z M-40.1,394c-2.1-3.4,1.7-8.1,5.4-7c0.6,1.7-2.2,1-2.7,0.9c-3.1-0.4-1.1,3,0.5,1.8 c-1.8,1,0.9,2.5-0.3,3.4c-0.6-0.2-1.3-2.2-2-1.6C-39.8,392.4-39.5,393.4-40.1,394z M-44.6,392.1c-2.6-1.4-4.5,0.5-5-3.6 c-0.1-0.9,4-4.5,5-4.8c3.5-1.2,3-2.6,3,1.7c0,3.4,0.3,1.3-0.7,4.4C-42.5,390.7-43.1,392.9-44.6,392.1z M-32.3,388.6 c-0.8-0.8,1-2.3,1-2.4C-31.3,387.4-31.9,388.2-32.3,388.6z M-76.9,382.1c-0.4-0.7-0.4-2.3-0.1-3.1 C-75.5,377.8-75.6,384.1-76.9,382.1z M-218.7,369.9c-0.7-0.4-1.7,0.1-2.5-0.3c1.3,1.1,3.1-3,5.3-0.5 C-215.1,369.9-218.5,369.9-218.7,369.9z M-51.3,369.6c-0.9-0.9,0.8-1.6,1.4-1.3C-49.5,369.9-51.5,369.4-51.3,369.6 C-52.1,368.8-50.9,370-51.3,369.6z M-222.3,368c-0.2-0.2-2.2-1.1-2.7-1.4c-0.8-0.5-4.8-0.6-4.7-0.5c-1.2-1.5,10.6,0.1,9.1,1.7 C-220.9,368-222.2,368-222.3,368C-222.6,367.6-222.1,368.1-222.3,368z M-41.1,365.7c-0.8-0.6-0.8-2.3,0.3-2.7 C-40,362.8-40.5,366-41.1,365.7C-41.7,365.2-40.7,365.9-41.1,365.7z M-31.3,353.8c-1.4-0.7-3.4,2.1-4.5,0c-0.3-0.5,3.5-2,3.9-2.1 c3.4-1.5,0.9-2.8,1.6-4.8c0.4-1.2,2.6,3.6,2.6,4c0.2,2.6-2.5,1-3,2.8 M-31.4,345.6c-0.1-0.2-0.5-3-0.4-3.1c0.5,0.1,3.8,2.2,3.9,2.1 C-28.9,345.1-31.2,346.4-31.4,345.6z M-32.9,341.1c-0.6-0.7-3.6-6.8-4.4-6.6C-34.6,333.6-33.4,340.5-32.9,341.1 C-33.4,340.5-32.6,341.4-32.9,341.1z M-199.9,339.9c-0.8-2.3,3.5-3.8,4.9-0.8C-194.4,340.3-199.5,341-199.9,339.9z M-254,338.4 c-0.8-0.4-0.9-0.8-0.4-1.2c0.7-0.3,2.3,1.5,1.7,1.8C-253.1,339.3-254.7,337.7-254,338.4C-254.8,337.6-253.6,338.7-254,338.4z M-153.1,336.5c0.3-0.4-1.4-0.6-1.3-0.7c0.4-0.6,0.9-1.1,1.5-1.5c1.3-0.9-1.4-1.8-1.3-1.9c0.9-2.6-0.3-1.6,2-1.7 c-1.6,1.7,1.1,3.3,2.7,4.3C-148.2,335.9-153.6,336.8-153.1,336.5z M-158.5,336c-1.2-3,4.6-4.3,3.1-1.8 C-155.6,334.7-157.9,337.5-158.5,336C-159.1,334.3-158.4,336.2-158.5,336z M-184.9,327.1c-5.5-3,2.1-6.5,1-8.6 c-0.7-1.3-1.4-3.4-2.6-4.3c-0.9-0.7-5.5,0.5-5.4-1.3c0.2-3,15.5-2.7,17.7-3c6-0.7,11.4-0.8,17.3,0.2c-1-0.2-3.8,1.5-4.2,2.8 c-0.7,2.9-4.6,2-5.3,3.6c0.7,0.7,1.5,1.3,2.4,1.8c-0.6,0.3-3.2-0.9-3.4-0.6c0.2,0.6,0,0.7-0.5,1c0,0.5,1.9,0.1,2.2,0.4 c-0.7-0.9-9.8,3.2-11.1,3.5C-179.9,323.5-181.7,328.9-184.9,327.1z M-200.9,325.6c-0.6-0.6-1.2-1.3-1.9-1.8 c-0.9,0.1,3.4-1.5,3.9-1.7c0.6-0.3-3.1-3.4-4.1-3.5c-1.4-0.1-4.2,0.7-5.5-0.1c-1.7-1.2,4.2-1.7,4.2-1.7c2.2-0.4,5.2,0.5,6.8,1.9 c0.3,0.3,5,4.8,2.2,4.3c-0.4-0.1-3.1-1.5-2.3,0.5c1.2,3.1-1.7,0.2-2.2,1.2c0.3,0.4,0.7,0.8,1.1,1.2 C-199.2,326.8-201.3,325.3-200.9,325.6C-201.6,325.2-200,326.1-200.9,325.6z M-164.6,324.6c-0.5,0-1-0.2-1.3-0.6 c0.5-1.8,5.2-1.6,6.2-0.6C-160.8,324.3-163.1,325.5-164.6,324.6C-165,324.3-164.2,324.8-164.6,324.6z M-225.8,320.4 c-1-0.2-1.9-0.6-2.8-1.1c2.8-0.2,6.4-3.2,9.9-2.8c1.5,0.2,0.7,3.9-2,3.5C-222.2,319.8-225.6,320.4-225.8,320.4 C-226.8,320.2-224.7,320.5-225.8,320.4z M-113.2,318.5c-0.3-0.1-0.6-0.3-1-0.4c-1.1-1.2,6.8-5.9,8.1-3.7c0,0-7.7,1.3-4.9,4.5 C-111.7,318.8-112.4,318.7-113.2,318.5z\"/>\n\t\t</defs>\n\t</svg>\n</figure>\n\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/onedot":{"title":"$:/xp/splashscreen/layouts/onedot","caption":"One Dot","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* One Dot */\n\n.box {\n    display: inline-block;\n    position: relative;\n    text-align: center;\n    top: 10%;\n}\n\n.onedot {\n    position: relative;\n    height: 60px;\n    width: 60px;\n    border-radius: 80px;\n    border: 3px solid <<colour tab-border-selected>>;\n    top: calc(50% - 43px);\n    text-align: center;\n\n    -webkit-transform-origin: 50% 50%;\n    transform-origin: 50% 50%;\n    -webkit-animation: onedot 3s linear infinite;\n    animation: onedot 3s linear infinite;\n}\n\n.onedot:after {\n    content: \"\";\n    position: absolute;\n    top: -7px;\n    left: 20px;\n    width: 11px;\n    height: 11px;\n    border-radius: 10px;\n    background-color: <<colour primary>>;\n}\n\n@-webkit-keyframes onedot {\n    0% { -webkit-transform: rotate(0deg); }\n    100% { -webkit-transform: rotate(360deg); }\n}\n\n@keyframes onedot {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n</style>\n\n<div class=\"line-wrapper\">\n    <div class=\"tc-splash-title\"></div>\n    <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n    <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n    <div class=\"box\">\n        <div class=\"onedot\"></div>\n    </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/shrink":{"title":"$:/xp/splashscreen/layouts/shrink","caption":"Shrink","source":"https://code.juejin.cn/pen/7203559140965220390","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* Shrink */\n\n.loading-center {\n\tposition: absolute;\n\ttop: 180px;\n\theight: 150px;\n\twidth: 150px;\n  margin: 25px auto;\n\t-ms-transform: rotate(45deg);\n\t-webkit-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n}\n\n.circle {\n\twidth: 20px;\n\theight: 20px;\n\tbackground-color: <<colour primary>>;\n\tposition: absolute;\n\tleft: 65px;\n\ttop: 65px;\n\t-moz-border-radius: 50% 50% 50% 50%;\n\t-webkit-border-radius: 50% 50% 50% 50%;\n\tborder-radius: 50% 50% 50% 50%;\n}\n\n.circle:nth-child(2n + 0) {\n\tmargin-right: 0px;\n}\n\n#circle_animation {\n\t-webkit-animation: circle_animation 2s infinite;\n\tanimation: circle_animation 2s infinite;\n\t-webkit-animation-delay: var(--delay);\n\tanimation-delay: var(--delay);\n}\n\n#circle_big {\n\tposition: absolute;\n\twidth: 50px;\n\theight: 50px;\n\tleft: 50px;\n\ttop: 50px;\n\t-webkit-animation: circle_big 2s infinite;\n\tanimation: circle_big 2s infinite;\n\t-webkit-animation-delay: 0.5s;\n\tanimation-delay: 0.5s;\n}\n\n@-webkit-keyframes circle_big {\n\t50% {\n\t\t-webkit-transform: scale(0.5);\n\t}\n}\n\n@keyframes circle_big {\n\t50% {\n\t\ttransform: scale(0.5);\n\t\t-webkit-transform: scale(0.5);\n\t}\n}\n\n@-webkit-keyframes circle_animation {\n\t50% {\n\t\t-webkit-transform: translate(var(--translateX), var(--translateY));\n\t}\n}\n\n@keyframes circle_animation {\n\t50% {\n\t\ttransform: translate(var(--translateX), var(--translateY));\n\t\t-webkit-transform: translate(var(--translateX), var(--translateY));\n\t}\n}\n</style>\n\n<div class=\"line-wrapper\">\n  <div class=\"tc-splash-title\"></div>\n  <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n  <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n\t<br><br>\n\t<div class=\"loading-center\"><div class=\"circle\" id=\"circle_animation\" style=\"--delay: 0.2s; --translateX: -65px; --translateY: -65px;\"></div><div class=\"circle\" id=\"circle_animation\" style=\"--delay: 0.3s; --translateX: 0px; --translateY: -65px;\"></div><div class=\"circle\" id=\"circle_animation\" style=\"--delay: 0.4s; --translateX: 65px; --translateY: -65px;\"></div><div class=\"circle\" id=\"circle_animation\" style=\"--delay: 0.5s; --translateX: 65px; --translateY: 0px;\"></div><div class=\"circle\" id=\"circle_animation\" style=\"--delay: 0.6s; --translateX: 65px; --translateY: 65px;\"></div><div class=\"circle\" id=\"circle_animation\" style=\"--delay: 0.7s; --translateX: 0px; --translateY: 65px;\"></div><div class=\"circle\" id=\"circle_animation\" style=\"--delay: 0.8s; --translateX: -65px; --translateY: 65px;\"></div><div class=\"circle\" id=\"circle_animation\" style=\"--delay: 0.9s; --translateX: -65px; --translateY: 0px;\"></div><div class=\"circle\" id=\"circle_big\"></div></div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/simple":{"title":"$:/xp/splashscreen/layouts/simple","caption":"Simple","tags":"$:/tags/SplashScreen","text":"\\import [[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n.tc-splash-spinner {\n\tmargin: 10px auto 0;\n\twidth: 70px;\n\ttext-align: center;\n\tjustify-content: center;\n\n}\n\n.tc-splash-spinner > div {\n\twidth: 16px;\n\theight: 16px;\n\tborder-radius: 100%;\n\tdisplay: inline-block;\n\t-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n\tanimation: sk-bouncedelay 1.4s infinite ease-in-out both;\n\tbackground-color: #f88;\n}\n\n.tc-splash-spinner .tc-splash-bounce-1 {\n\t-webkit-animation-delay: -0.32s;\n\tanimation-delay: -0.32s;\n\tbackground-color: #8f8;\n}\n\n.tc-splash-spinner .tc-splash-bounce-2 {\n\t-webkit-animation-delay: -0.16s;\n\tanimation-delay: -0.16s;\n\tbackground-color: #88f;\n}\n\n@-webkit-keyframes sk-bouncedelay {\n\t0%, 80%, 100% { -webkit-transform: scale(0) }\n\t40% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bouncedelay {\n\t0%, 80%, 100% { \n\t-webkit-transform: scale(0);\n\ttransform: scale(0);\n\t} 40% { \n\t-webkit-transform: scale(1.0);\n\ttransform: scale(1.0);\n\t}\n}\n</style>\n\n<div class=\"line-wrapper\">\n    <div class=\"tc-splash-title\"></div>\n    <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n    <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div><br>\n    <div class=\"tc-splash-spinner\">\n        <div class=\"tc-splash-bounce-1\"></div>\n        <div class=\"tc-splash-bounce-2\"></div>\n        <div class=\"tc-splash-bounce-3\"></div>\n    </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/sk-bounce":{"title":"$:/xp/splashscreen/layouts/sk-bounce","caption":"sk-bounce","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* sk-bounce */\n\n.sk-bounce {\n  margin: 25px auto;\n  width: 40px;\n  height: 40px;\n  position: relative;\n}\n\n.sk-bounce-dot {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background-color: <<colour primary>>;\n  opacity: 0.6;\n  position: absolute;\n  top: 0;\n  left: 0;\n  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); \n}\n\n.sk-bounce-dot:nth-child(2) { animation-delay: -1.0s; }\n\n@keyframes sk-bounce {\n  0%, 100% {\n    transform: scale(0);\n  } 45%, 55% {\n    transform: scale(1); \n  } \n}\n</style>\n\n<div class=\"line-wrapper\">\n  <div class=\"tc-splash-title\"></div>\n  <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n  <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n  <div class=\"sk-bounce\">\n    <div class=\"sk-bounce-dot\"></div>\n    <div class=\"sk-bounce-dot\"></div>\n  </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/sk-chase":{"title":"$:/xp/splashscreen/layouts/sk-chase","caption":"sk-chase","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* sk-chase */\n\n.sk-chase {\n  margin: 25px auto;\n  width: 40px;\n  height: 40px;\n  position: relative;\n  animation: sk-chase 2.5s infinite linear both;\n}\n\n.sk-chase-dot {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0; \n  animation: sk-chase-dot 2.0s infinite ease-in-out both; \n}\n\n.sk-chase-dot:before {\n  content: '';\n  display: block;\n  width: 25%;\n  height: 25%;\n  background-color: <<colour primary>>;\n  border-radius: 100%;\n  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; \n}\n\n.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }\n.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }\n.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }\n.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }\n.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }\n.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }\n.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }\n.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }\n.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }\n.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }\n.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }\n.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }\n\n@keyframes sk-chase {\n  100% { transform: rotate(360deg); } \n}\n\n@keyframes sk-chase-dot {\n  80%, 100% { transform: rotate(360deg); } \n}\n\n@keyframes sk-chase-dot-before {\n  50% {\n    transform: scale(0.4); \n  } 100%, 0% {\n    transform: scale(1.0); \n  } \n}\n</style>\n\n<div class=\"line-wrapper\">\n  <div class=\"tc-splash-title\"></div>\n  <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n  <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n  <div class=\"sk-chase\">\n    <div class=\"sk-chase-dot\"></div>\n    <div class=\"sk-chase-dot\"></div>\n    <div class=\"sk-chase-dot\"></div>\n    <div class=\"sk-chase-dot\"></div>\n    <div class=\"sk-chase-dot\"></div>\n    <div class=\"sk-chase-dot\"></div>\n  </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/sk-circle-fade":{"title":"$:/xp/splashscreen/layouts/sk-circle-fade","caption":"sk-circle-fade","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* sk-circle-fade */\n\n.sk-circle-fade {\n  margin: 25px auto;\n  width: 40px;\n  height: 40px;\n  position: relative;\n}\n\n.sk-circle-fade-dot {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0; \n}\n\n.sk-circle-fade-dot:before {\n  content: '';\n  display: block;\n  margin: 0 auto;\n  width: 15%;\n  height: 15%;\n  background-color: <<colour primary>>;\n  border-radius: 100%;\n  animation: sk-circle-fade 1.2s infinite ease-in-out both; \n}\n\n.sk-circle-fade-dot:nth-child(1)  { transform: rotate(30deg);  }\n.sk-circle-fade-dot:nth-child(2)  { transform: rotate(60deg);  }\n.sk-circle-fade-dot:nth-child(3)  { transform: rotate(90deg);  }\n.sk-circle-fade-dot:nth-child(4)  { transform: rotate(120deg); }\n.sk-circle-fade-dot:nth-child(5)  { transform: rotate(150deg); }\n.sk-circle-fade-dot:nth-child(6)  { transform: rotate(180deg); }\n.sk-circle-fade-dot:nth-child(7)  { transform: rotate(210deg); }\n.sk-circle-fade-dot:nth-child(8)  { transform: rotate(240deg); }\n.sk-circle-fade-dot:nth-child(9)  { transform: rotate(270deg); }\n.sk-circle-fade-dot:nth-child(10) { transform: rotate(300deg); }\n.sk-circle-fade-dot:nth-child(11) { transform: rotate(330deg); }\n.sk-circle-fade-dot:nth-child(1):before  { animation-delay: -1.1s; }\n.sk-circle-fade-dot:nth-child(2):before  { animation-delay: -1.0s; }\n.sk-circle-fade-dot:nth-child(3):before  { animation-delay: -0.9s; }\n.sk-circle-fade-dot:nth-child(4):before  { animation-delay: -0.8s; }\n.sk-circle-fade-dot:nth-child(5):before  { animation-delay: -0.7s; }\n.sk-circle-fade-dot:nth-child(6):before  { animation-delay: -0.6s; }\n.sk-circle-fade-dot:nth-child(7):before  { animation-delay: -0.5s; }\n.sk-circle-fade-dot:nth-child(8):before  { animation-delay: -0.4s; }\n.sk-circle-fade-dot:nth-child(9):before  { animation-delay: -0.3s; }\n.sk-circle-fade-dot:nth-child(10):before { animation-delay: -0.2s; }\n.sk-circle-fade-dot:nth-child(11):before { animation-delay: -0.1s; }\n\n@keyframes sk-circle-fade {\n  0%, 39%, 100% {\n    opacity: 0;\n    transform: scale(0.6);\n  } 40% {\n    opacity: 1; \n    transform: scale(1);\n  }\n}\n</style>\n\n<div class=\"line-wrapper\">\n  <div class=\"tc-splash-title\"></div>\n  <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n  <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n  <div class=\"sk-circle-fade\">\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n    <div class=\"sk-circle-fade-dot\"></div>\n  </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/sk-circle":{"title":"$:/xp/splashscreen/layouts/sk-circle","caption":"sk-circle","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* sk-circle */\n\n.sk-circle {\n  margin: 25px auto;\n  width: 40px;\n  height: 40px;\n  position: relative;\n}\n\n.sk-circle-dot {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.sk-circle-dot:before {\n  content: '';\n  display: block;\n  margin: 0 auto;\n  width: 15%;\n  height: 15%;\n  background-color: <<colour primary>>;\n  border-radius: 100%;\n  animation: sk-circle 1.2s infinite ease-in-out both; \n}\n\n.sk-circle-dot:nth-child(1) { transform: rotate(30deg); }\n.sk-circle-dot:nth-child(2) { transform: rotate(60deg); }\n.sk-circle-dot:nth-child(3) { transform: rotate(90deg); }\n.sk-circle-dot:nth-child(4) { transform: rotate(120deg); }\n.sk-circle-dot:nth-child(5) { transform: rotate(150deg); }\n.sk-circle-dot:nth-child(6) { transform: rotate(180deg); }\n.sk-circle-dot:nth-child(7) { transform: rotate(210deg); }\n.sk-circle-dot:nth-child(8) { transform: rotate(240deg); }\n.sk-circle-dot:nth-child(9) { transform: rotate(270deg); }\n.sk-circle-dot:nth-child(10) { transform: rotate(300deg); }\n.sk-circle-dot:nth-child(11) { transform: rotate(330deg); }\n.sk-circle-dot:nth-child(1):before { animation-delay: -1.1s; }\n.sk-circle-dot:nth-child(2):before { animation-delay: -1s; }\n.sk-circle-dot:nth-child(3):before { animation-delay: -0.9s; }\n.sk-circle-dot:nth-child(4):before { animation-delay: -0.8s; }\n.sk-circle-dot:nth-child(5):before { animation-delay: -0.7s; }\n.sk-circle-dot:nth-child(6):before { animation-delay: -0.6s; }\n.sk-circle-dot:nth-child(7):before { animation-delay: -0.5s; }\n.sk-circle-dot:nth-child(8):before { animation-delay: -0.4s; }\n.sk-circle-dot:nth-child(9):before { animation-delay: -0.3s; }\n.sk-circle-dot:nth-child(10):before { animation-delay: -0.2s; }\n.sk-circle-dot:nth-child(11):before { animation-delay: -0.1s; }\n\n@keyframes sk-circle {\n  0%, 80%, 100% {\n    transform: scale(0); }\n  40% {\n    transform: scale(1); \n  } \n}\n</style>\n\n<div class=\"line-wrapper\">\n  <div class=\"tc-splash-title\"></div>\n  <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n  <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n  <div class=\"sk-circle\">\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n    <div class=\"sk-circle-dot\"></div>\n  </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/sk-fold":{"title":"$:/xp/splashscreen/layouts/sk-fold","caption":"sk-fold","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 16px;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  margin: 20px auto 0;\n  text-align: center;\n  padding: 4px 2px;\n  color: <<colour foreground>>;\n  fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n  font-size: 38px;\n  margin: 20px auto 0;\n  border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n  font-size: 18px;\n  margin: 5px auto 0;\n}\n\n.tc-splash-text {\n  width: 200px;\n}\n\n.tc-splash-text img {\n  width: 150px;\n  <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n  background: <<colour page-background>>;\n}\n\n.line-wrapper {\n  width: 100%;\n  height: 35vh;\n  display: flex;\n  flex-direction: column;\n  justifyfont-smoothing: antialiased;\n  margin: 20px auto 0;\n  text-align: center;\n  color: <<colour primary>>;\n  fill-content: center;\n  align-items: center;\n}\n\n/* sk-fold */\n\n.sk-fold {\n  margin: 30px auto;\n  width: 40px;\n  height: 40px;\n  position: relative;\n  transform: rotateZ(45deg); \n}\n\n.sk-fold-cube {\n  float: left;\n  width: 50%;\n  height: 50%;\n  position: relative;\n  transform: scale(1.1); \n}\n\n.sk-fold-cube:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: <<colour primary>>;\n  animation: sk-fold 2.4s infinite linear both;\n  transform-origin: 100% 100%; \n}\n.sk-fold-cube:nth-child(2) { transform: scale(1.1) rotateZ(90deg); }\n.sk-fold-cube:nth-child(4) { transform: scale(1.1) rotateZ(180deg); }\n.sk-fold-cube:nth-child(3) { transform: scale(1.1) rotateZ(270deg); }\n.sk-fold-cube:nth-child(2):before { animation-delay: 0.3s; }\n.sk-fold-cube:nth-child(4):before { animation-delay: 0.6s; }\n.sk-fold-cube:nth-child(3):before { animation-delay: 0.9s; }\n\n@keyframes sk-fold {\n  0%, 10% {\n    transform: perspective(140px) rotateX(-180deg);\n    opacity: 0; \n  } 25%, 75% {\n    transform: perspective(140px) rotateX(0deg);\n    opacity: 1; \n  } 90%, 100% {\n    transform: perspective(140px) rotateY(180deg);\n    opacity: 0;\n  } \n}\n</style>\n\n<div class=\"line-wrapper\">\n  <div class=\"tc-splash-title\"></div>\n  <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n  <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n  <div class=\"sk-fold\">\n    <div class=\"sk-fold-cube\"></div>\n    <div class=\"sk-fold-cube\"></div>\n    <div class=\"sk-fold-cube\"></div>\n    <div class=\"sk-fold-cube\"></div>\n  </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/sk-wave":{"title":"$:/xp/splashscreen/layouts/sk-wave","caption":"sk-wave","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* sk-wave */\n\n.sk-wave {\n  margin: 25px auto;\n  width: 50px;\n  height: 40px;\n  display: flex;\n  justify-content: space-between;\n}\n\n.sk-wave-rect {\n  background-color: <<colour primary>>;\n  height: 100%;\n  width: 15%;\n  animation: sk-wave 1.2s infinite ease-in-out; \n}\n\n.sk-wave-rect:nth-child(1) { animation-delay: -1.2s; }\n.sk-wave-rect:nth-child(2) { animation-delay: -1.1s; }\n.sk-wave-rect:nth-child(3) { animation-delay: -1.0s; }\n.sk-wave-rect:nth-child(4) { animation-delay: -0.9s; }\n.sk-wave-rect:nth-child(5) { animation-delay: -0.8s; }\n\n@keyframes sk-wave {\n  0%, 40%, 100% {\n    transform: scaleY(0.4); \n  } 20% {\n    transform: scaleY(1); \n  } \n}\n</style>\n\n<div class=\"line-wrapper\">\n  <div class=\"tc-splash-title\"></div>\n  <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n  <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n  <div class=\"sk-wave\">\n    <div class=\"sk-wave-rect\"></div>\n    <div class=\"sk-wave-rect\"></div>\n    <div class=\"sk-wave-rect\"></div>\n    <div class=\"sk-wave-rect\"></div>\n    <div class=\"sk-wave-rect\"></div>\n  </div>\n</div>\n\n\n</div>"},"$:/xp/splashscreen/layouts/walking-cat":{"title":"$:/xp/splashscreen/layouts/walking-cat","caption":"Walking Cat","description":"Need to load svg images from the internet","source":"https://codepen.io/SoyEva/pen/LRjWze?editors=0100","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* Walking Cat */\n\n#marco{\n    width: 1325px;\n    height: 500px;\n    margin: 0 auto;\n    overflow: hidden;\n    border-radius: 16px;\n    margin-top: 2em;\n    }\n\n#cielo{\n    border-radius: 16px;\n    width: 1325px;\n    height: 500px;\n    position: absolute;\n    z-index: -30;\n    top: 0;\n    margin-top: 2em;\n    }\n\n#edificios{\n    background: none;\n    height: 500px; \n    width: 1325px;\n    z-index: -10;\n    top: 6.5em;\n    background-position: 0px 0px;\n    background-repeat: repeat-x;\n    -webkit-animation: animar_edificios 120s linear infinite;\n    -ms-animation: animar_edificios 120s linear infinite;\n    -moz-animation: animar_edificios 120s linear infinite;\n    position: absolute;\n    }\n\n/* Animacion edificios */\n\n   @keyframes  animar_edificios {\n        from { background-position: 50% 0; }\n        to { background-position: 100% 0; }\n    }\n    @-webkit-keyframes  animar_edificios {\n        from { background-position: 50% 0; }\n        to { background-position: 100% 0; }\n    }\n    @-ms-keyframes  animar_edificios {\n        from { background-position: 50% 0; }\n        to { background-position: 100% 0; }\n    }\n    @-moz-keyframes  animar_edificios {\n        from { background-position: 50% 0; }\n        to { background-position: 100% 0; }\n    }\n   \n#luna {\n    width: 6em;\n    height: 6em;\n    -moz-border-radius: 50%;\n    -webkit-border-radius: 50%;\n    border-radius: 50%;\n    -moz-box-shadow: 30px 10px 0 #F7F8E0;\n    -webkit-box-shadow: 30px 10px 0 #F7F8E0;\n    box-shadow: 30px 10px 0 #F7F8E0;\n    margin-top: 1em;\n    margin-left: 50%;\n    position: absolute;\n    z-index: -19;\n    }\n\n#muro{\n    height: 23em;\n    width: 100%;\n    border-top: 2px solid;\n    }\n\n#gato{\n    background: url('https://res.cloudinary.com/pastelitos/image/upload/v1610526571/eva/gatito_pushui.svg');\n    height: 297px; \n    width: 507.5px;\n    margin-top: 2em;\n    margin-left: 2em;\n    z-index: 10;\n    -webkit-animation: sprite-animation 1.2s steps(16,end) infinite;\n    -moz-animation: sprite-animation 1.2s steps(16,end) infinite; \n    -ms-animation: sprite-animation 1.2s steps(16,end) infinite; \n    animation: sprite-animation 1.2s steps(16,end) infinite;\n    }\n\n@-webkit-keyframes sprite-animation { \n        from { background-position: 0 0; }\n        to { background-position: -8120px 0; } \n    }\n\n@-ms-keyframes sprite-animation { \n        from { background-position: 0 0; }\n        to { background-position: -8120px 0; }\n    }\n\n@-moz-keyframes sprite-animation { \n        from { background-position: 0 0; }\n        to { background-position: -8120px 0; }\n    }\n\n@keyframes sprite-animation { \n        from { background-position: 0 0; }\n        to { background-position: -8120px 0; }\n    }\n</style>\n\n<div class=\"line-wrapper\">\n    <div class=\"tc-splash-title\"></div>\n    <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n    <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n\t<div class=\"tc-splash-text\">\n\t{{$:/core/icon||$:/core/templates/plain-text-tiddler}}\n\t</div>\n</div>\n<div id=\"marco\">\n    <div id=\"cielo\"></div>\n    <div id=\"luna\"></div>\n    <div id=\"gato\"></div>\n    <div id=\"muro\"></div>\n    <div id=\"edificios\"></div>\n</div>\n\n</div>"},"$:/xp/splashscreen/layouts/wave":{"title":"$:/xp/splashscreen/layouts/wave","caption":"Wave","source":"https://www.jb51.net/css/546509.html","tags":"$:/tags/SplashScreen","text":"\\import [subfilter{$:/core/config/GlobalImportFilter}]\n\n\\procedure show-icon(title)\n<$wikify name=\"icon\" text={{{ [<title>addprefix[{{]addsuffix[}}]] }}} output=\"html\">\n<$text text=<<icon>>/>\n</$wikify>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrocallinline\n<div class=\"tc-remove-when-wiki-loaded\">\n<style scoped>\n\n.tc-splash-title,\n.tc-splash-subtitle,\n.tc-splash-text {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    padding: 4px 2px;\n    color: <<colour foreground>>;\n    fill: <<colour foreground>>;\n}\n\n.tc-splash-title {\n    font-size: 38px;\n    margin: 20px auto 0;\n    border-bottom: 1px solid <<colour table-border>>;\n}\n\n.tc-splash-subtitle {\n    font-size: 18px;\n    margin: 5px auto 0;\n}\n\n.tc-splash-text {\n    width: 200px;\n}\n\n.tc-splash-text img {\n    width: 150px;\n    <<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\nhtml body.tc-body {\n    background: <<colour page-background>>;\n}\n\n.line-wrapper {\n    width: 100%;\n    height: 35vh;\n    display: flex;\n    flex-direction: column;\n    justifyfont-smoothing: antialiased;\n    margin: 20px auto 0;\n    text-align: center;\n    color: <<colour primary>>;\n    fill-content: center;\n    align-items: center;\n}\n\n/* Wave */\n\n#preloader-wave {\n    position: relative;\n    top: 40px;\n}\n\n#preloader-wave span {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background: <<colour primary>>;\n    animation: bounce 0.8s infinite linear;\n    -moz-border-radius: 50%;\n    -webkit-border-radius: 50%;\n    border-radius: 50%;\n}\n\n#preloader-wave span:nth-child(1) {\n    left: -30px;\n    animation-delay: 0s;\n}\n\n#preloader-wave span:nth-child(2) {\n    left: -15px;\n    animation-delay: 0.25s;\n}\n\n#preloader-wave span:nth-child(3) {\n    left: 0px;\n    animation-delay: 0.5s;\n}\n\n#preloader-wave span:nth-child(4) {\n    left: 15px;\n    animation-delay: 0.75s;\n}\n\n#preloader-wave span:nth-child(5) {\n    left: 30px;\n    animation-delay: 1.0s;\n}\n\n@keyframes bounce {\n    0% { transform: translateY(0px); opacity: 0.5; }\n    50% { transform: translateY(-15px); opacity: 1.0; }\n    100% { transform: translateY(0px); opacity: 0.5; }\n}\n</style>\n\n<div class=\"line-wrapper\">\n    <div class=\"tc-splash-title\"></div>\n    <div class=\"tc-splash-title\">{{$:/SiteTitle}}</div>\n    <div class=\"tc-splash-subtitle\">{{$:/SiteSubtitle}}</div>\n    <div id=\"preloader-wave\">\n        <span></span>\n        <span></span>\n        <span></span>\n        <span></span>\n        <span></span>\n    </div>\n</div>\n\n\n</div>"},"$:/plugins/xp/splashscreen/readme":{"title":"$:/plugins/xp/splashscreen/readme","text":"; Splash Screen\n: 快速切换「启动画面」。\n\n!! Settings\n\n{{$:/plugins/xp/splashscreen/settings}}\n\n!! See also\n\n* [[SpinKit|https://github.com/tobiasahlin/SpinKit]]\n* [[Three Dots|https://nzbin.github.io/three-dots/#]]\n* [[HTML5+CSS3 最酷的 loading 效果收集|https://www.runoob.com/w3cnote/free-html5-css3-loaders-preloaders.html]]\n* [[CSS3 Loading Animation|https://codepen.io/TaniaLD/pen/oKxep]]"},"$:/plugins/xp/splashscreen/settings":{"title":"$:/plugins/xp/splashscreen/settings","caption":"Splash Screen","tags":"$:/tags/ControlPanel/Appearance","text":"\\define selectSplashScreen()\n<$select tiddler='$:/SplashScreen'>\n<$list filter='[all[shadows+tiddlers]tag[$:/tags/SplashScreen]]'>\n<option value={{{ [<currentTiddler>addprefix[{{]addsuffix[}}]] }}}><$view field='caption'/></option>\n</$list>\n</$select>\n\\end\n\n\n<div style=\"margin-left: 25px;\">\n\n<$checkbox tiddler=\"$:/SplashScreen\" tag=\"$:/tags/RawMarkupWikified/TopBody\">\nChange splashscreen: <<selectSplashScreen>>\n</$checkbox>\n\n</div>\n\n> See also: $:/SplashScreen"}}}