Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML><html lang="en"><head><title>zhansito's site</title><meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /><meta name="description" content="spotlight soty 💋" /><meta property="og:site_name" content="zhansito's site" /><meta property="og:title" content="zhansito's site" /><meta property="og:type" content="website" /><meta property="og:description" content="spotlight soty 💋" /><meta property="og:image" content="https://dl.dropbox.com/s/ce19y86wdtm8b9i/2022-02-13.jpg?dl=0" /><meta property="og:image:type" content="image/jpeg" /><meta property="og:image:width" content="236" /><meta property="og:image:height" content="236" /><meta property="og:url" content="https://l005l6ll06.neocities.org/web.html" /><meta property="twitter:card" content="summary_large_image" /><link rel="canonical" href="https://www.dropbox.com/" /><link href="https://fonts.googleapis.com/css?family=Inter:400,400italic,700,700italic" rel="stylesheet" type="text/css" /><link rel="icon" type="image/png" href="https://noviecita.crd.co/assets/images/gallery06/9c1c429b_original.gif?v=d38e8dfd" /><link rel="apple-touch-icon" href="https://noviecita.crd.co/assets/images/gallery06/9c1c429b_original.gif?v=d38e8dfd" /><style>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}*, *:before, *:after {box-sizing: border-box;}body {min-width: 320px;min-height: var(--viewport-height);line-height: 1.0;word-wrap: break-word;overflow-x: hidden;}body:before {content: '';display: block;background-attachment: scroll;position: fixed;top: 0;left: 0;width: 100vw;height: var(--background-height);z-index: 0;pointer-events: none;transform: scale(1);background-image: linear-gradient(360deg, #EAEAEA 0%, #FFFFFF 100%);background-position: 0% 0%;background-repeat: repeat;background-size: auto;}:root {--site-language-direction: ltr;--site-language-alignment: left;--viewport-height: 100vh;--background-height: 100vh;}html {font-size: 18pt;}u {text-decoration: underline;}strong {color: inherit;font-weight: bolder;}em {font-style: italic;}code {font-family: 'Lucida Console', 'Courier New', monospace;font-weight: normal;text-indent: 0;letter-spacing: 0;font-size: 0.9em;margin: 0 0.25em;padding: 0.25em 0.5em;background-color: rgba(144,144,144,0.25);border-radius: 0.25em;}mark {background-color: rgba(144,144,144,0.25);}s {text-decoration: line-through;}a {color: inherit;text-decoration: underline;transition: color 0.25s ease;}#wrapper {-webkit-overflow-scrolling: touch;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: var(--viewport-height);position: relative;z-index: 2;overflow: hidden;padding: 1rem 1rem 1rem 1rem;}#main {display: flex;position: relative;max-width: 100%;z-index: 1;align-items: center;justify-content: center;flex-grow: 0;flex-shrink: 0;text-align: center;background-color: transparent;border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;transition: opacity 1s ease 0.75s,transform 1s ease 0.75s;}#main > .inner {position: relative;z-index: 1;border-radius: inherit;padding: 0rem 0rem;max-width: 100%;width: 22rem;}#main > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#main > .inner > :first-child {margin-top: 0 !important;}#main > .inner > :last-child {margin-bottom: 0 !important;}#main > .inner > .full {margin-left: calc(0rem);width: calc(100% + 0rem + 0.4725px);max-width: calc(100% + 0rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: 0rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#main > .inner > .full:last-child {margin-bottom: 0rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > .full.screen {width: 100vw;max-width: 100vw;position: relative;border-radius: 0 !important;left: 50%;right: auto;margin-left: -50vw;}body.is-loading #main {opacity: 0;transform: translateY(-1.6875rem);}body.is-instant #main, body.is-instant #main > .inner > *,body.is-instant #main > .inner > section > * {transition: none !important;}body.is-instant:after {display: none !important;transition: none !important;}.container {position: relative;}.container > .wrapper {vertical-align: top;position: relative;max-width: 100%;border-radius: inherit;}.container > .wrapper > .inner {vertical-align: top;position: relative;max-width: 100%;border-radius: inherit;}#main .container.full:first-child > .wrapper {border-top-left-radius: inherit;border-top-right-radius: inherit;}#main .container.full:last-child > .wrapper {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main .container.full:first-child > .wrapper > .inner {border-top-left-radius: inherit;border-top-right-radius: inherit;}#main .container.full:last-child > .wrapper > .inner {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#container01 > .wrapper {display: inline-block;width: 35rem;background-color: #FFFFFF;border-style: solid;border-color: #999999;border-bottom-width: 1px;border-radius: 0rem;}#container01 > .wrapper > .inner {padding: 0.25rem 0.625rem;}#container01.default > .wrapper > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#container01.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}#container01.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}#container01.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: center;}#container01.columns > .wrapper > .inner > * {flex-shrink: 0;flex-grow: 0;max-width: 100%;padding: 0 0 0 0.25rem;}#container01.columns > .wrapper > .inner > * > * {margin-top: 0rem;margin-bottom: 0rem;}#container01.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}#container01.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}#container01.columns > .wrapper > .inner > *:first-child {margin-left: -0.25rem;}#container01.default > .wrapper > .inner > .full {margin-left: calc(-0.625rem);width: calc(100% + 1.25rem + 0.4725px);max-width: none;}#container01.default > .wrapper > .inner > .full:first-child {margin-top: -0.25rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#container01.default > .wrapper > .inner > .full:last-child {margin-bottom: -0.25rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#container01.columns > .wrapper > .inner > div > .full {margin-left: calc(-0.125rem);width: calc(100% + 0.25rem + 0.4725px);max-width: none;}#container01.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(-0.625rem);width: calc(100% + 0.75rem + 0.4725px);}#container01.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + 0.75rem + 0.4725px);}#container01.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(-0.25rem) !important;}#container01.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(-0.25rem) !important;}#container01.columns > .wrapper > .inner > .full {align-self: stretch;}#container01.columns > .wrapper > .inner > .full:first-child {border-top-left-radius: inherit;border-bottom-left-radius: inherit;}#container01.columns > .wrapper > .inner > .full:last-child {border-top-right-radius: inherit;border-bottom-right-radius: inherit;}#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: calc(100% + 0.5rem);border-radius: inherit;}#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {position: absolute;width: 100%;height: 100%;border-radius: inherit;}#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child > * > * {height: 100%;border-radius: inherit;}#container01 > .wrapper > .inner > :nth-child(1) {width: calc(75% + 0.12rem);}#container01 > .wrapper > .inner > :nth-child(2) {width: calc(25% + 0.12rem);text-align: right;}#container01 > .wrapper {border-radius: 8px 8px 0 0;border: 1px solid #999;width: 90%;margin: auto !important;}#container02 > .wrapper {display: inline-block;width: 35rem;background-attachment: fixed;background-color: #B7B7B9;border-style: solid;border-color: #999999;border-bottom-width: 1px;border-radius: 0rem;background-image: linear-gradient(0deg, rgba(87,86,91,0.788) 0%, rgba(255,255,255,0.969) 100%), url('https://dl.dropbox.com/s/0e0qqukheb6knnz/container02.gif?dl=0');background-position: 0% 0%, top;background-repeat: repeat, repeat;background-size: cover, contain;}#container02 > .wrapper > .inner {padding: 0.5rem 0.5rem;}body.is-touch #container02 > .wrapper {background-attachment: scroll;}#container02.default > .wrapper > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#container02.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}#container02.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}#container02.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: center;}#container02.columns > .wrapper > .inner > * {flex-shrink: 0;flex-grow: 0;max-width: 100%;padding: 0 0 0 0.5rem;}#container02.columns > .wrapper > .inner > * > * {margin-top: 0rem;margin-bottom: 0rem;}#container02.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}#container02.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}#container02.columns > .wrapper > .inner > *:first-child {margin-left: -0.5rem;}#container02.default > .wrapper > .inner > .full {margin-left: calc(-0.5rem);width: calc(100% + 1rem + 0.4725px);max-width: none;}#container02.default > .wrapper > .inner > .full:first-child {margin-top: -0.5rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#container02.default > .wrapper > .inner > .full:last-child {margin-bottom: -0.5rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#container02.columns > .wrapper > .inner > div > .full {margin-left: calc(-0.25rem);width: calc(100% + 0.5rem + 0.4725px);max-width: none;}#container02.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(-0.5rem);width: calc(100% + 0.75rem + 0.4725px);}#container02.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + 0.75rem + 0.4725px);}#container02.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(-0.5rem) !important;}#container02.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(-0.5rem) !important;}#container02.columns > .wrapper > .inner > .full {align-self: stretch;}#container02.columns > .wrapper > .inner > .full:first-child {border-top-left-radius: inherit;border-bottom-left-radius: inherit;}#container02.columns > .wrapper > .inner > .full:last-child {border-top-right-radius: inherit;border-bottom-right-radius: inherit;}#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: calc(100% + 1rem);border-radius: inherit;}#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {position: absolute;width: 100%;height: 100%;border-radius: inherit;}#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child > * > * {height: 100%;border-radius: inherit;}#container02 > .wrapper > .inner > :nth-child(1) {width: calc(33.33333% + 0.16rem);}#container02 > .wrapper > .inner > :nth-child(2) {width: calc(33.33333% + 0.16rem);}#container02 > .wrapper > .inner > :nth-child(3) {width: calc(33.33333% + 0.16rem);}#container02 > .wrapper {border: 1px solid #999;border-top: none;border-bottom: none;width: 90%;margin: auto !important;}#container03 > .wrapper {display: inline-block;width: 35rem;background-color: #FFFFFF;border-style: solid;border-color: #999999;border-bottom-width: 1px;border-radius: 0rem;}#container03 > .wrapper > .inner {padding: 0.25rem 0.625rem;}#container03.default > .wrapper > .inner > * {margin-top: 0.75rem;margin-bottom: 0.75rem;}#container03.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}#container03.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}#container03.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: center;}#container03.columns > .wrapper > .inner > * {flex-shrink: 0;flex-grow: 0;max-width: 100%;padding: 0 0 0 0rem;}#container03.columns > .wrapper > .inner > * > * {margin-top: 0.75rem;margin-bottom: 0.75rem;}#container03.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}#container03.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}#container03.columns > .wrapper > .inner > *:first-child {margin-left: 0rem;}#container03.default > .wrapper > .inner > .full {margin-left: calc(-0.625rem);width: calc(100% + 1.25rem + 0.4725px);max-width: none;}#container03.default > .wrapper > .inner > .full:first-child {margin-top: -0.25rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#container03.default > .wrapper > .inner > .full:last-child {margin-bottom: -0.25rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#container03.columns > .wrapper > .inner > div > .full {margin-left: calc(-0rem);width: calc(100% + 0rem + 0.4725px);max-width: none;}#container03.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(-0.625rem);width: calc(100% + 0.625rem + 0.4725px);}#container03.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + 0.625rem + 0.4725px);}#container03.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(-0.25rem) !important;}#container03.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(-0.25rem) !important;}#container03.columns > .wrapper > .inner > .full {align-self: stretch;}#container03.columns > .wrapper > .inner > .full:first-child {border-top-left-radius: inherit;border-bottom-left-radius: inherit;}#container03.columns > .wrapper > .inner > .full:last-child {border-top-right-radius: inherit;border-bottom-right-radius: inherit;}#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: calc(100% + 0.5rem);border-radius: inherit;}#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {position: absolute;width: 100%;height: 100%;border-radius: inherit;}#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child > * > * {height: 100%;border-radius: inherit;}#container03 > .wrapper > .inner > :nth-child(1) {width: 40%;text-align: left;}#container03 > .wrapper > .inner > :nth-child(2) {width: 60%;text-align: right;}#container03 > .wrapper {border: 1px solid #999;border-radius: 0 0 5px 5px;width: 90%;margin: auto !important;}.image {position: relative;max-width: 100%;display: block;}.image .frame {width: 100%;max-width: 100%;display: inline-block;vertical-align: top;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}.image .frame img {width: inherit;max-width: 100%;vertical-align: top;border-radius: 0 !important;}.image.full .frame {display: block;}.image.full:first-child .frame {border-top-left-radius: inherit;border-top-right-radius: inherit;}.image.full:last-child .frame {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#image02 .frame {width: 2.125rem;transition: none;}#image02 .frame img {transition: none;}#image02 .frame {filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.3)) drop-shadow(-1px 1px 0 rgba(255, 255, 255, 0.3)) drop-shadow(0 2px 0 rgba(255, 255, 255, 0.3)) drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.3)) drop-shadow(0 1px 1.5px rgba(255, 255, 255, 0.3)) drop-shadow(0 -1px 1.5px rgba(255, 255, 255, 0.3)) drop-shadow(1px -1px 1.5px rgba(255, 255, 255, 0.3)) drop-shadow(-1px -1px 1.5px rgba(255, 255, 255, 0.3));position: absolute;right: 1.3em;bottom: 0.2em;z-index: 9999 ;}#image01 .frame {width: 10rem;border-radius: 100%;transition: none;}#image01 .frame img {transition: none;}#image01 .frame {-webkit-filter: drop-shadow(0px 0px 1.5px #FFFFFF);border: 4px solid transparent;border-radius: 50%;background: linear-gradient(180deg, rgba(135,134,138,1) 0%, rgba(231,231,232,1) 50%, rgba(135,134,138,1) 100%);}h1, h2, h3, p {direction: var(--site-language-direction);}h1 br + br, h2 br + br, h3 br + br, p br + br {display: block;content: ' ';}h1 .li, h2 .li, h3 .li, p .li {display: list-item;padding-left: 0.5em;margin: 0.75em 0 0 1em;}#text02 br + br {margin-top: 0.6rem;}#text02:not(:first-child) {margin-top: 0.125rem !important;}#text02:not(:last-child) {margin-bottom: 0.125rem !important;}#text02 {text-align: center;color: #999999;font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-size: 0.75em;line-height: 1;font-weight: 400;}#text02 a {text-decoration: underline;}#text02 a:hover {text-decoration: none;}#text02 {font-family: Pixelated MS Sans Serif;-webkit-filter: drop-shadow(0px 0px 0.5px #ccc);}#text01 br + br {margin-top: 0.6rem;}#text01 {text-align: left;color: #FFFFFF;font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-size: 0.75em;line-height: 1;font-weight: 700;}#text01 a {text-decoration: underline;}#text01 a:hover {text-decoration: none;}#text01 {font-family: 'Michroma', sans-serif;color: #9F9FA2;-webkit-filter: drop-shadow(0px 0px 0.5px #ccc);text-transform: lowercase;}#text03 br + br {margin-top: 0.6rem;}#text03 {text-align: left;color: #707070;font-family: 'Inter', sans-serif;font-size: 0.75em;line-height: 1;font-weight: 400;}#text03 a:hover {color: #FFFFFF;}#text03 a {text-decoration: none;}#text03 {border-radius: 8px;background: radial-gradient(circle, rgba(219,219,220,1) 0%, rgba(255,255,255,1) 100%);padding: 0.5em;-webkit-filter: drop-shadow(0px 0px 1.5px #FFFFFF);height: 10em;overflow-y: scroll;font-family: Pixelated MS Sans Serif;}#text03 mark {font-family: 'Michroma', sans-serif;background: -webkit-linear-gradient(-90deg, #B7B7B9 30%, #57565B 70%, #3F3E44 95%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}#text04 br + br {margin-top: 0.6rem;}#text04 {text-align: left;color: #828282;font-family: 'Inter', sans-serif;font-size: 0.75em;line-height: 1;font-weight: 400;}#text04 a {text-decoration: underline;}#text04 a:hover {text-decoration: none;}#text04 {border-radius: 8px;background: radial-gradient(circle, rgba(219,219,220,1) 0%, rgba(255,255,255,1) 100%);padding: 0.5em;-webkit-filter: drop-shadow(0px 0px 1.5px #FFFFFF);height: 10em;overflow-y: scroll;font-family: Pixelated MS Sans Serif;}#text04 mark {font-family: 'Michroma', sans-serif;background: -webkit-linear-gradient(-90deg, #B7B7B9 30%, #57565B 70%, #3F3E44 95%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}#text05 br + br {margin-top: 0.6rem;}#text05 {text-align: left;color: #828282;font-family: 'Inter', sans-serif;font-size: 0.75em;line-height: 1;font-weight: 400;}#text05 a {text-decoration: underline;}#text05 a:hover {text-decoration: none;}#text05 {border-radius: 8px;background: radial-gradient(circle, rgba(219,219,220,1) 0%, rgba(255,255,255,1) 100%);padding: 0.5em;-webkit-filter: drop-shadow(0px 0px 1.5px #FFFFFF);height: 10em;overflow-y: scroll;font-family: Pixelated MS Sans Serif;}#text05 mark {font-family: 'Michroma', sans-serif;background: -webkit-linear-gradient(-90deg, #B7B7B9 30%, #57565B 70%, #3F3E44 95%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.buttons {cursor: default;padding: 0;letter-spacing: 0;}.buttons li a {align-items: center;justify-content: center;max-width: 100%;text-align: center;text-decoration: none;vertical-align: middle;white-space: nowrap;}#buttons01 {width: calc(100% + 0.375rem);margin-left: -0.1875rem;}#buttons01 li {display: inline-block;vertical-align: middle;max-width: calc(100% - 0.375rem);margin: 0.1875rem;}#buttons01 li a {display: flex;width: 3.125rem;height: 1.5rem;line-height: 1.5rem;vertical-align: middle;padding: 0 0.75rem;font-size: 0.75em;font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-weight: 700;border-radius: 2rem;direction: var(--site-language-direction);transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}#buttons01 .button {background-color: #FFFFFF;color: #3F3E44;background-image: linear-gradient(360deg, #D5D5D6 0%, rgba(255,255,255,0.008) 100%);background-position: 0% 0%;background-repeat: repeat;background-size: cover;}#buttons01 .button:hover {background-color: #FFFFFF !important;}#buttons01 li a {font-family: Pixelated MS Sans Serif;-webkit-filter: drop-shadow(0px 0px 1px #ccc);height: 1em;}.icons {cursor: default;padding: 0;letter-spacing: 0;}.icons li {display: inline-block;vertical-align: middle;position: relative;z-index: 1;}.icons li a {display: flex;align-items: center;justify-content: center;}.icons li a svg {display: block;position: relative;}.icons li a + svg {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none;}.icons li a .label {display: none;}#icons01 {font-size: 1em;width: calc(100% + 0rem);margin-left: -0rem;}#icons01 li {margin: 0rem;}#icons01 li a {border-radius: 0.125rem;width: 1em;height: 1em;transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}#icons01 li a svg {width: 100%;height: 100%;transition: fill 0.25s ease;}#icons01 a svg {fill: #999999;}#icons01 li a + svg {transition: fill 0.25s ease, stroke 0.25s ease;}#icons01 li a svg {-webkit-filter: drop-shadow(0px 0px 0.5px #ccc);}@media (max-width: 1680px) {html {font-size: 13pt;}}@media (max-width: 1280px) {html {font-size: 13pt;}#container02 > .wrapper {background-attachment: scroll;}}@media (max-width: 980px) {html {font-size: 11pt;}}@media (max-width: 736px) {html {font-size: 11pt;}#main > .inner {padding: 0rem 0rem;}#main > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#main > .inner > .full {margin-left: calc(0rem);width: calc(100% + 0rem + 0.4725px);max-width: calc(100% + 0rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: 0rem !important;}#main > .inner > .full:last-child {margin-bottom: 0rem !important;}#main > .inner > .full.screen {margin-left: -50vw;}#container01 > .wrapper > .inner {padding: 0.25rem 0.625rem;}#container01.default > .wrapper > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#container01.columns > .wrapper > .inner > * > * {margin-top: 0rem;margin-bottom: 0rem;}#container01.columns > .wrapper > .inner > * {padding: 0 0 0 0.25rem;}#container01.columns > .wrapper > .inner > *:first-child {margin-left: -0.25rem;}#container01.default > .wrapper > .inner > .full {margin-left: calc(-0.625rem);width: calc(100% + 1.25rem + 0.4725px);}#container01.default > .wrapper > .inner > .full:first-child {margin-top: -0.25rem !important;}#container01.default > .wrapper > .inner > .full:last-child {margin-bottom: -0.25rem !important;}#container01.columns > .wrapper > .inner > div > .full {margin-left: calc(-0.125rem);width: calc(100% + 0.25rem + 0.4725px);}#container01.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(-0.625rem);width: calc(100% + 0.75rem + 0.4725px);}#container01.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + 0.75rem + 0.4725px);}#container01.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(-0.25rem) !important;}#container01.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(-0.25rem) !important;}#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: calc(100% + 0.5rem);}#container01 > .wrapper > .inner > :nth-child(1) {width: calc(75% + 0.12rem);}#container01 > .wrapper > .inner > :nth-child(2) {width: calc(25% + 0.12rem);}#container02 > .wrapper > .inner {padding: 0.5rem 0.5rem;}#container02.default > .wrapper > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#container02.columns > .wrapper > .inner > * > * {margin-top: 0rem;margin-bottom: 0rem;}#container02.columns > .wrapper > .inner > * {padding: 0 0 0 0.5rem;}#container02.columns > .wrapper > .inner > *:first-child {margin-left: -0.5rem;}#container02.default > .wrapper > .inner > .full {margin-left: calc(-0.5rem);width: calc(100% + 1rem + 0.4725px);}#container02.default > .wrapper > .inner > .full:first-child {margin-top: -0.5rem !important;}#container02.default > .wrapper > .inner > .full:last-child {margin-bottom: -0.5rem !important;}#container02.columns > .wrapper > .inner > div > .full {margin-left: calc(-0.25rem);width: calc(100% + 0.5rem + 0.4725px);}#container02.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(-0.5rem);width: calc(100% + 0.75rem + 0.4725px);}#container02.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + 0.75rem + 0.4725px);}#container02.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(-0.5rem) !important;}#container02.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(-0.5rem) !important;}#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: calc(100% + 1rem);}#container02 > .wrapper > .inner > :nth-child(1) {width: calc(33.33333% + 0.16rem);}#container02 > .wrapper > .inner > :nth-child(2) {width: calc(33.33333% + 0.16rem);}#container02 > .wrapper > .inner > :nth-child(3) {width: calc(33.33333% + 0.16rem);}#container03 > .wrapper > .inner {padding: 0.25rem 0.625rem;}#container03.default > .wrapper > .inner > * {margin-top: 0.75rem;margin-bottom: 0.75rem;}#container03.columns > .wrapper > .inner > * > * {margin-top: 0.75rem;margin-bottom: 0.75rem;}#container03.columns > .wrapper > .inner > * {padding: 0 0 0 0rem;}#container03.columns > .wrapper > .inner > *:first-child {margin-left: 0rem;}#container03.default > .wrapper > .inner > .full {margin-left: calc(-0.625rem);width: calc(100% + 1.25rem + 0.4725px);}#container03.default > .wrapper > .inner > .full:first-child {margin-top: -0.25rem !important;}#container03.default > .wrapper > .inner > .full:last-child {margin-bottom: -0.25rem !important;}#container03.columns > .wrapper > .inner > div > .full {margin-left: calc(-0rem);width: calc(100% + 0rem + 0.4725px);}#container03.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(-0.625rem);width: calc(100% + 0.625rem + 0.4725px);}#container03.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + 0.625rem + 0.4725px);}#container03.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(-0.25rem) !important;}#container03.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(-0.25rem) !important;}#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: calc(100% + 0.5rem);}#container03 > .wrapper > .inner > :nth-child(1) {width: 40%;}#container03 > .wrapper > .inner > :nth-child(2) {width: 60%;}#image02 .frame {width: 2.125rem;}#image01 .frame {width: 10rem;}#text02:not(:first-child) {margin-top: 0.09375rem !important;}#text02:not(:last-child) {margin-bottom: 0.09375rem !important;}#text02 {letter-spacing: 0rem;width: 100%;font-size: 0.75em;line-height: 1;}#text02 {font-family: Pixelated MS Sans Serif;-webkit-filter: drop-shadow(0px 0px 0.5px #ccc);}#text01 {letter-spacing: 0rem;width: 100%;font-size: 0.75em;line-height: 1;}#text03 {letter-spacing: 0rem;width: 100%;font-size: 0.75em;line-height: 1;}#text04 {letter-spacing: 0rem;width: 100%;font-size: 0.75em;line-height: 1;}#text05 {letter-spacing: 0rem;width: 100%;font-size: 0.75em;line-height: 1;}#buttons01 li a {font-size: 0.75em;letter-spacing: 0rem;}#buttons01 li a {font-family: Pixelated MS Sans Serif;-webkit-filter: drop-shadow(0px 0px 1px #ccc);height: 1em;}#icons01 {font-size: 1em;width: calc(100% + 0rem);margin-left: -0rem;}#icons01 li {margin: 0rem;}}@media (max-width: 480px) {#main > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#container01.default > .wrapper > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#container01.columns > .wrapper > .inner > * > * {margin-top: 0rem;margin-bottom: 0rem;}#container02.default > .wrapper > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#container02.columns > .wrapper > .inner > * > * {margin-top: 0rem;margin-bottom: 0rem;}#container03.default > .wrapper > .inner > * {margin-top: 0.65625rem;margin-bottom: 0.65625rem;}#container03.columns > .wrapper > .inner > * > * {margin-top: 0.65625rem;margin-bottom: 0.65625rem;}#buttons01 li a {width: 3.125rem;}}@media (max-width: 360px) {#main > .inner {padding: 0rem 0rem;}#main > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#main > .inner > .full {margin-left: calc(-0rem);width: calc(100% + 0rem + 0.4725px);max-width: calc(100% + 0rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -0rem !important;}#main > .inner > .full:last-child {margin-bottom: -0rem !important;}#main > .inner > .full.screen {margin-left: -50vw;}#container01 > .wrapper > .inner {padding: 0.1875rem 0.46875rem;}#container01.default > .wrapper > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#container01.columns > .wrapper > .inner > * > * {margin-top: 0rem;margin-bottom: 0rem;}#container01.default > .wrapper > .inner > .full {margin-left: calc(-0.46875rem);width: calc(100% + 0.9375rem + 0.4725px);}#container01.default > .wrapper > .inner > .full:first-child {margin-top: -0.1875rem !important;}#container01.default > .wrapper > .inner > .full:last-child {margin-bottom: -0.1875rem !important;}#container01.columns > .wrapper > .inner > div > .full {margin-left: calc(-0.125rem);width: calc(100% + 0.25rem + 0.4725px);}#container01.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(-0.46875rem);width: calc(100% + 0.59375rem + 0.4725px);}#container01.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + 0.59375rem + 0.4725px);}#container01.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(-0.1875rem) !important;}#container01.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(-0.1875rem) !important;}#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: calc(100% + 0.375rem);}#container02 > .wrapper > .inner {padding: 0.375rem 0.375rem;}#container02.default > .wrapper > .inner > * {margin-top: 0rem;margin-bottom: 0rem;}#container02.columns > .wrapper > .inner > * > * {margin-top: 0rem;margin-bottom: 0rem;}#container02.default > .wrapper > .inner > .full {margin-left: calc(-0.375rem);width: calc(100% + 0.75rem + 0.4725px);}#container02.default > .wrapper > .inner > .full:first-child {margin-top: -0.375rem !important;}#container02.default > .wrapper > .inner > .full:last-child {margin-bottom: -0.375rem !important;}#container02.columns > .wrapper > .inner > div > .full {margin-left: calc(-0.25rem);width: calc(100% + 0.5rem + 0.4725px);}#container02.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(-0.375rem);width: calc(100% + 0.625rem + 0.4725px);}#container02.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + 0.625rem + 0.4725px);}#container02.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(-0.375rem) !important;}#container02.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(-0.375rem) !important;}#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: calc(100% + 0.75rem);}#container03 > .wrapper > .inner {padding: 0.1875rem 0.46875rem;}#container03.default > .wrapper > .inner > * {margin-top: 0.5625rem;margin-bottom: 0.5625rem;}#container03.columns > .wrapper > .inner > * > * {margin-top: 0.5625rem;margin-bottom: 0.5625rem;}#container03.default > .wrapper > .inner > .full {margin-left: calc(-0.46875rem);width: calc(100% + 0.9375rem + 0.4725px);}#container03.default > .wrapper > .inner > .full:first-child {margin-top: -0.1875rem !important;}#container03.default > .wrapper > .inner > .full:last-child {margin-bottom: -0.1875rem !important;}#container03.columns > .wrapper > .inner > div > .full {margin-left: calc(-0rem);width: calc(100% + 0rem + 0.4725px);}#container03.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(-0.46875rem);width: calc(100% + 0.46875rem + 0.4725px);}#container03.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + 0.46875rem + 0.4725px);}#container03.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(-0.1875rem) !important;}#container03.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(-0.1875rem) !important;}#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: calc(100% + 0.375rem);}#text02 {font-size: 0.75em;}#text01 {font-size: 0.75em;}#text03 {font-size: 0.75em;}#text04 {font-size: 0.75em;}#text05 {font-size: 0.75em;}#buttons01 {width: calc(100% + 0.28125rem);margin-left: -0.140625rem;}#buttons01 li {max-width: calc(100% - 0.28125rem);margin: 0.140625rem;}#icons01 {width: calc(100% + 0rem);margin-left: -0rem;}#icons01 li {margin: 0rem;}}</style><noscript><style>body {overflow: auto !important;}#main {opacity: 1.0 !important;transform: none !important;transition: none !important;filter: none !important;}</style></noscript></head><body class="is-loading"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40" display="none" width="0" height="0"><symbol id="icon-b65" viewBox="0 0 40 40"><path d="M31.6,36.5H8.4c-1.7,0-3.1-1.4-3.1-3.1v-4.6c0-3.8,1.8-6.9,5.2-9c1.1-0.7,2.4-1.2,3.8-1.6 c-0.8-0.7-1.5-1.5-2-2.4c-0.8-1.3-1.2-2.9-1.2-4.4c0-4.9,4-8.9,8.9-8.9s8.9,4,8.9,8.9c0,1.6-0.4,3.1-1.2,4.4c-0.5,0.9-1.2,1.7-2,2.4 c1.4,0.4,2.7,1,3.8,1.6c3.4,2,5.2,5.1,5.2,9v4.6C34.7,35.1,33.3,36.5,31.6,36.5z M20,5.4c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6 S23.3,5.4,20,5.4z M8.2,28.8v4.6c0,0.1,0.1,0.2,0.2,0.2h23.2c0.1,0,0.2-0.1,0.2-0.2v-4.6c0-3-1.4-5.2-4.2-6.7 c-2-1.1-4.9-1.8-7.7-1.8C15.6,20.3,8.2,22.1,8.2,28.8z"/></symbol><symbol id="icon-a32" viewBox="0 0 40 40"><path d="M3,32.2l0-1.6c0-0.3,0.2-0.5,0.5-0.5l33-0.1c0.3,0,0.5,0.2,0.5,0.5l0,1.6c0,0.3-0.2,0.5-0.5,0.5l-33,0.1 C3.2,32.7,3,32.5,3,32.2z M3,20.8l0-1.6c0-0.3,0.2-0.5,0.5-0.5l33-0.1c0.3,0,0.5,0.2,0.5,0.5l0,1.6c0,0.3-0.2,0.5-0.5,0.5l-33,0.1 C3.2,21.3,3,21.1,3,20.8z M3,9.5l0-1.6c0-0.3,0.2-0.5,0.5-0.5l33-0.1c0.3,0,0.5,0.2,0.5,0.5l0,1.6c0,0.3-0.2,0.5-0.5,0.5L3.5,10 C3.2,10,3,9.8,3,9.5z"/></symbol></svg><div id="wrapper"><div id="main"><div class="inner"><div id="container01" class="container columns"><div class="wrapper"><div class="inner"><div><p id="text01">www.<span style="color: #6F6E73">juegos</span>de<span style="color: #6F6E73">chicas.</span><span>com</span></p></div><div><ul id="icons01" class="icons"><li><a target="_blank" class="n01" href="https://twitter.com/zhansosmioo"><svg><use xlink:href="#icon-b65"></use></svg><span class="label">User (alt)</span></a></li><li><a class="n02" href="#"><svg><use xlink:href="#icon-a32"></use></svg><span class="label">Menu (light)</span></a></li></ul></div></div></div></div><div id="container02" class="container columns"><div class="wrapper"><div class="inner"><div><div id="embed04"><head><script src="https://kit.fontawesome.com/8119dfca45.js" crossorigin="anonymous"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script><script src="https://kit.fontawesome.com/8119dfca45.js" crossorigin="anonymous"></script></head><style type="text/css"> @font-face { font-family:'handy'; src: url(https://dl.dropbox.com/s/kqvt2miu9r4y9ye/handy00.ttf); } @font-face { font-family: 'music'; src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/LL_RECOR.TTF); } /*-------MUSIC PLAYER BY GLENTHEMES-------*/ #glenplayer02 { position:absolute; left: -0em; top: 0em; z-index:500; } #glenplayer02 { display:flex; margin: auto; width:auto; margin-left: 0.5em; } #glenplayer02 a {text-decoration:none;} #glenplayer02 > div { align-self:center; -webkit-align-self:center; } .music-controls { user-select:none; -webkit-user-select:none; width:13px; font-size:18px; cursor:pointer; font-family: 'music'; } .playy, .pausee {font-family: 'music'; font-size: 1.3em; color:#3F3E44; -webkit-filter: drop-shadow(0px 0px 1.5px #FFFFFF); font-weight: bold; } /* color of play & pause buttons */ .pausee {display:none;} .sonata { margin-left:0.4em; font-family: Pixelated MS Sans Serif; font-size:0.75em; color:#000; /* color of music note symbol */ } .labeltext { font-family:'handy'; margin-left:0.3em; font-size: 0.6em;/* color of song title */ } </style><body><div id="glenplayer02"><div class="music-controls" onclick="songstart();"><div class="playy">d</div><div class="pausee">k</div></div><div class="sonata"></div><div class="labeltext"></div></div><audio id="tune" src="https://dl.dropbox.com/s/caarg5ru3m53ger/deaton%20chris%20anthony%20-%20racecar%20feat.%20clairo_%20coco%20_%20clair%20clair%20%28official%20video%29%28mp3_160k%29.mp3?dl=0"></audio></body></div><div id="image01" class="image"><span class="frame"><img src="https://dl.dropbox.com/s/wovz8z2duf4oh3w/image01%20%283%29.png?dl=0" alt="" /></span></div><div id="embed03"><style> #venus { letter-spacing: 0.125em; position:absolute; left:0.2em; top:2.6em; z-index: 999; } #venus { animation: rainbow 1s infinite; font-size: 2.5em; font-family:'ROMANTIC'; -webkit-filter: drop-shadow(0px 0px 1px #FFFFFF); font-weight: bolder; } @keyframes rainbow { 0% { color: #E7E7E8; } 25% { color: #B7B7B9; } 50% { color: #9F9FA2; } 75% { color: #6F6E73; } 100% { color: #3F3E44; } } </style><div id="venus"> venus </div></div></div><div><p id="text03"><span><strong><mark>✦ Basic Info ✦</mark></strong></span><br /> <span>Venus, Méigui o Lola (no uses solo uno) <span style="color: #3F3E44">✦</span> 15 él/he poc peruano lesbiana librafeminine <br /> cr angeidiarys</span><br /> <span><mark> </mark></span><br /> <span><strong><mark>✦ Print ✦</mark></strong></span><br /> <span>mis ults, mis amigos, gatitos, perritos, invierno, soledad, dulces, ver c-dramas, jiang cheng, leer danmei y manhwas/manhuas</span><br /> <span><mark> </mark></span><br /> <span><strong><mark>✦ Music ✦</mark></strong></span><br /> <span>wayv, melanie martinez, pink pantheress, the boyz, loona, dreamcatcher, itzy, tnt, nct 127, arctic monkeys, blur, gorillaz, the strokes, etc</span><br /> <span><mark> </mark></span><br /> <span><strong><mark>✦ Socials ✦</mark></strong></span><br /> <span><a target="_blank" href="https://curiouscat.live/zhansosmio">curious cat</a> ⋆ <a target="_blank" href="https://rentry.co/meigui">neocities</a> ⋆ <a target="_blank" href="https://twitter.com/zhansitos">media</a> ⋆ <a target="_blank" href="https://open.spotify.com/playlist/35iPwmPxddGLrT52QR4vo0?si=d5766fd5a3ed43f3">playlist</a> ⋆ <a target="_blank" href="https://twitter.com/zhansitoOwO">rant</a></span></p></div><div><p id="text04"><span><strong><mark>✦ Guidelines ✦</mark></strong></span><br /> <span><strong>byr</strong> veces no entiendo el sarcasmo, soy neuro divergente (toc, tda, distimia, ansiedad social) y hablo de mis autolesiones sin tw (nada gráfico solo tweets), tl over dms, muchos tweets sobre xiao zhan y yuzuru hanyu, no formo parte de ningún sub twt, no valido la pansexualidad o weas bifóbicas, mostly cpop</span><br /> <span><mark> </mark></span><br /> <span><strong>dri</strong>, anti de mis favs matate, mainera o sidera promedio, lgbt fobico, apoyas a nathan chen o lo defiendes, no crees que seungyoun first all rounder, lesbiana política, rad/lib/lesbo/abolofem idk solo no m molestes, si me caes bien y aceptas q xiao zhan es mio te acepto</span><br /> <span><mark> </mark></span><br /><span><strong><mark>✦ My beloveds ✦</mark></strong></span><br /> <span><strong>xiao zhan</strong>, song jiyang, yu shuxin, yuzuru hanyu, lu keran, yu yan, all the9 ex members, lisa, jeongyeon, chuu, woodz, jaehyun, dami, minji, xiaojun, xiaowen, luo yunxi, zhang linghe, xuan lu, meng ziyi</span><br /> <span><mark> </mark></span><br /> <span><mark><strong>✦ Note ✦</strong></mark></span><br /> <span>si no eres amigui mio o mínimo mi mutual abstente de pedirme un neocities o un edit porfa porque no te voy a contestar OwO (puedes pedir el pastebin por dm pero no q t haga uno!!!!!)<br /><br /><script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=89498129"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=89498129" /></noscript></span></p></div></div></div></div><div id="image02" class="image"><span class="frame"><img src="https://dl.dropbox.com/s/9qyiv1omnckblwp/image02.png?dl=0" alt="" /></span></div><div id="container03" class="container columns"><div class="wrapper"><div class="inner"><div><ul id="buttons01" class="buttons"><li><a href="javascript:_next();" class="button n01">next</a></li><li><a href="javascript:_previous();" class="button n02">back</a></li></ul></div><div><p id="text02">last login: 6/02/2022 via <strong>friv games</strong></p></div></div></div></div><div id="embed05"><script>
- setTimeout(function() {
- var loader = document.getElementById("loader-wrapper");
- loader.style.transition = '15s';
- loader.style.opacity = '0';
- loader.style.visibility = 'hidden';
- }, 1250);
- </script><style> #jfade { font-family: michroma; font-size: 0.525em; text-transform: lowercase; letter-spacing: 1px; color: #555; position: relative; left:0; top: 1em; } </style><div class="loader-wrapper" id="loader-wrapper"><div id="loading"><div class="loader"><center><p id="jfade">Copyright © Venus 2006, All rights reserved.</p></center></div></div></div></div></div><div id="embed02"><style> #container02 > .wrapper > .inner > :nth-child(1) { margin-left: auto; margin-right: auto; width: 35%; } #container02 > .wrapper > .inner > :nth-child(2) { width: 65%; margin-left: auto; margin-right: auto; animation: iloaded 1s forwards; } #container02 > .wrapper > .inner > :nth-child(3) { width: 65%; margin-left: auto; margin-right: auto; display: none; animation: iloaded 1s forwards; } #container02 { justify-content: space-between !important; margin: auto; } @keyframes iloaded { from { filter: blur(10px); transform: translateY(2em); } to { filter: blur(0); transform: translateY(0); } } html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0; /* remove scrollbar space */ background: transparent; /* to make scrollbar invisible */ } ::-webkit-scrollbar-thumb { background: transparent; } </style></div><div id="embed01"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Michroma&display=swap" rel="stylesheet"><style> @font-face { font-family: Pixelated MS Sans Serif; src: url(https://dl.dropbox.com/s/tbas0823c5svwxz/qgjjre.woff); } @font-face { font-family:'ROMANTIC'; src: url(https://dl.dropbox.com/s/xggwcxb6mlf6pwq/ROMANTIC.TTF); } </style></div><div id="embed06"><script type="text/javascript">
- </script></head></div><div id="embed03"><style type="text/css">* {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth665.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/24/tiny-finger-point.html" target="_blank" title="Tiny Finger Point"><img src="https://dl.dropbox.com/s/ee3f21xzw9uo3fq/2022-01-11.png?dl=0" border="0" alt="Tiny Finger Point" style="position:absolute; top: 0px; right: 0px;" /></a><script>
- // <![CDATA[
- var colours=new Array("#E7E7E8", "#B7B7B9", "#9F9FA2", "#6F6E73", "#FFFFFF"); // colours for top, right, bottom and left borders and background of bubbles
- var bubbles=66; // how many bubbles are moving at any given time
- var over_or_under="over"; // set to "over" for bubbles to always be on top, or "under" to allow them to float behind other objects
- /****************************
- * JavaScript Bubble Bath *
- *(c)2010-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var swide=800;
- var shigh=600;
- var bubb=new Array();
- var bubbx=new Array();
- var bubby=new Array();
- var bubbs=new Array();
- var boddie;
- var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(bubba);
- function bubba() { if (document.getElementById) {
- var i, rats, div;
- boddie=document.createElement("div");
- boddie.style.position="fixed";
- boddie.style.top="0px";
- boddie.style.left="0px";
- boddie.style.overflow="visible";
- boddie.style.width="1px";
- boddie.style.height="1px";
- boddie.style.backgroundColor="transparent";
- boddie.style.zIndex="0";
- document.body.appendChild(boddie);
- set_width();
- for (i=0; i<bubbles; i++) {
- rats=createDiv("3px", "3px");
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.top="1px";
- div.left="0px";
- div.bottom="1px";
- div.right="0px";
- div.borderLeft="1px solid "+colours[3];
- div.borderRight="1px solid "+colours[1];
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.top="0px";
- div.left="1px";
- div.right="1px";
- div.bottom="0px"
- div.borderTop="1px solid "+colours[0];
- div.borderBottom="1px solid "+colours[2];
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.left="1px";
- div.right="1px";
- div.bottom="1px";
- div.top="1px";
- div.backgroundColor=colours[4];
- if (ie_version && ie_version<10) div.filter="alpha(opacity=50)";
- else div.opacity=0.5;
- boddie.appendChild(rats);
- bubb[i]=rats.style;
- bubb[i].zIndex=(over_or_under=="over")?"1001":"0";
- }
- bubble();
- }}
- function bubble() {
- var c;
- for (c=0; c<bubbles; c++) if (!bubby[c] && Math.random()<0.333) {
- bubb[c].left=(bubbx[c]=Math.floor(swide/6+Math.random()*swide/1.5)-10)+"px";
- bubb[c].top=(bubby[c]=shigh)+"px";
- bubb[c].width="3px";
- bubb[c].height="3px"
- bubb[c].visibility="visible";
- bubbs[c]=3;
- break;
- }
- for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
- setTimeout("bubble()", 40);
- }
- function update_bubb(i) {
- if (bubby[i]) {
- bubby[i]-=bubbs[i]/2+i%2;
- bubbx[i]+=(i%5-2)/5;
- if (bubby[i]>0 && bubbx[i]>0 && bubbx[i]<swide) {
- if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
- bubb[i].width=bubbs[i]+"px";
- bubb[i].height=bubbs[i]+"px";
- }
- bubb[i].top=bubby[i]+"px";
- bubb[i].left=bubbx[i]+"px";
- }
- else {
- bubb[i].visibility="hidden";
- bubby[i]=0;
- return;
- }
- }
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height;
- div.style.width=width;
- div.style.overflow="hidden";
- div.style.backgroundColor="transparent";
- return (div);
- }
- // ]]>
- </script></div><div id="embed07"><script language=JavaScript>
- <!--
- var message="xiao zhan";
- ///////////////////////////////////
- function clickIE4(){
- if (event.button==2){
- alert(message);
- return false;
- }
- }
- function clickNS4(e){
- if (document.layers||document.getElementById&&!document.all){
- if (e.which==2||e.which==3){
- alert(message);
- return false;
- }
- }
- }
- if (document.layers){
- document.captureEvents(Event.MOUSEDOWN);
- document.onmousedown=clickNS4;
- }
- else if (document.all&&!document.getElementById){
- document.onmousedown=clickIE4;
- }
- document.oncontextmenu=new Function("alert(message);return false")
- // -->
- </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script>
- document.onkeydown = function(e) {
- if (e.ctrlKey &&
- (e.keyCode === 67 ||
- e.keyCode === 86 ||
- e.keyCode === 85 ||
- e.keyCode === 117)) {
- return false;
- } else {
- return true;
- }
- };
- $(document).keypress("u",function(e) {
- if(e.ctrlKey)
- {
- return false;
- }
- else
- {
- return true;
- }
- });
- </script></div></div></div></div><script>(function() {var on = addEventListener,$ = function(q) { return document.querySelector(q) },$$ = function(q) { return document.querySelectorAll(q) },$body = document.body,$inner = $('.inner'),client = (function() {var o = {browser: 'other',browserVersion: 0,os: 'other',osVersion: 0,mobile: false,canUse: null},ua = navigator.userAgent,a, i;a = [['firefox', /Firefox\/([0-9\.]+)/],['edge', /Edge\/([0-9\.]+)/],['safari', /Version\/([0-9\.]+).+Safari/],['chrome', /Chrome\/([0-9\.]+)/],['chrome', /CriOS\/([0-9\.]+)/],['ie', /Trident\/.+rv:([0-9]+)/]];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.browser = a[i][0];o.browserVersion = parseFloat(RegExp.$1);break;}}a = [['ios', /([0-9_]+) like Mac OS X/, function(v) { return v.replace('_', '.').replace('_', ''); }],['ios', /CPU like Mac OS X/, function(v) { return 0 }],['ios', /iPad; CPU/, function(v) { return 0 }],['android', /Android ([0-9\.]+)/, null],['mac', /Macintosh.+Mac OS X ([0-9_]+)/, function(v) { return v.replace('_', '.').replace('_', ''); }],['windows', /Windows NT ([0-9\.]+)/, null],['undefined', /Undefined/, null],];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.os = a[i][0];o.osVersion = parseFloat( a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1 );break;}}if (o.os == 'mac'&& ('ontouchstart' in window)&& ((screen.width == 1024 && screen.height == 1366)|| (screen.width == 834 && screen.height == 1112)|| (screen.width == 810 && screen.height == 1080)|| (screen.width == 768 && screen.height == 1024)))o.os = 'ios';o.mobile = (o.os == 'android' || o.os == 'ios');var _canUse = document.createElement('div');o.canUse = function(p) {var e = _canUse.style,up = p.charAt(0).toUpperCase() + p.slice(1);return (p in e|| ('Moz' + up) in e|| ('Webkit' + up) in e|| ('O' + up) in e|| ('ms' + up) in e);};return o;}()),trigger = function(t) {if (client.browser == 'ie') {var e = document.createEvent('Event');e.initEvent(t, false, true);dispatchEvent(e);} else dispatchEvent(new Event(t));},cssRules = function(selectorText) {var ss = document.styleSheets,a = [],f = function(s) {var r = s.cssRules,i;for (i=0; i < r.length; i++) {if (r[i] instanceof CSSMediaRule && matchMedia(r[i].conditionText).matches)(f)(r[i]); else if (r[i] instanceof CSSStyleRule && r[i].selectorText == selectorText)a.push(r[i]);}},x, i;for (i=0; i < ss.length; i++)f(ss[i]);return a;},thisHash = function() {var h = location.hash ? location.hash.substring(1) : null,a;if (!h)return null;if (h.match(/\?/)) {a = h.split('?');h = a[0];history.replaceState(undefined, undefined, '#' + h);window.location.search = a[1];}if (h.length > 0&& !h.match(/^[a-zA-Z]/))h = 'x' + h;if (typeof h == 'string')h = h.toLowerCase();return h;},scrollToElement = function(e, style, duration) {var y, cy, dy,start, easing, offset, f;if (!e)y = 0; else {offset = (e.dataset.scrollOffset ? parseInt(e.dataset.scrollOffset) : 0) * parseFloat(getComputedStyle(document.documentElement).fontSize);switch (e.dataset.scrollBehavior ? e.dataset.scrollBehavior : 'default') {case 'default':default:y = e.offsetTop + offset;break;case 'center':if (e.offsetHeight < window.innerHeight)y = e.offsetTop - ((window.innerHeight - e.offsetHeight) / 2) + offset; else y = e.offsetTop - offset;break;case 'previous':if (e.previousElementSibling)y = e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight + offset; else y = e.offsetTop + offset;break;}}if (!style)style = 'smooth';if (!duration)duration = 750;if (style == 'instant') {window.scrollTo(0, y);return;}start = Date.now();cy = window.scrollY;dy = y - cy;switch (style) {case 'linear':easing = function (t) { return t };break;case 'smooth':easing = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 };break;}f = function() {var t = Date.now() - start;if (t >= duration)window.scroll(0, y); else {window.scroll(0, cy + (dy * easing(t / duration)));requestAnimationFrame(f);}};f();},scrollToTop = function() {scrollToElement(null);},loadElements = function(parent) {var a, e, x, i;a = parent.querySelectorAll('iframe[data-src]:not([data-src=""])');for (i=0; i < a.length; i++) {a[i].src = a[i].dataset.src;a[i].dataset.src = "";}a = parent.querySelectorAll('video[autoplay]');for (i=0; i < a.length; i++) {if (a[i].paused)a[i].play();}e = parent.querySelector('[data-autofocus="1"]');x = e ? e.tagName : null;switch (x) {case 'FORM':e = e.querySelector('.field input, .field select, .field textarea');if (e)e.focus();break;default:break;}},unloadElements = function(parent) {var a, e, x, i;a = parent.querySelectorAll('iframe[data-src=""]');for (i=0; i < a.length; i++) {if (a[i].dataset.srcUnload === '0')continue;a[i].dataset.src = a[i].src;a[i].src = '';}a = parent.querySelectorAll('video');for (i=0; i < a.length; i++) {if (!a[i].paused)a[i].pause();}e = $(':focus');if (e)e.blur();};window._scrollToTop = scrollToTop;var thisURL = function() {return window.location.href.replace(window.location.search, '').replace(/#$/, '');};var getVar = function(name) {var a = window.location.search.substring(1).split('&'),b, k;for (k in a) {b = a[k].split('=');if (b[0] == name)return b[1];}return null;};var errors = {handle: function(handler) {window.onerror = function(message, url, line, column, error) {(handler)(error.message);return true;};},unhandle: function() {window.onerror = null;}};on('load', function() {setTimeout(function() {$body.className = $body.className.replace(/\bis-loading\b/, 'is-playing');setTimeout(function() {$body.className = $body.className.replace(/\bis-playing\b/, 'is-ready');}, 1750);}, 100);});loadElements(document.body);var style, sheet, rule;style = document.createElement('style');style.appendChild(document.createTextNode(''));document.head.appendChild(style);sheet = style.sheet;if (client.mobile) {(function() {var f = function() {document.documentElement.style.setProperty('--viewport-height', window.innerHeight + 'px');document.documentElement.style.setProperty('--background-height', (window.innerHeight + 250) + 'px');};on('load', f);on('resize', f);on('orientationchange', function() {setTimeout(function() {(f)();}, 100);});})();}if (client.os == 'android') {(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];var f = function() {rule.style.cssText = 'height: ' + (Math.max(screen.width, screen.height)) + 'px';};on('load', f);on('orientationchange', f);on('touchmove', f);})();$body.classList.add('is-touch');} else if (client.os == 'ios') {if (client.osVersion <= 11)(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];rule.style.cssText = '-webkit-transform: scale(1.0)';})();if (client.osVersion <= 11)(function() {sheet.insertRule('body.ios-focus-fix::before { }', 0);rule = sheet.cssRules[0];rule.style.cssText = 'height: calc(100% + 60px)';on('focus', function(event) {$body.classList.add('ios-focus-fix');}, true);on('blur', function(event) {$body.classList.remove('ios-focus-fix');}, true);})();$body.classList.add('is-touch');} else if (client.browser == 'ie') {if (!('matches' in Element.prototype))Element.prototype.matches = (Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);(function() {var a = cssRules('body::before'),r;if (a.length > 0) {r = a[0];if (r.style.width.match('calc')) {r.style.opacity = 0.9999;setTimeout(function() {r.style.opacity = 1;}, 100);} else {document.styleSheets[0].addRule('body::before', 'content: none !important;');$body.style.backgroundImage = r.style.backgroundImage.replace('url("images/', 'url("assets/images/');$body.style.backgroundPosition = r.style.backgroundPosition;$body.style.backgroundRepeat = r.style.backgroundRepeat;$body.style.backgroundColor = r.style.backgroundColor;$body.style.backgroundAttachment = 'fixed';$body.style.backgroundSize = r.style.backgroundSize;}}})();(function() {var t, f;f = function() {var mh, h, s, xx, x, i;x = $('#wrapper');x.style.height = 'auto';if (x.scrollHeight <= innerHeight)x.style.height = '100vh';xx = $$('.container.full');for (i=0; i < xx.length; i++) {x = xx[i];s = getComputedStyle(x);x.style.minHeight = '';x.style.height = '';mh = s.minHeight;x.style.minHeight = 0;x.style.height = '';h = s.height;if (mh == 0)continue;x.style.height = (h > mh ? 'auto' : mh);}};(f)();on('resize', function() {clearTimeout(t);t = setTimeout(f, 250);});on('load', f);})();} else if (client.browser == 'edge') {(function() {var xx = $$('.container > .inner > div:last-child'),x, y, i;for(i=0; i < xx.length; i++) {x = xx[i];y = getComputedStyle(x.parentNode);if (y.display != 'flex'&& y.display != 'inline-flex')continue;x.style.marginLeft = '-1px';}})();}if (!client.canUse('object-fit')) {(function() {var xx = $$('.image[data-position]'),x, w, c, i, src;for (i=0; i < xx.length; i++) {x = xx[i];c = x.firstElementChild;if (c.tagName != 'IMG') {w = c;c = c.firstElementChild;}if (c.parentNode.classList.contains('deferred')) {c.parentNode.classList.remove('deferred');src = c.getAttribute('data-src');c.removeAttribute('data-src');} else src = c.getAttribute('src');c.style['backgroundImage'] = 'url(\'' + src + '\')';c.style['backgroundSize'] = 'cover';c.style['backgroundPosition'] = x.dataset.position;c.style['backgroundRepeat'] = 'no-repeat';c.src = 'data:image/svg+xml;charset=utf8,' + escape('<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1"></svg>');if (x.classList.contains('full')&& (x.parentNode && x.parentNode.classList.contains('full'))&& (x.parentNode.parentNode && x.parentNode.parentNode.parentNode && x.parentNode.parentNode.parentNode.classList.contains('container'))&& x.parentNode.children.length == 1) {(function(x, w) {var p = x.parentNode.parentNode,f = function() {x.style['height'] = '0px';clearTimeout(t);t = setTimeout(function() {if (getComputedStyle(p).flexDirection == 'row') {if (w)w.style['height'] = '100%';x.style['height'] = (p.scrollHeight + 1) + 'px';} else {if (w)w.style['height'] = 'auto';x.style['height'] = 'auto';}}, 125);},t;on('resize', f);on('load', f);(f)();})(x, w);}}})();(function() {var xx = $$('.gallery img'),x, p, i, src;for (i=0;i < xx.length; i++) {x = xx[i];p = x.parentNode;if (p.classList.contains('deferred')) {p.classList.remove('deferred');src = x.getAttribute('data-src');} else src = x.getAttribute('src');p.style['backgroundImage'] = 'url(\'' + src + '\')';p.style['backgroundSize'] = 'cover';p.style['backgroundPosition'] = 'center';p.style['backgroundRepeat'] = 'no-repeat';x.style['opacity'] = '0';}})();}var scrollEvents = {items: [],add: function(o) {this.items.push({element: o.element,triggerElement: (('triggerElement' in o && o.triggerElement) ? o.triggerElement : o.element),enter: ('enter' in o ? o.enter : null),leave: ('leave' in o ? o.leave : null),mode: ('mode' in o ? o.mode : 1),offset: ('offset' in o ? o.offset : 0),initialState: ('initialState' in o ? o.initialState : null),state: false,});},handler: function() {var height, top, bottom, scrollPad;if (client.os == 'ios') {height = document.documentElement.clientHeight;top = document.body.scrollTop + window.scrollY;bottom = top + height;scrollPad = 125;} else {height = document.documentElement.clientHeight;top = document.documentElement.scrollTop;bottom = top + height;scrollPad = 0;}scrollEvents.items.forEach(function(item) {var bcr, elementTop, elementBottom, state, a, b;if (!item.enter&& !item.leave)return true;if (item.triggerElement.offsetParent === null)return true;bcr = item.triggerElement.getBoundingClientRect();elementTop = top + Math.floor(bcr.top);elementBottom = elementTop + bcr.height;if (item.initialState !== null) {state = item.initialState;item.initialState = null;} else {switch (item.mode) {case 1:default:state = (bottom > (elementTop - item.offset) && top < (elementBottom + item.offset));break;case 2:a = (top + (height * 0.5));state = (a > (elementTop - item.offset) && a < (elementBottom + item.offset));break;case 3:a = top + (height * 0.25);if (a - (height * 0.375) <= 0)a = 0;b = top + (height * 0.75);if (b + (height * 0.375) >= document.body.scrollHeight - scrollPad)b = document.body.scrollHeight + scrollPad;state = (b > (elementTop - item.offset) && a < (elementBottom + item.offset));break;}}if (state != item.state) {item.state = state;if (item.state) {if (item.enter) {(item.enter).apply(item.element);if (!item.leave)item.enter = null;}} else {if (item.leave) {(item.leave).apply(item.element);if (!item.enter)item.leave = null;}}}});},init: function() {on('load', this.handler);on('resize', this.handler);on('scroll', this.handler);(this.handler)();}};scrollEvents.init();var onvisible = {effects: {'blur-in': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'filter ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.filter = 'blur(' + (0.25 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.filter = 'none';},},'zoom-in': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'scale(' + (1 - ((alt ? 0.25 : 0.05) * intensity)) + ')';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'zoom-out': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'scale(' + (1 + ((alt ? 0.25 : 0.05) * intensity)) + ')';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'slide-left': {transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.transform = 'translateX(100vw)';},play: function() {this.style.transform = 'none';},},'slide-right': {transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.transform = 'translateX(-100vw)';},play: function() {this.style.transform = 'none';},},'flip-forward': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateX(' + ((alt ? 45 : 15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'flip-backward': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateX(' + ((alt ? -45 : -15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'flip-left': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateY(' + ((alt ? 45 : 15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'flip-right': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateY(' + ((alt ? -45 : -15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'tilt-left': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'rotate(' + ((alt ? 45 : 5) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'tilt-right': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'rotate(' + ((alt ? -45 : -5) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-right': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateX(' + (-1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-left': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateX(' + (1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-down': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateY(' + (-1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-up': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateY(' + (1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-in': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;},play: function() {this.style.opacity = 1;},},'fade-in-background': {custom: true,transition: function (speed, delay) {this.style.setProperty('--onvisible-speed', speed + 's');if (delay)this.style.setProperty('--onvisible-delay', delay + 's');},rewind: function(intensity) {this.style.removeProperty('--onvisible-background-color');},play: function() {this.style.setProperty('--onvisible-background-color', 'rgba(0,0,0,0.001)');},},},add: function(selector, settings) {var style = settings.style in this.effects ? settings.style : 'fade',speed = parseInt('speed' in settings ? settings.speed : 1000) / 1000,intensity = ((parseInt('intensity' in settings ? settings.intensity : 5) / 10) * 1.75) + 0.25,delay = parseInt('delay' in settings ? settings.delay : 0) / 1000,offset = parseInt('offset' in settings ? settings.offset : 0),mode = parseInt('mode' in settings ? settings.mode : 3),replay = 'replay' in settings ? settings.replay : false,stagger = 'stagger' in settings ? (parseInt(settings.stagger) / 1000) : false,state = 'state' in settings ? settings.state : null,effect = this.effects[style];if ('CARRD_DISABLE_ANIMATION' in window) {if (style == 'fade-in-background')$$(selector).forEach(function(e) {e.style.setProperty('--onvisible-background-color', 'rgba(0,0,0,0.001)');});return;}$$(selector).forEach(function(e) {var children = (stagger !== false) ? e.querySelectorAll(':scope > li, :scope ul > li') : null,enter = function(staggerDelay=0) {var _this = this,transitionOrig;if (!effect.custom) {transitionOrig = this.style.transition;this.style.setProperty('backface-visibility', 'hidden');this.style.transition = effect.transition(speed, delay + staggerDelay);} else effect.transition.apply(this, [speed, delay + staggerDelay]);effect.play.apply(this);if (!effect.custom)setTimeout(function() {_this.style.removeProperty('backface-visibility');_this.style.transition = transitionOrig;}, (speed + delay + staggerDelay) * 1000 * 2);},leave = function() {var _this = this,transitionOrig;if (!effect.custom) {transitionOrig = this.style.transition;this.style.setProperty('backface-visibility', 'hidden');this.style.transition = effect.transition(speed);} else effect.transition.apply(this, [speed]);effect.rewind.apply(this, [intensity, !!children]);if (!effect.custom)setTimeout(function() {_this.style.removeProperty('backface-visibility');_this.style.transition = transitionOrig;}, speed * 1000 * 2);},triggerElement;if (children)children.forEach(function(e) {effect.rewind.apply(e, [intensity, true]);}); else effect.rewind.apply(e, [intensity]);triggerElement = e;if (e.parentNode) {if (e.parentNode.dataset.onvisibleTrigger)triggerElement = e.parentNode; else if (e.parentNode.parentNode) {if (e.parentNode.parentNode.dataset.onvisibleTrigger)triggerElement = e.parentNode.parentNode;}}scrollEvents.add({element: e,triggerElement: triggerElement,offset: offset,mode: mode,initialState: state,enter: children ? function() {var staggerDelay = 0;children.forEach(function(e) {enter.apply(e, [staggerDelay]);staggerDelay += stagger;});} : enter,leave: (replay ? (children ? function() {children.forEach(function(e) {leave.apply(e);});} : leave) : null),});});},};$('#buttons01 > li:nth-child(1) > a').addEventListener('click',function(event) { document.querySelector("#container02 > .wrapper > .inner > :nth-child(2)").style.display="none";document.querySelector("#container02 > .wrapper > .inner > :nth-child(3)").style.display="inline-block";});$('#buttons01 > li:nth-child(2) > a').addEventListener('click',function(event) { document.querySelector("#container02 > .wrapper > .inner > :nth-child(3)").style.display="none";document.querySelector("#container02 > .wrapper > .inner > :nth-child(2)").style.display="inline-block";});onvisible.add('#image02', { style: 'blur-in', speed: 1500, intensity: 5, delay: 750, replay: true });onvisible.add('#text01', { style: 'blur-in', speed: 1500, intensity: 7, delay: 750, replay: true });onvisible.add('#image01', { style: 'blur-in', speed: 1500, intensity: 5, delay: 750, replay: true });onvisible.add('#buttons01', { style: 'blur-in', speed: 1500, intensity: 5, delay: 750, replay: true });onvisible.add('#icons01', { style: 'blur-in', speed: 1500, intensity: 5, delay: 750, replay: true });})();</script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment