API tools faq
paste
Advertisement
QueenOfGeckos

Digital Dreams*Javascript*

QueenOfGeckos
Jun 23rd, 2018
98
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.45 KB | None | 0 0
raw download clone embed print report
  1. <Script>
  2.  
  3. const master = new TimelineMax();
  4. const leaves = $('[id^=LeafGroup]');
  5.  
  6.  
  7. master
  8. .add(setup)
  9. .add(ghostAppear)
  10. .add(vinesDraw, 1);
  11.  
  12. function setup() {
  13. const tl = new TimelineMax();
  14. tl
  15. .set('.vine', { drawSVG: "100% 100%", autoAlpha: 1 })
  16. .set('.reflection', {opacity: 0, scale: 0.8, y: -10, autoAlpha: 1})
  17. .staggerTo(leaves, 0, {cycle: { transformOrigin: ["40% 20%", "60% 85%", "60% 85%", "40% 15%", "40% 90%", "35% 90%", "50% 0%", "65% 25%", "75% 85%", "25% 30%", "50% 20%", "40% 90%" ]}, autoAlpha: 1, scale: 0});
  18.  
  19. return tl;
  20. }
  21. function ghostAppear() {
  22. const tl = new TimelineMax();
  23. tl.to('.reflection', 2, {scale: 1, opacity: 1, y: "+=15px"})
  24. return tl;
  25. }
  26. function vinesDraw() {
  27. const tl = new TimelineMax();
  28.  
  29. tl
  30. .staggerFromTo( '[id^=top-left] path[id^=top-left]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  31. .staggerFromTo( '[id^=top-right] path[id^=top-right]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  32. .staggerFromTo( '[id^=bottom-left] path[id^=bottom-left]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  33. .staggerFromTo( '[id^=bottom-right] path[id^=bottom-right]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  34. .fromTo( '[id^=top-middle] path', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, "draw-Level2-Vines")
  35. .fromTo( '[id^=middle] path', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, "draw-Level2-Vines+=0.7")
  36. .fromTo( '[id^=bottom-middle] path', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, "draw-Level2-Vines+=1");
  37.  
  38. return tl;
  39. }
  40.  
  41.  
  42. function leafGrow() {
  43. const currentVine = $(this.target);
  44. const currentLeaf = currentVine.siblings( "[id^=LeafGroup]" );
  45. const tl = new TimelineMax();
  46. tl.to(currentLeaf, 3, {scale: 1});
  47.  
  48. return tl;
  49. }
  50. </script>
  51.  
  52. <style>
  53. /*
  54. PLEASE DO NOT REMOVE THIS CREDIT
  55. DO NOT REMOVE THE CREDIT AT THE BOTTOM EITHER!
  56. CREATOR: BLINKY// HAKUNO KISHINAMI
  57. There is a Javascript at the base that prevents right click. Do not remove it. If you do not have Java you don't need to worry about it. But please do not remove it. You'll break the code.
  58.  
  59. THIS IS THE JAVA SCRIPT EDITION!
  60.  
  61. */
  62.  
  63. @import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
  64. @font-face {
  65. font-family: "8bitoperator";
  66. src: url("http://static.tumblr.com/o4povtk/wojnwfrxb/8bitoperator.ttf") format("truetype");
  67. }
  68.  
  69.  
  70.  
  71. #container {
  72. background-image: url("https://i.imgur.com/CS8OFTO.jpg");
  73. background-repeat: repeat;
  74. background-size: 100% 100%;
  75. background-position: bottom right;
  76. width: 100%;
  77. height: 100%;
  78. opacity:0;
  79. position: absolute;
  80. top: 50%;
  81. left: 50%;
  82. transform: translate(-50%, -50%);
  83. z-index:2;
  84. -webkit-transition-duration: 2s;
  85. -moz-transition-duration: 2s;
  86. }
  87.  
  88. #container:hover{
  89. opacity:1;
  90. -webkit-transition-duration: 2s;
  91. -moz-transition-duration: 2s;
  92. }
  93.  
  94. body {
  95. background: #0e8414;
  96. font-family:'Press Start 2P';
  97. font-size:20px;
  98. }
  99.  
  100. .container1 {
  101. margin: 0 auto;
  102. max-width: 55vh;
  103. position: relative;
  104. }
  105.  
  106. .st0{fill: #FFFFFF;}
  107. .st1{fill:#22743f;}
  108. .st2{fill:#73C2A6;}
  109. .vine{
  110. fill:none;
  111. stroke:#73C2A6;
  112. stroke-width:2;
  113. stroke-linecap:round;
  114. stroke-linejoin:round;
  115. }
  116.  
  117. [id^=LeafGroup], .vine, .reflection {
  118. visibility: hidden;
  119. }
  120.  
  121.  
  122. .reflection {
  123. position: absolute;
  124. width: 80%;
  125. top: 17%;
  126. left: 11%;
  127. overflow: hidden;
  128. border-radius: 50%;
  129. }
  130. .reflection img {
  131. max-width: 100%;
  132. border-radius: 50%;
  133. }
  134.  
  135.  
  136. #container1 {
  137. background-image: url("");
  138. background-repeat: repeat;
  139. background-size: 100% 100%;
  140. background-position: bottom right;
  141. width: 100%;
  142. height: 100%;
  143. opacity:0;
  144. position: absolute;
  145. top: 50%;
  146. left: 50%;
  147. transform: translate(-50%, -50%);
  148. z-index:2;
  149. -webkit-transition-duration: 2s;
  150. -moz-transition-duration: 2s;
  151. }
  152.  
  153. #container1:hover{
  154. opacity:1;
  155. -webkit-transition-duration: 2s;
  156. -moz-transition-duration: 2s;
  157. }
  158.  
  159. body {
  160. background: #0e8414;
  161. margin: 0px;
  162. overflow: hidden;
  163. }
  164.  
  165.  
  166. #words3{
  167. position:absolute;
  168. font-family:'Press Start 2P';
  169. font-size: 65px;
  170. bottom: -5%;
  171. left: 4%;
  172. height: 120px;
  173. background: #transparent;
  174. background: url(https://i.imgur.com/vAIDd46.gif) -20px -20px repeat;
  175. -webkit-text-fill-color: transparent;
  176. -webkit-background-clip: text;
  177. z-index: 99;
  178. -ms-transform: rotate(12deg);
  179. -webkit-transform: rotate(12deg);
  180. transform: rotate(12deg);
  181. }
  182.  
  183.  
  184.  
  185.  
  186. h1{
  187. font-family:'8bitoperator', 'Press Start 2P';
  188. font-weight:normal;
  189. font-style:italic;
  190. color: #ffffff;
  191. font-size:20px;
  192. line-height:27px;
  193. padding: 0px 3px 0px 0px;
  194. border-bottom: 1px solid #ffffff;
  195. }
  196.  
  197. .right{
  198. position:absolute;
  199. top:-22px;
  200. left:140px;
  201. font-family: 'Oswald', font-family:'Press Start 2P';
  202. text-transform: uppercase;
  203. text-decoration: none;
  204. font-size: 24px;
  205. line-height: 24px;
  206. letter-spacing: -1px;
  207. color: #ffe650;
  208. }
  209.  
  210. .spooky{
  211. position:absolute;
  212. top:30px;
  213. left:60px;
  214. width:330px;
  215. height: 250px;
  216. overflow:hidden;
  217. z-index:20;
  218. }
  219.  
  220. .far{
  221. width:330px;
  222. height: 300px;
  223. overflow:auto;
  224. }
  225.  
  226. .tell{
  227. color:#dfeff1;
  228. font-size:14px;
  229. text-align:justify;
  230. line-height:14px;
  231. font-family:cambria;
  232. letter-spacing:0.3px;
  233. margin: 5px;
  234. }
  235. a.gone:link, a.gone:active, a.gone:visited{
  236. font-family: 'Oswald', sans-serif;
  237. text-transform: uppercase;
  238. text-decoration: none;
  239. font-size: 24px;
  240. line-height: 24px;
  241. letter-spacing: -1px;
  242. color: #f77481;
  243. margin-right:12px;
  244. z-index:10;
  245. }
  246.  
  247. a.gone:hover{
  248. text-shadow:-4px 0px 0px #ffe650;
  249. }
  250.  
  251. b {
  252. color: #50cfff;
  253. font-weight:bold;
  254. letter-spacing: 1px;
  255. }
  256.  
  257. i{
  258. color:#ffffff;
  259. font-style:italic;
  260. }
  261.  
  262. u{
  263. font-style:italic;
  264. text-decoration:noneunderline;
  265. }
  266.  
  267. a:active, a:link, a:visited{
  268. color:#fff;
  269. text-decoration:none;
  270. }
  271. a:hover{
  272. cursor:all-scroll;
  273. color:#4e3f64;
  274. text-decoration:line-through;
  275. }
  276.  
  277.  
  278.  
  279. ::-webkit-scrollbar {width: 3px;}
  280. ::-webkit-scrollbar-thumb:vertical {
  281. height: 10px;background-color: #D98878;}
  282. ::-webkit-scrollbar-thumb:horizontal {
  283. height: 10px;background-color: #D98878;border: 0px ;width: 15px;}
  284.  
  285.  
  286. #sparkle{
  287. width:700px;
  288. height: 400px;
  289. background:#244228;
  290. border-radius: 50px 100px 100px 50px;
  291. z-index: 4;
  292. opacity: 0.70;
  293. filter: alpha(opacity=70);
  294. }
  295.  
  296.  
  297. .brightly{
  298. margin: auto;
  299. position: absolute;
  300. top: 0; left: 0; bottom: 0; right: 0;
  301.  
  302.  
  303. }
  304.  
  305.  
  306.  
  307.  
  308.  
  309. .lovely {
  310. position: absolute;
  311. top: 20%;
  312. bottom: 20%;
  313. right: 30%;
  314. z-index: 6;
  315.  
  316. }
  317.  
  318. .lovely2 {
  319. position: absolute;
  320. bottom: -50px;
  321. left: 10%;
  322. z-index: 100;
  323. opacity: 1.00;
  324. filter: alpha(opacity=100);
  325. }
  326.  
  327.  
  328.  
  329. .you{
  330. position:absolute;
  331. margin:auto;
  332. top: -2%;
  333. left: -2%;
  334. width: 100px;
  335. height: 100px;
  336. -ms-transform: rotate(45deg);
  337. -webkit-transform: rotate(45deg);
  338. transform: rotate(45deg);
  339. z-index: 97;
  340. }
  341.  
  342. a.dream:link, a.dream:active, a.dream:visited{
  343. display: block;
  344. float: left;
  345. width: 35px;
  346. height: 35px;
  347. margin: 1px;
  348. background-color:#409c1b;
  349. -webkit-transition: all 0.6s ease-out;
  350. -moz-transition: all 0.6s ease-out;
  351. }
  352.  
  353. a.dream:hover{
  354. background-color:#FFFDCD;
  355. box-shadow: 0px 0px 5px #999;
  356. }
  357.  
  358. .floating3{
  359. float: bottom-left;
  360. -webkit-animation-name: Floatingx;
  361. -webkit-animation-duration: 2s;
  362. -webkit-animation-iteration-count: infinite;
  363. -webkit-animation-timing-function: ease-in-out;
  364. -moz-animation-name: Floating;
  365. -moz-animation-duration: 0.5s;
  366. -moz-animation-iteration-count: infinite;
  367. -moz-animation-timing-function: ease-in-out;
  368. margin-right: 0px;
  369. margin-bottom: 100px;
  370. z-index:343;
  371.  
  372. }
  373.  
  374. @-webkit-keyframes Floatingx{
  375. from {-webkit-transform:translate(0, 0px);}
  376. 65% {-webkit-transform:translate(0, 15px);}
  377. to {-webkit-transform: translate(0, -0px); }
  378. }
  379.  
  380. table {
  381. margin-top:-9px;
  382. width: 100%;
  383. margin-left:-2px;
  384. background-color: transparent;
  385. border-collapse: collapse;}
  386.  
  387. td {
  388. font-size: 11px;
  389. letter-spacing: 1px;
  390. height: 100px;
  391. overflow: auto;}
  392.  
  393. #rel img {
  394. margin:8px;
  395. border:5px solid #fff; /* relationships icon border color */
  396. width:50px;
  397. height:50px;
  398. padding:4px;
  399. -webkit-transition:all 0.3s ease-out;
  400. -moz-transition:all 0.3s ease-out;
  401. transition:all 0.3s ease-out;}
  402.  
  403. #rel:hover img {
  404. border:5px solid #529ecc; /* relationships icon border hover color */
  405. -webkit-transition:all 0.3s ease-out;
  406. -moz-transition:all 0.3s ease-out;
  407. transition:all 0.3s ease-out;}
  408.  
  409. ::-webkit-scrollbar {width: 5px;}
  410. ::-webkit-scrollbar-thumb:vertical {
  411. height: 10px;background-color: #ffe763;}
  412. ::-webkit-scrollbar-thumb:horizontal {
  413. height: 10px;background-color: #ffe763; border: 0px ;width: 12px;}
  414.  
  415. ------
  416. #crystals {
  417. position:fixed;
  418. top:0;
  419. left:0;
  420. width:480px;
  421. height:100%;
  422. }
  423. @-webkit-keyframes bg-crystal001 { 100% {background-position: 0px 900px;}}
  424. @-moz-keyframes bg-crystal001 { 100% {background-position: 0px 900px;}}
  425. @-o-keyframes bg-crystal001 { 100% {background-position: 0px 900px;}}
  426. @keyframes bg-crystal001 { 100% {background-position: 0px 900px;}}
  427.  
  428.  
  429.  
  430. #crystals .crystal_01 {
  431. position:absolute;
  432. width:100%;
  433. height:100%;
  434. background:url(https://i.imgur.com/WY4QNkY.png)repeat-y;
  435. -webkit-animation: bg-crystal001 30s infinite;
  436. -moz-animation: bg-crystal001 30s infinite;
  437. -o-animation: bg-crystal001 30s infinite;
  438. animation: bg-crystal001 30s infinite;
  439. -webkit-animation-timing-function: linear;
  440. -moz-animation-timing-function: linear;
  441. -o-animation-timing-function: linear;
  442. animation-timing-function: linear;
  443. }
  444. @-webkit-keyframes bg-crystal002 { 100% {background-position: 0px 900px;}}
  445. @-moz-keyframes bg-crystal002 { 100% {background-position: 0px 900px;}}
  446. @-o-keyframes bg-crystal002 { 100% {background-position: 0px 900px;}}
  447. @keyframes bg-crystal002 { 100% {background-position: 0px 900px;}}
  448. #crystals .crystal_02 {
  449. position:absolute;
  450. width:100%;
  451. height:100%;
  452. background:url(https://i.imgur.com/k99zMdl.png)repeat-y;
  453. -webkit-animation: bg-crystal002 60s infinite;
  454. -moz-animation: bg-crystal002 60s infinite;
  455. -o-animation: bg-crystal002 60s infinite;
  456. animation: bg-crystal002 60s infinite;
  457. -webkit-animation-timing-function: linear;
  458. -moz-animation-timing-function: linear;
  459. -o-animation-timing-function: linear;
  460. animation-timing-function: linear;
  461. }
  462. @-webkit-keyframes bg-crystal003 { 100% {background-position: 0px -1200px;}}
  463. @-moz-keyframes bg-crystal003 { 100% {background-position: 0px -1200px;}}
  464. @-o-keyframes bg-crystal003 { 100% {background-position: 0px -1200px;}}
  465. @keyframes bg-crystal003 { 100% {background-position: 0px -1200px;}}
  466. #crystals .crystal_03 {
  467. position:absolute;
  468. width:100%;
  469. height:100%;
  470. left:50%;
  471. margin-left:-180px;
  472. background:url(https://i.imgur.com/PNsqi0r.png)repeat-y;
  473. -webkit-animation: bg-crystal003 90s infinite;
  474. -moz-animation: bg-crystal003 90s infinite;
  475. -o-animation: bg-crystal003 90s infinite;
  476. animation: bg-crystal003 90s infinite;
  477. -webkit-animation-timing-function: linear;
  478. -moz-animation-timing-function: linear;
  479. -o-animation-timing-function: linear;
  480. animation-timing-function: linear;
  481. }
  482.  
  483. #worldCrystals {
  484. position:fixed;
  485. top:150px;
  486. left:0;
  487. width:100%;
  488. height:520px;
  489. }
  490. #worldCrystals .crystal_01 {
  491. position:absolute;
  492. width:100%;
  493. height:100%;
  494. background:url(https://i.imgur.com/hcp35fh.png)no-repeat -500px 0px;
  495. }
  496. @-webkit-keyframes bg-crystal004 { 100% {background-position: 1198px 0px;}}
  497. @-moz-keyframes bg-crystal004 { 100% {background-position: 1198px 0px;}}
  498. @-o-keyframes bg-crystal004 { 100% {background-position: 1198px 0px;}}
  499. @keyframes bg-crystal004 { 100% {background-position: 1198px 0px;}}
  500. #worldCrystals .crystal_02 {
  501. position:absolute;
  502. width:100%;
  503. height:100%;
  504. background:url(https://i.imgur.com/akChE71.png)repeat-x;
  505. -webkit-animation: bg-crystal004 60s infinite;
  506. -moz-animation: bg-crystal004 60s infinite;
  507. -o-animation: bg-crystal004 60s infinite;
  508. animation: bg-crystal004 60s infinite;
  509. -webkit-animation-timing-function: linear;
  510. -moz-animation-timing-function: linear;
  511. -o-animation-timing-function: linear;
  512. animation-timing-function: linear;
  513. }
  514. @-webkit-keyframes bg-crystal005 { 100% {background-position: 1086px 0px;}}
  515. @-moz-keyframes bg-crystal005 { 100% {background-position: 1086px 0px;}}
  516. @-o-keyframes bg-crystal005 { 100% {background-position: 1086px 0px;}}
  517. @keyframes bg-crystal005 { 100% {background-position: 1086px 0px;}}
  518. #worldCrystals .crystal_03 {
  519. position:absolute;
  520. width:100%;
  521. height:100%;
  522. left:50%;
  523. margin-left:-180px;
  524. background:url(https://i.imgur.com/w0pVJiC.png)repeat-x;
  525. -webkit-animation: bg-crystal005 90s infinite;
  526. -moz-animation: bg-crystal005 90s infinite;
  527. -o-animation: bg-crystal005 90s infinite;
  528. animation: bg-crystal005 90s infinite;
  529. -webkit-animation-timing-function: linear;
  530. -moz-animation-timing-function: linear;
  531. -o-animation-timing-function: linear;
  532. animation-timing-function: linear;
  533. }
  534. <script src="jquery.min.js"></script>
  535. <script type="text/javascript">
  536. $(document).ready(function () {
  537. //Disable full page
  538. $("body").on("contextmenu",function(e){
  539. return false;
  540. });
  541.  
  542. //Disable part of page
  543. $("#id").on("contextmenu",function(e){
  544. return false;
  545. });
  546. });
  547. </script>
  548. <script type="text/javascript">
  549. $(document).ready(function () {
  550. //Disable cut copy paste
  551. $('body').bind('cut copy paste', function (e) {
  552. e.preventDefault();
  553. });
  554.  
  555. //Disable mouse right click
  556. $("body").on("contextmenu",function(e){
  557. return false;
  558. });
  559. });
  560. </script>
  561. <div class="container1">
  562. <svg version="1.1"
  563. xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
  564. x="0px" y="0px" viewBox="0 0 290.8 486.4"
  565. xml:space="preserve">
  566.  
  567. <defs>
  568. </defs>
  569. <g id="FrameGroup_2_">
  570. <ellipse id="whiteoval_2_" class="st0" cx="148.8" cy="244.1" rx="119" ry="183"/>
  571. <g id="top-left_2_">
  572. <g id="top-left-long-group_2_">
  573. <g id="LeafGroup-downwards-3_2_">
  574. <path id="leaf3_2_" class="st1" d="M27.3,96.2c-11.6-16.8-18.9,18.3-4.5,33c0.2-5.7,1-10.2,9.7-13.8
  575. C46.4,109.8,46,95.3,27.3,96.2z"/>
  576. <path id="stem3_2_" class="st2" d="M26.8,96.8c-0.6,1.2-1,2.5-1.3,3.9c-1.9,0.9-3.9,1.3-6,1.2c0.8,0.2,4,1,5.7,0
  577. c-1.1,3-1.5,6.2-1.1,9.4c0.1-2.7,0.7-5.4,1.7-7.9c0.6,1.7,2.5,2.6,3,3.1c-1.1-1.5-2.2-2.8-2.4-4.6c0.5-1.3,1-2.6,1.6-3.9
  578. c0.5,2.5,3.2,4.4,4,5.2c-0.9-1.2-1.7-2.5-2.3-3.9c-0.4-0.9-0.8-1.9-1-2.9v-0.2h-0.5h-1l-0.1-0.3l-0.2-0.3
  579. c-2.1,0.9-4.3,1.4-6.6,1.5C22.4,97.8,24.8,97.7,26.8,96.8z"/>
  580. </g>
  581. <path id="top-left-long_2_" class="vine" d="M26.9,98c3.3-9.3,8.9-15.4,17.7-20.9c7.5-4.6,15.5-8,24-10.1
  582. c7.1-2,35.3-12.2,35.3-12.2"/>
  583. </g>
  584. <g id="top-left-short-group-1_2_">
  585. <g id="LeafGroup-upwards-1_2_">
  586. <path id="leaf1_2_" class="st1" d="M84.4,7.9c-5.3,5.8-12.6,10-16.8,16.5c-8.8,13.4,2.3,34.8,14.2,20.3c8.6,5.3,19-8.8,6.9-22.2
  587. C82,15.2,82.5,12.2,84.4,7.9z"/>
  588. <path id="stem1_2_" class="st2" d="M80.6,43.8c-0.5-1.7-1-3.4-1.2-5.2c-2.3-1.5-4.9-2.4-7.7-2.8c1.1-0.1,5.5-0.3,7.5,1.2
  589. c-0.7-3.8-0.4-7.7,0.8-11.4c-0.5,3.3-0.4,6.6,0.3,9.8c1.2-1.9,3.8-2.5,4.7-3c-1.8,1.5-3.6,3.1-4.4,5.2c0.3,1.6,0.8,3.1,1.3,4.7
  590. c1.3-2.8,5.2-4.6,6.4-5.3c-2.4,1.9-4.3,4.3-5.7,7l0.6,1.3L82.5,45l-0.6-0.3c0,0-0.7,0.8-0.8,0.9c-2.8-2-6.1-3.3-9.4-4
  591. C73.1,41.5,77.4,41.5,80.6,43.8z"/>
  592. </g>
  593. <path id="top-left-short-1_2_" class="vine" d="M81.5,43.7c1.3,5.3,5.4,9.6,10.7,11c10,2.9,18.8-2.8,18.8-2.8"/>
  594. </g>
  595. <g id="top-left-short-group-2_2_">
  596. <g id="LeafGroup-upwards-2_2_">
  597. <path id="leaf2_2_" class="st1" d="M32.5,58.2c21.1,4.4,22.8-21.1,10.1-25.9c-13.3-5.1-21,4.7-28.2-27.2
  598. C9.7,28.8-2.9,35.7,2.2,57.3C5.3,70.3,33.3,76.4,32.5,58.2z"/>
  599. <path id="stem2_2_" class="st2" d="M34.4,58.5c-0.5-0.4-1-0.9-1.5-1.4c-0.7-0.7-1.4-1.4-1.9-2c-0.1-3.5,0.8-6.9,2.6-9.8
  600. c-1.1,1.3-4.2,4.8-3.9,8.5c-1.1-1.3-1.8-2.2-2.8-3.6c0.4-2.8,1.3-5.6,2.8-8c-0.8,0.9-3.5,3.5-3.9,6.4c-0.9-1.3-1.6-2.6-2.4-3.9
  601. c0.2-2.1,1-4.1,2.2-5.8c-0.6,0.7-2.6,1.9-3.1,3.9c-1.4-2.8-2.4-5.7-2.9-8.8c0,3.7,0.8,7.3,2.5,10.6c-2.1-0.9-5.7,0.4-6.5,0.7
  602. c2.4-0.4,4.8-0.2,7.1,0.6c0.7,1.5,1.5,3,2.5,4.4C22.1,49,16,50.5,14.7,51c3.2-0.7,9.3,0.1,11.8,1c0.8,1.2,1.3,1.8,2.2,2.9
  603. c-3.9-1.4-10.1,1.8-11.7,2.6c4.1-1.4,10.5-1.9,13-1c0.6,0.8,1.7,2.2,2.5,3v-1.3c0,0,0.9,0.2,1.1,0.2L34.4,58.5z"/>
  604. </g>
  605. <path id="top-left-short-2_2_" class="vine" d="M31.8,57.5c2.9,3,6.5,5.3,10.4,6.8c11.3,4.2,22,3.5,31.6,1.2"/>
  606. </g>
  607. <g id="top-left-short-group-3_2_">
  608. <path id="top-left-short-3_2_" class="vine" d="M20.3,79.1c2.2-2.9-3.8-5.8-6.3-1.7c-1.3,2.1,0.1,7.4,4.6,7.6
  609. c5.1,0.2,8.6-4.8,16.1-8.4c11.8-5.7,27.6-8.2,27.6-8.2"/>
  610. </g>
  611. </g>
  612. <g id="top-right_2_">
  613. <g id="top-right-long-group_2_">
  614. <g id="LeafGroup-downwards-6_2_">
  615. <path id="leaf6_2_" class="st1" d="M267.1,97.5c-6-7.2-19.2-0.3-14.3,9.5s18,2.9,16,18.6c5.4-3.6,15.3-9.4,15.6-19.4
  616. S272.9,85,267.1,97.5z"/>
  617. <path id="stem6_2_" class="st2" d="M267.2,98.1c0.5,1.2,0.9,2.6,1.1,3.9c1.9,0.9,3.9,1.4,6,1.4c-0.8,0.2-4,0.9-5.7-0.2
  618. c1,3,1.3,6.3,0.8,9.4c0-2.7-0.5-5.4-1.4-8c-0.7,1.7-2.6,2.5-3.1,3c1.2-1.5,2.2-2.7,2.6-4.5c-0.4-1.3-0.9-2.6-1.5-3.9
  619. c-0.6,2.4-3.3,4.3-4.1,5.1c1.6-2,2.8-4.4,3.5-6.9l-0.6-1.9c0.6,0.3,1.2,0.7,1.7,1.3l0.4,0.4c0.2,0.2,0.4,0.4,0.4,0.4
  620. s0.2-0.4,0.3-0.5c2,0.9,4.1,1.5,6.3,1.6C271.6,99.3,269.2,99.1,267.2,98.1z"/>
  621. </g>
  622. <path id="top-right-long_2_" class="vine" d="M266.8,98.4c-3.9-11.6-11.9-19.7-21.9-25.7c-14-8.3-26.6-8.3-56.2-20.1"/>
  623. </g>
  624. <g id="top-right-short-group-1_2_">
  625. <g id="LeafGroup-upwards-4_2_">
  626. <path id="leaf4_2_" class="st1" d="M223.9,41.4c1.4-7.1-1.1-13.6-7-22.6c-2,9.6-16.5,11.4-18.3,16.2c-2,5.3,1.3,12.4,10.9,11.5
  627. C218.5,51.3,222.9,46.8,223.9,41.4z"/>
  628. <path id="stem4_2_" class="st2" d="M209.7,44.7c0.5-0.9,1-1.9,1.3-2.9c1.9-0.8,4-1.2,6.2-1.1c-0.8-0.2-4-1.1-5.7-0.1
  629. c1.2-3,1.6-6.2,1.3-9.4c-0.2,2.7-0.8,5.4-1.9,7.9c-0.6-1.7-2.4-2.6-3-3.2c1.2,1.4,2,3.1,2.4,4.9c-0.5,1.2-1.1,2.4-1.7,3.6
  630. c-0.5-2.5-3.1-4.5-3.9-5.3c1,1.3,1.8,2.8,2.3,4.4c0.2,1,0.3,2.1,0.2,3.1h1.4l0.9-0.1l0.2,0.1c0.9-0.6,1.8-1.1,2.8-1.4
  631. c1.6-0.5,3.2-0.8,4.9-0.7C216.1,44.3,212.4,43.4,209.7,44.7z"/>
  632. </g>
  633. <path id="top-right-short-1_2_" class="vine" d="M209,45.8c-1.3,2-3,3.8-5.1,5c-9.2,5.8-23.8-1.2-23.8-1.2"/>
  634. </g>
  635. <g id="top-right-short-group-2_2_">
  636. <g id="LeafGroup-upwards-5_2_">
  637. <path id="leaf5_2_" class="st1" d="M262.9,7.7c5.3,8.3,13.4,15,17.2,23.8c8,18.3-10.1,42.4-21.7,22
  638. c-11.7,4.8-21.5-14.9-3.8-28.7C264.4,17.1,264.4,13.4,262.9,7.7z"/>
  639. <path id="stem5_2_" class="st2" d="M258.4,53.5l-0.5,0.2l-0.4,0.1c-1-3.2-2.8-6-5.2-8.3c1.4,0.9,5.4,3.3,6.1,7
  640. c0.7-1.5,1.1-2.6,1.6-4.2c-1.2-2.6-2.8-4.9-4.9-6.8c1,0.7,4.4,2.4,5.5,5c0.5-1.4,0.8-2.9,1.1-4.4c-0.8-1.9-2.1-3.6-3.8-4.9
  641. c0.7,0.5,3,1,4,2.8c0.6-3,0.7-6.2,0.3-9.2c1,3.5,1.3,7.2,0.6,10.7c1.7-1.5,5.5-1.2,6.4-1.1c-2.4,0.3-4.7,1.2-6.6,2.6
  642. c-0.2,1.6-0.6,3.3-1.1,4.9c2.8-2.2,9-2.5,10.4-2.4c-3.3,0.3-8.9,2.7-11,4.3c-0.4,1.3-0.7,2.1-1.3,3.4c3.3-2.4,10.1-1.1,11.9-0.8
  643. c-4.1-0.2-10,1-12.4,2.5c-0.2-0.2-0.3-0.5-0.5-0.8L258.4,53.5z"/>
  644. </g>
  645. <path id="top-right-short-2_2_" class="vine" d="M258.8,53.7c-1.9,3.3-4.7,6-8,7.9c-10.7,5.6-22,3.7-31.7,1.4"/>
  646. </g>
  647. <g id="top-right-short-group-3_2_">
  648. <path id="top-right-short-3_2_" class="vine" d="M277,65.8c-0.9-0.1-2.2-0.8-1.1-3.1c0.9-1.7,2.3-2.1,3.9-2.3
  649. c2.7-0.2,5.1,1.6,5.8,4.2c1.8,5.3-3.6,11.2-8.3,12.9c-2.8,1.1-5.9,1.4-8.9,0.9c-3.5-0.2-23.9-9.6-35.3-11.7"/>
  650. </g>
  651. </g>
  652. <g id="top-middle_2_">
  653. <path id="vine11_2_" class="vine" d="M243.9,84.2c1.9-1.1,4.5,1.2,3.4,3.8c-1.4,3.3-4.4,2.9-7.1,2.4c-3.7-0.7-7.5-3.5-11.2-7"/>
  654. <path id="vine5_2_" class="vine" d="M51.4,86.2c-2-1.1-4.5,1.2-3.4,3.8c1.4,3.3,5.4,3.2,9,1.5c6.1-2.9,10.4-7.5,18.4-15.2"/>
  655. </g>
  656. <g id="middle_2_">
  657. <path id="vine12_2_" class="vine" d="M279.2,149.2c0.9-1.5,2.7-2,4.3-1.3c4,1.6,2.7,6,2,6.9c-1.3,2-3.5,3.1-5.9,3
  658. c-3.6-0.2-6.5-2.8-10.3-8.3c-3.5-5-7.5-15-9.9-19.9"/>
  659. <path id="vine6_2_" class="vine" d="M10,160.1c5.2,0.8,4.9-8.3-2-8.2c-3.2,0.1-6,2.5-6.7,5.6c-1,3.7,0.7,10,6.4,10.9
  660. c6.9,1.1,10.6-4.7,13.4-8.3c4.8-6.4,11.1-18.6,14.4-24.9"/>
  661. </g>
  662. <g id="bottom-middle_2_">
  663. <path id="vine13_2_" class="vine" d="M19.4,347.5c0,0-3.2-1.9-4.6,0.3c-2.6,3.8,1.3,6.4,2.4,6.8c2.1,0.9,4.5,0.6,6.4-0.7
  664. c1.8-1.3,2.9-4.7,3.2-9.6c0.3-6.9-2.2-19.5-3.1-24.9"/>
  665. </g>
  666. <g id="bottom-left_2_">
  667. <g id="bottom-left-short-group-1_2_">
  668. <g id="LeafGroup-downwards-9_2_">
  669. <path id="leaf9_2_" class="st1" d="M124.3,457.8c0.2,7-7.4,9.2-14.3,17.7c0.8-5.4-7.2-11.3-8-15.5c-0.9-4.6,3.3-11.8,11.2-8.2
  670. C121.8,448.8,124.1,453.4,124.3,457.8z"/>
  671. <path id="stem9_2_" class="st2" d="M114.3,452.5c0,1.1-0.1,2.2-0.3,3.3c1.1,1.2,2.6,2.2,4.2,2.7c-0.7-0.1-3.3-0.4-4.3-1.7
  672. c-0.2,2.6-1,5.2-2.3,7.4c0.8-2.1,1.2-4.4,1.3-6.7c-1,1.1-2.7,1.2-3.3,1.4c1.3-0.6,2.5-1.6,3.3-2.7c0.1-1.2,0.1-2.3,0-3.5
  673. c-1.2,1.7-3.9,2.4-4.7,2.7c1.7-1,3.2-2.3,4.5-3.9l0.6,0.2l1.4-0.4c1.3,1.4,2.8,2.5,4.5,3.2C117.2,454.6,115.5,453.8,114.3,452.5
  674. z"/>
  675. </g>
  676. <path id="bottom-left-short-1_2_" class="vine" d="M113.6,451.4c0,0-0.9-11.7-14.1-21.2"/>
  677. </g>
  678. <g id="bottom-left-short-group-2_2_">
  679. <path id="bottom-left-short-2_2_" class="vine" d="M78.5,452c1,0.1,1.8-0.7,1.9-1.7c0-0.3,0-0.5-0.1-0.8c-0.3-1.2-2-2.5-4.5,0
  680. c-1.6,1.6-2.1,3.9-1.3,6c1.1,3.5,4.4,5.8,8,5.7c7.6-0.1,12.9-9.6,13-16.5c0.1-4.1-0.8-8.3-2.8-11.9c-1.8-4.4-7.1-11.7-14.3-18.1"
  681. />
  682. </g>
  683. <g id="bottom-left-short-group-3_2_">
  684. <g id="LeafGroup-downwards-8_2_">
  685. <path id="leaf8_2_" class="st1" d="M48.4,445.7c12.6-5.5,25.8,12.5,13.1,22.2c-12.8,9.9-25.9-8.3-33.2,13.9
  686. c-5-8.4-14.5-22.7-8.5-36.2S48.7,425.3,48.4,445.7z"/>
  687. <path id="stem8_2_" class="st2" d="M45.8,448.3c-0.6,3.4-0.3,7,1,10.2c-0.8-1.4-3.4-5.4-2.5-9c-1.3,1.1-2.1,1.9-3.3,3.1
  688. c-0.1,2.9,0.4,5.7,1.5,8.4c-0.6-1.1-2.9-4.1-2.8-7c-1,1.1-2,2.3-2.9,3.5c-0.1,2.1,0.3,4.2,1.2,6.1c-0.5-0.8-2.3-2.3-2.4-4.3
  689. c-1.9,2.5-3.3,5.3-4.3,8.2c0.6-3.6,2-7,4.1-10c-2.2,0.6-5.5-1.3-6.3-1.8c2.3,0.7,4.8,0.9,7.2,0.5c0.9-1.4,2-2.7,3.1-3.9
  690. c-3.5,0.7-9.3-1.7-10.4-2.4c3.1,1.2,9.2,1.4,11.8,0.9c1-1,1.6-1.6,2.6-2.5c-4,0.8-9.7-3.4-11.1-4.5c3.8,2,10,3.6,12.6,3.1
  691. c1.1-0.8,2.3-1.5,3.5-2.2c0,0.4,0,0.9,0,0.9s1.2-0.5,1.7-0.6c0.2-0.1,0.6-0.1,0.9-0.2s0.7-0.1,0.7-0.1S46.6,447.7,45.8,448.3z"
  692. />
  693. </g>
  694. <path id="bottom-left-short-3_2_" class="vine" d="M47.7,446.4c19.5-11.8,11.9-36.9,5.9-55.9c-0.7-2.8-1.6-5.5-2.7-8.2"/>
  695. </g>
  696. <g id="bottom-left-short-group-4_2_">
  697. <g id="LeafGroup-upwards-7_2_">
  698. <path id="leaf7_2_" class="st1" d="M22.5,374.4c-1.9,7.3-6.2,14.1-7,21.4c-1.5,15.2,17.3,28.5,21,10.9c9.7,0.7,12.2-15.9-4-21.9
  699. C23.7,381.6,22.8,378.9,22.5,374.4z"/>
  700. <path id="stem7_2_" class="st2" d="M34.7,406.2c-0.8-1.4-1.3-2.1-2-3.4c-2-0.4-4.1-0.2-6,0.4c0.7-0.4,3.5-2.1,5.4-1.5
  701. c-1.8-2.6-3-5.6-3.4-8.7c0.8,2.6,2,5.1,3.6,7.3c0.1-1.8,1.8-3.1,2.2-3.8c-0.7,1.7-1.4,3.2-1.2,5c0.8,1.2,1.6,2.3,2.5,3.3
  702. c-0.1-2.5,2-5.1,2.5-6c-1,2.4-1.8,5.3-1.5,6.9c0.1,0.6,0.2,1.1,0.2,1.1h-0.5l-0.5,1.8c0,0-0.8-1.2-0.9-1.2
  703. c-2.2-0.3-4.4-0.3-6.6,0.2C30.4,406.3,32.6,405.8,34.7,406.2z"/>
  704. </g>
  705. <path id="bottom-left-short-4_2_" class="vine" d="M35.1,405.6c1,1.9,2.5,3.4,4.4,4.4c1.7,0.9,9,3,12.7-5.2
  706. c3-6.6,1.9-13.4-1.6-23.2"/>
  707. </g>
  708. </g>
  709. <g id="bottom-right_2_">
  710. <g id="bottom-right-long-group_2_">
  711. <g id="LeafGroup-downwards-11_2_">
  712. <path id="leaf11_2_" class="st1" d="M253.6,441.5c5.3-27.6,36.3-9.6,27.9,14.8c-3.9,11.2-15.7,23-34.7,26.6
  713. c9.6-7.1,11-15.4,5.6-22.2c-5-6.3-12.2-10.6-10.5-16.5S251,437.6,253.6,441.5z"/>
  714. <path id="stem11_2_" class="st2" d="M252.6,441c0.3,3.5-0.3,7-1.9,10.1c1-1.4,3.9-5,3.3-8.7c1.2,1.2,1.9,2.1,3,3.4
  715. c-0.2,2.8-0.9,5.6-2.2,8.2c0.7-1,3.3-3.8,3.4-6.7c0.9,1.2,1.8,2.5,2.6,3.8c-0.1,2.1-0.7,4.2-1.8,6c0.5-0.7,2.5-2,2.8-4.1
  716. c1.8,3,2,3.5,2.3,6.8c0.6-4.2-0.2-6-2-8.5c2.1,0.8,5.6-0.8,6.5-1.2c-2.4,0.5-4.8,0.5-7.2-0.1c-0.8-1.5-1.7-2.9-2.8-4.2
  717. c3.4,1,9.4-0.9,10.6-1.4c-3.2,0.9-9.3,0.6-11.8-0.2c-0.9-1.1-1.4-1.7-2.4-2.7c4,1.1,10-2.5,11.4-3.5c-3.8,1.6-9.8,2.6-12.5,2
  718. c0,0.1-0.4,1.7-0.4,1.7c-0.2-0.3-0.4-0.6-0.7-0.8c-0.3-0.4-0.7-0.7-1.2-0.8C252,440.3,252.3,440.7,252.6,441z"/>
  719. </g>
  720. <path id="bottom-right-long_2_" class="vine" d="M254.1,442.2c-9.7-17.9-8.9-32.9-6.2-46.9c1.9-9.6,5.9-20.7,10.2-33.6"/>
  721. </g>
  722. <g id="bottom-right-short-group-1_2_">
  723. <g id="LeafGroup-downwards-10_2_">
  724. <path id="leaf10_2_" class="st1" d="M223.5,440c-6.7-22.1-26.8,13.1-16.3,33.9c2.2-6.1,4.6-10.6,15.3-11.4
  725. C239.5,461.3,244.1,445.5,223.5,440z"/>
  726. <path id="stem10_2_" class="st2" d="M222.3,440c-1,0.9-1.9,1.9-2.7,3.1c-2.1,0.1-4.1-0.4-6-1.3c0.6,0.5,3.1,2.5,5.1,2.3
  727. c-2.1,2.3-3.7,5.1-4.5,8.2c1.2-2.5,2.7-4.7,4.6-6.7c-0.1,1.8,1.3,3.3,1.6,4c-0.5-1.8-0.9-3.4-0.4-5.2c0.9-1,1.9-2,3-2.9
  728. c-0.5,2.5,1.2,5.3,1.6,6.3c-0.6-2.3-0.8-4.7-0.4-7.1l0.6-0.5l-1.3-0.3c0,0-0.2-0.8-0.3-1c-2.4,0.1-4.8-0.3-7-1.2
  729. C217.9,439.3,220.1,440.1,222.3,440z"/>
  730. </g>
  731. <path id="bottom-right-short-1_2_" class="vine" d="M222.3,440.5c5.4-2.9,10-6.9,13.6-11.8c6.6-8.7,10.1-21.3,10.1-21.3"/>
  732. </g>
  733. <g id="bottom-right-short-group-2_2_">
  734. <path id="bottom-right-short-2_2_" class="vine" d="M234,418.5c0.7-2.6-4-2.9-4.7,0.4c0,0.5,0,0.9,0.2,1.3
  735. c0.6,2.1,2.8,3.2,4.8,2.6c2.5-0.6,4.6-2.4,7-5.6c0.9-1,1.7-2.1,2.4-3.3"/>
  736. </g>
  737. <g id="bottom-right-short-group-3_2_">
  738. <path id="bottom-right-short-3_2_" class="vine" d="M271.1,412c-5.2,0.8-5-8.3,2-8.2c3.2,0.1,6,2.5,6.7,5.6
  739. c1,3.7-2.2,10.3-7.5,11.9c-6.7,2-12.3-2.5-15.3-5.9c-7.6-8.6-7.8-24.5-6.4-30.7"/>
  740. </g>
  741. <g id="bottom-right-short-group-4_2_">
  742. <g id="LeafGroup-upwards-12_2_">
  743. <path id="leaf12_2_" class="st1" d="M290.4,382.7c1.4-6.6-0.8-12.6-6.1-21c-2,8.8-15.4,10.2-17.1,14.7c-1.9,4.9,1,11.5,9.9,10.8
  744. C285.2,391.8,289.4,387.6,290.4,382.7z"/>
  745. <path id="stem12_2_" class="st2" d="M278.2,385.5c0.4-1.1,0.7-2.3,1-3.4c1.7-0.8,3.6-1.1,5.5-1c-0.7-0.2-3.7-1-5.3,0
  746. c1-2.7,1.4-5.7,1.1-8.6c-0.1,2.5-0.7,5-1.6,7.3c-0.5-1.6-2.3-2.4-2.8-2.8c1.1,1.2,1.8,2.6,2.2,4.2c-0.4,1.2-0.9,2.4-1.5,3.5
  747. c-0.5-2.3-2.9-4.1-3.6-4.8c1.4,1.8,2.4,3.9,2.9,6.1l-0.6,1.4c0,0,0.4,0,0.7,0c0.2,0,0.4,0,0.6-0.1l0.8,0.4c0,0,0.3-0.9,0.4-1
  748. c1.8-0.9,3.8-1.3,5.9-1.3C282.1,384.6,280,384.7,278.2,385.5z"/>
  749. </g>
  750. <path id="bottom-right-short-4_2_" class="vine" d="M277.3,386c-1.3,3.6-4.1,7.4-10.1,7.3c-6.8-0.1-9-5.5-8.9-17.6
  751. c0.1-7.2,3.7-22.4,3.7-22.4"/>
  752. </g>
  753. </g>
  754. <path id="frame_2_" class="st2" d="M148.9,435.8c-34.3,0-66.4-20.1-90.5-56.5c-23.9-36.1-37-84-37-135s13.2-98.9,37-135
  755. c24.1-36.4,56.2-56.5,90.5-56.5s66.4,20.1,90.5,56.5c23.9,36.1,37,84.1,37,135s-13.1,98.9-37,135
  756. C215.3,415.7,183.1,435.8,148.9,435.8z M148.9,57.8c-67.6,0-122.5,83.7-122.5,186.5s55,186.5,122.5,186.5s122.5-83.7,122.5-186.5
  757. S216.4,57.8,148.9,57.8z M284.4,228.3c-2.7-50-17.8-96.5-42.7-130.9c-14.8-20.5-32.3-35.6-51.3-44.5c0,0-9.3-4.1-14.1-5.9
  758. c-9.3-3.6-18-8.5-25.9-14.7c3.1-2.7,9-8.1,9.5-15.9c0.3-4.2,0.3-8.1-3.4-12.5c-2.1-2.5-5.2-4-8.5-3.9c-3.7,0-7.2,1.7-9.7,4.4
  759. c-2.3,2.7-3.2,6.9-3,10.5c0.3,7.7,6.8,13,11.9,17.2c-3.2,2.4-14.4,8.2-22.3,12c-2.2,1.1-4.2,1.9-16.1,7.5c-2,1-4.3,2.1-6.9,3.5
  760. c-17.8,9-32.8,23.8-46,42.1C31,131.6,15.9,178,13.2,228.1c0,0-0.5,6.6-0.5,15.2s0.5,16.7,0.5,16.7c2.7,50,17.8,96.5,42.7,130.9
  761. c14.2,19.6,30.9,34,48.9,43c5.8,2.9,27.1,9.9,42,20.4c-5,4.2-11.6,9.5-11.9,17.2c-0.1,3.7,0.7,7.8,3,10.5c2.4,2.8,6,4.4,9.7,4.4
  762. c3.3,0.1,6.4-1.3,8.5-3.9c3.7-4.3,3.8-8.9,3.5-12.3c-0.6-7.8-6.3-13.1-9.4-15.8c4.3-4.5,24.3-12,41.7-19.2s33.9-22.7,49.7-44.4
  763. c24.9-34.4,40-80.8,42.7-130.9c0.5-5.4,0.7-10.8,0.5-16.1C284.9,236.4,284.4,233.6,284.4,228.3z M138.1,15c-0.1-3.1,1-6.1,3.1-8.4
  764. c1.8-1.9,4.3-3,6.9-3c2.3,0,4.4,0.9,5.9,2.6c2.4,2.8,3.6,6.5,3.4,10.2c-0.5,7.2-5.8,12.1-8.6,14.6C143.8,26.8,138.4,22,138.1,15z
  765. M157,470.3c0.3,3.7-1,7.4-3.4,10.2c-1.5,1.7-3.7,2.7-5.9,2.6c-2.6,0-5.1-1.1-6.9-3c-2.1-2.3-3.3-5.3-3.1-8.4
  766. c0.3-7,5.7-11.7,10.7-15.9C151.2,458.3,156.5,463.1,157,470.3L157,470.3z M282.4,259.2c-2.5,50-17.5,96.5-42.4,130.8
  767. c-14.8,20.5-30.2,35.1-48.9,43.5c-21.5,9.6-31,12.2-42.4,19.7c-13.5-10-37.3-17.8-43.5-20.9c-17.6-8.8-33.8-23-47.7-42.2
  768. c-24.8-34.5-39.8-80.9-42.4-130.9v-1c0,0-0.5-10-0.4-14.6s0.4-13.3,0.4-13.3v-1c2.5-50,17.5-96.5,42.4-130.8
  769. c13.2-18.2,28.6-32,45.1-41.1c6.7-3.7,15.5-7.7,18.3-9c13.3-6,25.2-12.9,27.8-15c5.6,4,11.3,7.7,17.3,11c2.5,1.2,5.3,2.6,10,4.5
  770. c3.1,1.2,9.4,3.7,13.8,5.8c18.5,8.8,35.7,23.7,50.2,43.8c24.8,34.3,39.9,80.8,42.4,130.8c0,0,0.4,9,0.5,14.5
  771. S282.4,259.2,282.4,259.2z"/>
  772. </g>
  773. </svg>
  774.  
  775. <div class="reflection">
  776. <img src="https://i.imgur.com/i56ZQCw.jpg" alt="">
  777. </div>
  778.  
  779.  
  780.  
  781. </div>
  782.  
  783.  
  784. <div id="container">
  785. <div id="worldCrystals">
  786. <div class="crystal_01"></div>
  787. <div class="crystal_02"></div>
  788. <div class="crystal_03"></div>
  789. </div>
  790. <div id="crystals">
  791. <div class="crystal_01"></div>
  792. <div class="crystal_02"></div>
  793. <div class="crystal_03"></div>
  794. </div>
  795. <div class="lovely">
  796. <img src="https://i.imgur.com/Ie7OnTf.png" width="200px" class="floating3"></div>
  797. <div id="sparkle" class="brightly">
  798.  
  799.  
  800. <div id="sparkle" class="brightly">
  801.  
  802. <div class="you">
  803. <a href="#we" class="dream"></a>
  804. <a href="#have" class="dream"></a>
  805. <a href="#noticed" class="dream"></a>
  806. <a href="#youtoo" class="dream"></a>
  807. </div>
  808. <div class="spooky">
  809. <div id="we" class="far"><div class="tell">
  810.  
  811. <h1>Stats</h1>
  812.  
  813. <font style="float:left"><b>🍃Stat</b></font>
  814. <font style="float:right">Stat</font><br>
  815. <font style="float:left"><b>🍃Stat</b></font>
  816. <font style="float:right">Stat</font><br>
  817. <font style="float:left"><b>🍃Stat</b></font>
  818. <font style="float:right">Stat</font><br>
  819. <font style="float:left"><b>🍃Stat</b></font>
  820. <font style="float:right">Stat</font><br>
  821. <font style="float:left"><b>🍃Stat</b></font>
  822. <font style="float:right">Stat</font><br>
  823. <h1>About</h1><br>
  824. <p<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae pharetra risus. Duis eget nisl nulla. Suspendisse non nunc vulputate, cursus orci non, iaculis dui. Sed fermentum iaculis sem. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eleifend vehicula egestas. Cras elementum nulla eget tellus pellentesque semper. Cras scelerisque erat vel elit posuere, ac vulputate sapien rutrum. Nullam a fringilla enim. Cras sodales nunc magna, vitae sollicitudin dui feugiat non. Aliquam a aliquet dolor.</p>
  825. <br><br><bR>
  826. </div></div>
  827. <div id="have" class="far"><div class="tell">
  828. <h1>Skills</h1>
  829. <b>Combat</b><Br>
  830. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae pharetra risus. Duis eget nisl nulla. Suspendisse non nunc vulputate, cursus orci non, iaculis dui. Sed fermentum iaculis sem. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eleifend vehicula egestas. Cras elementum nulla eget tellus pellentesque semper. Cras scelerisque erat vel elit posuere, ac vulputate sapien rutrum. Nullam a fringilla enim. Cras sodales nunc magna, vitae sollicitudin dui feugiat non. Aliquam a aliquet dolor.</p>
  831.  
  832. <Br><br><Br>
  833. </div></div>
  834. <div id="noticed" class="far"><div class="tell">
  835. <h1>Friends</h1>
  836. <div id="rel"><a href="/"><img src="https://i.imgur.com/NAncI9S.jpg" /></a></div><div id="rel"><a href="/"><img src="https://i.imgur.com/NAncI9S.jpg" /></a></div><Br><br><Br>
  837. </div></div>
  838.  
  839.  
  840.  
  841.  
  842. <div id="youtoo" class="far"><div class="tell">
  843. <h1>Rules</h1>
  844. ♠Rules.<br>
  845. ♠Rules.<br>
  846. ♠Rules.<br>
  847. ♠Rules.<br>
  848. ♠Rules.<br>
  849. ♠Rules.<br>
  850. ♠Rules.<br>
  851. <Br><br><Br>
  852. </div></div></div></div>
  853.  
  854.  
  855. <div class="lovely2">
  856. <a target="_blank" href="https://img00.deviantart.net/3c77/i/2018/122/5/b/voltron_fanart_____i_found_you__by_obsidian0serpent-dcagui1.png" target="_blank" title="I finally found you...."><img src="https://i.imgur.com/Wf3fOXX.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  857.  
  858. <a target="_blank" href="https://i.imgur.com/WqIUu1w.png" target="_blank" title="Morning..."><img src="https://i.imgur.com/irSiwjl.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  859.  
  860. <a target="_blank" href="https://pre00.deviantart.net/6ae7/th/pre/i/2018/119/1/6/elements_and_music_by_kdxartda-dca4vvs.png" target="_blank" title=""><img src="https://i.imgur.com/Wf3fOXX.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  861.  
  862. <a target="_blank" href="https://pre00.deviantart.net/0fbf/th/pre/i/2018/025/5/3/gauntlet_test_successful_by_kdxartda-dc16vt2.png" target="_blank" title="Testing a new gauntlet"><img src="https://i.imgur.com/irSiwjl.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  863.  
  864. <a target="_blank" href="https://i.imgur.com/WnI32Em.png" target="_blank" title=""><img src="https://i.imgur.com/Wf3fOXX.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  865.  
  866. <a target="_blank" href="https://pre00.deviantart.net/e227/th/pre/i/2018/120/0/1/a_pidgeon_by_shweezyliz-dcabe8j.png" target="_blank" title=" Coo... Coo...Keith's a good perch."><img src="https://i.imgur.com/irSiwjl.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  867.  
  868. <a target="_blank" href="https://i.imgur.com/ymL2bKL.png" target="_blank" title="Last time he called me small."><img src="https://i.imgur.com/Wf3fOXX.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  869.  
  870. <a target="_blank" href="https://i.imgur.com/PLAmLBJ.jpgg" target="_blank" title=""><img src="https://i.imgur.com/irSiwjl.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  871.  
  872. <a target="_blank" href="https://i.imgur.com/N0dHrGx.png" target="_blank" title="My dad told me I'd be apart of something greater.... And he couldn't be any more right."><img src="https://i.imgur.com/Wf3fOXX.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  873.  
  874. <a target="_blank" href="https://i.imgur.com/KMYe9RF.jpg" target="_blank" title="Not a kid..."><img src="https://i.imgur.com/irSiwjl.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  875.  
  876. <div style="position: fixed; bottom: 20px; left: 0px; background-color: transparent;">
  877. <a target="_blank" href="https://roleplay.chat/profile.php?user=hakuno%20kishinami" target="_blank" title="Code was created by Blinky/Hakuno Kishinami. Do NOT touch. Please! If you want a copy or want it please ask. Mail them on Hakuno Kishinami."><img src="https://i.imgur.com/uP9E5Pz.png" height="10%"></a></div>
  878. </div> <div id="words3">
  879. Pidge
  880. </div>
  881.  
  882. </div><div style="position: fixed; bottom: 20px; right: 0px; background-color: transparent;">
  883. <a target="_blank" href="https://roleplay.chat/profile.php?user=Hakuno+Kishinami" target="_blank" title="Code was created by Blinky/Hakuno Kishinami. Do NOT touch. Please! If you are interested in a code please feel free to DM or Mail her!"><img src="https://i.imgur.com/n6pkfKn.png" height="10%"></a>
  884. </div>
  885. </div>
  886. <script>/**
  887. // http://na.finalfantasyxiv.com/pr/world
  888. // why they using javascript ??
  889. $(function(){ rul
  890. var posY1 = 0;
  891. var posY2 = 0;
  892. var posY3 = 0;
  893. var imgH = 500;
  894. setInterval(function(){
  895. if (posY1 <= -900) posY1 = 0;
  896. if (posY2 <= -900) posY2 = 0;
  897. if (posY3 <= -1200) posY3 = 0;
  898. posY1 -= 1;
  899. posY2 -= 2;
  900. posY3 -= 3;
  901. $('.crystal_01').css({ backgroundPosition: '0' + posY1 + 'px' });
  902. $('.crystal_02').css({ backgroundPosition: '0' + posY2 + 'px' });
  903. $('.crystal_03').css({ backgroundPosition: '0' + posY3 + 'px' });
  904. },50);
  905.  
  906. $(window).scroll(function () {
  907. pageNavFunc();
  908. });
  909. pageNavFunc();
  910. });
  911. //*/</script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!