API tools faq
paste
Advertisement
QueenOfGeckos

Laetecia 5/15/2020

QueenOfGeckos
May 15th, 2020
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.11 KB | None | 0 0
raw download clone embed print report
  1. const master = new TimelineMax();
  2. const leaves = $('[id^=LeafGroup]');
  3.  
  4.  
  5. master
  6. .add(setup)
  7. .add(ghostAppear)
  8. .add(vinesDraw, 1);
  9.  
  10. function setup() {
  11. const tl = new TimelineMax();
  12. tl
  13. .set('.vine', { drawSVG: "100% 100%", autoAlpha: 1 })
  14. .set('.reflection', {opacity: 0, scale: 0.8, y: -10, autoAlpha: 1})
  15. .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});
  16.  
  17. return tl;
  18. }
  19. function ghostAppear() {
  20. const tl = new TimelineMax();
  21. tl.to('.reflection', 2, {scale: 1, opacity: 1, y: "+=15px"})
  22. return tl;
  23. }
  24. function vinesDraw() {
  25. const tl = new TimelineMax();
  26.  
  27. tl
  28. .staggerFromTo( '[id^=top-left] path[id^=top-left]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  29. .staggerFromTo( '[id^=top-right] path[id^=top-right]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  30. .staggerFromTo( '[id^=bottom-left] path[id^=bottom-left]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  31. .staggerFromTo( '[id^=bottom-right] path[id^=bottom-right]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  32. .fromTo( '[id^=top-middle] path', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, "draw-Level2-Vines")
  33. .fromTo( '[id^=middle] path', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, "draw-Level2-Vines+=0.7")
  34. .fromTo( '[id^=bottom-middle] path', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, "draw-Level2-Vines+=1");
  35.  
  36. return tl;
  37. }
  38.  
  39.  
  40. function leafGrow() {
  41. const currentVine = $(this.target);
  42. const currentLeaf = currentVine.siblings( "[id^=LeafGroup]" );
  43. const tl = new TimelineMax();
  44. tl.to(currentLeaf, 3, {scale: 1});
  45.  
  46. return tl;
  47. }
  48. _______SCRIPT ^^____________________
  49. @import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
  50.  
  51.  
  52.  
  53.  
  54. #container {
  55. background-image: url("https://cdna.artstation.com/p/assets/images/images/006/537/846/original/xav-larcombe-gif.gif");
  56. background-repeat: No-repeat;
  57. background-size: 100% 100%;
  58. background-position: bottom right;
  59. width: 100%;
  60. height: 100%;
  61. opacity:0;
  62. position: absolute;
  63. top: 50%;
  64. left: 50%;
  65. transform: translate(-50%, -50%);
  66. z-index:2;
  67. -webkit-transition-duration: 2s;
  68. -moz-transition-duration: 2s;
  69. }
  70.  
  71. #container:hover{
  72. opacity:1;
  73. -webkit-transition-duration: 2s;
  74. -moz-transition-duration: 2s;
  75. }
  76.  
  77. body {
  78. background: #754f8c;
  79. }
  80.  
  81. .container1 {
  82. margin: 0 auto;
  83. max-width: 55vh;
  84. position: relative;
  85. }
  86.  
  87. .st0{fill: #FFFFFF;}
  88. .st1{fill:#22743f;}
  89. .st2{fill:#73C2A6;}
  90. .vine{
  91. fill:none;
  92. stroke:#73C2A6;
  93. stroke-width:2;
  94. stroke-linecap:round;
  95. stroke-linejoin:round;
  96. }
  97.  
  98. [id^=LeafGroup], .vine, .reflection {
  99. visibility: hidden;
  100. }
  101.  
  102.  
  103. .reflection {
  104. position: absolute;
  105. width: 80%;
  106. top: 17%;
  107. left: 11%;
  108. overflow: hidden;
  109. border-radius: 50%;
  110. }
  111. .reflection img {
  112. max-width: 100%;
  113. border-radius: 50%;
  114. }
  115.  
  116. .right{
  117. position:absolute;
  118. top:-22px;
  119. left:140px;
  120. font-family: 'Oswald', sans-serif;
  121. text-transform: uppercase;
  122. text-decoration: none;
  123. font-size: 24px;
  124. line-height: 24px;
  125. letter-spacing: -1px;
  126. color: #ffe650;
  127. }
  128.  
  129. .diamonds{
  130. position:absolute;
  131. top:10px;
  132. left:88px;
  133. width:330px;
  134. height:180px;
  135. overflow:hidden;
  136. z-index:20;
  137. }
  138.  
  139. .far{
  140. width:330px;
  141. height:180px;
  142. overflow:auto;
  143. }
  144.  
  145. .tell{
  146. color:#dfeff1;
  147. font-size:14px;
  148. text-align:justify;
  149. line-height:14px;
  150. font-family:cambria;
  151. letter-spacing:0.3px;
  152. margin: 5px;
  153. }
  154. a.gone:link, a.gone:active, a.gone:visited{
  155. font-family: 'Oswald', sans-serif;
  156. text-transform: uppercase;
  157. text-decoration: none;
  158. font-size: 24px;
  159. line-height: 24px;
  160. letter-spacing: -1px;
  161. color: #4c4ff;
  162. margin-right:12px;
  163. z-index:10;
  164. }
  165.  
  166. a.gone:hover{
  167. text-shadow:-4px 0px 0px #ffe650;
  168. }
  169.  
  170. b {
  171. color: #50cfff;
  172. font-weight:bold;
  173. letter-spacing: 1px;
  174. }
  175.  
  176. i{
  177. color:#ffffff;
  178. font-style:italic;
  179. }
  180.  
  181. u{
  182. font-style:italic;
  183. text-decoration:noneunderline;
  184. }
  185.  
  186. a:active, a:link, a:visited{
  187. color:#fff;
  188. text-decoration:none;
  189. }
  190. a:hover{
  191. cursor:all-scroll;
  192. color:#4e3f64;
  193. text-decoration:line-through;
  194. }
  195.  
  196. h1 {
  197. font: normal 18px 'cambria';
  198. text-align:center;
  199. border-bottom: 1px solid #ffffff;}
  200.  
  201. ::-webkit-scrollbar {width: 3px;}
  202. ::-webkit-scrollbar-thumb:vertical {
  203. height: 10px;background-color: #D98878;}
  204. ::-webkit-scrollbar-thumb:horizontal {
  205. height: 10px;background-color: #D98878;border: 0px ;width: 15px;}
  206.  
  207.  
  208.  
  209. #sparkle{
  210. width:700px;
  211. height: 200px;
  212. background:#17253d;
  213. opacity: 0.85;
  214. filter: alpha(opacity=85);
  215. border-radius: 100px 50px 50px 100px;
  216. z-index: 4;
  217.  
  218. }
  219.  
  220.  
  221. .brightly{
  222. margin: auto;
  223. position: absolute;
  224. top: 0; left: 0; bottom: 0; right: 0;
  225. animation: emerald 3s 1;
  226. -webkit-animation: emerald 3s 1;
  227.  
  228. }
  229.  
  230.  
  231.  
  232. .brightly1{
  233. margin: auto;
  234. position: absolute;
  235. top: 0; left: 0; bottom: 0; right: 0;
  236. animation: emerald 3s 1;
  237. -webkit-animation: emerald 3s 1;
  238.  
  239. }
  240.  
  241. .portal{
  242. position: absolute;
  243. bottom: -70px;
  244. width: 500px;
  245. margin:auto;
  246. left:0;
  247. right:0;
  248. z-index:99;
  249. animation: emerald 3s 1;
  250. -webkit-animation: emerald 3s 1;
  251. }
  252.  
  253.  
  254.  
  255.  
  256. @keyframes emerald{
  257. from{
  258. right: -50%;
  259. opacity: 0;
  260. }
  261. }
  262.  
  263. @-webkit-keyframes emerald{
  264. from{
  265. right: -50%;
  266. opacity: 0;
  267. }
  268. }
  269.  
  270.  
  271. .lovely {
  272. pointer-events:none;
  273. position: absolute;
  274. bottom: 0px;
  275. right: 0%;
  276. z-index: 100;
  277. animation: emerald 3s 1;
  278. -webkit-animation: emerald 3s 1;}
  279. }
  280. _____CSS ^^__________________________
  281.  
  282. <div class="container1">
  283. <svg version="1.1"
  284. xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
  285. x="0px" y="0px" viewBox="0 0 290.8 486.4"
  286. xml:space="preserve">
  287.  
  288. <defs>
  289. </defs>
  290. <g id="FrameGroup_2_">
  291. <ellipse id="whiteoval_2_" class="st0" cx="148.8" cy="244.1" rx="119" ry="183"/>
  292. <g id="top-left_2_">
  293. <g id="top-left-long-group_2_">
  294. <g id="LeafGroup-downwards-3_2_">
  295. <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
  296. C46.4,109.8,46,95.3,27.3,96.2z"/>
  297. <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
  298. 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
  299. 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
  300. c-2.1,0.9-4.3,1.4-6.6,1.5C22.4,97.8,24.8,97.7,26.8,96.8z"/>
  301. </g>
  302. <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
  303. c7.1-2,35.3-12.2,35.3-12.2"/>
  304. </g>
  305. <g id="top-left-short-group-1_2_">
  306. <g id="LeafGroup-upwards-1_2_">
  307. <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
  308. C82,15.2,82.5,12.2,84.4,7.9z"/>
  309. <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
  310. 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
  311. 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
  312. C73.1,41.5,77.4,41.5,80.6,43.8z"/>
  313. </g>
  314. <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"/>
  315. </g>
  316. <g id="top-left-short-group-2_2_">
  317. <g id="LeafGroup-upwards-2_2_">
  318. <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
  319. C9.7,28.8-2.9,35.7,2.2,57.3C5.3,70.3,33.3,76.4,32.5,58.2z"/>
  320. <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
  321. 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
  322. 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
  323. 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
  324. 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"/>
  325. </g>
  326. <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"/>
  327. </g>
  328. <g id="top-left-short-group-3_2_">
  329. <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
  330. c5.1,0.2,8.6-4.8,16.1-8.4c11.8-5.7,27.6-8.2,27.6-8.2"/>
  331. </g>
  332. </g>
  333. <g id="top-right_2_">
  334. <g id="top-right-long-group_2_">
  335. <g id="LeafGroup-downwards-6_2_">
  336. <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
  337. S272.9,85,267.1,97.5z"/>
  338. <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
  339. 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
  340. 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
  341. 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"/>
  342. </g>
  343. <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"/>
  344. </g>
  345. <g id="top-right-short-group-1_2_">
  346. <g id="LeafGroup-upwards-4_2_">
  347. <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
  348. C218.5,51.3,222.9,46.8,223.9,41.4z"/>
  349. <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
  350. 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
  351. 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
  352. c1.6-0.5,3.2-0.8,4.9-0.7C216.1,44.3,212.4,43.4,209.7,44.7z"/>
  353. </g>
  354. <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"/>
  355. </g>
  356. <g id="top-right-short-group-2_2_">
  357. <g id="LeafGroup-upwards-5_2_">
  358. <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
  359. c-11.7,4.8-21.5-14.9-3.8-28.7C264.4,17.1,264.4,13.4,262.9,7.7z"/>
  360. <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
  361. 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
  362. 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
  363. 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
  364. 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"/>
  365. </g>
  366. <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"/>
  367. </g>
  368. <g id="top-right-short-group-3_2_">
  369. <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
  370. 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"/>
  371. </g>
  372. </g>
  373. <g id="top-middle_2_">
  374. <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"/>
  375. <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"/>
  376. </g>
  377. <g id="middle_2_">
  378. <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
  379. c-3.6-0.2-6.5-2.8-10.3-8.3c-3.5-5-7.5-15-9.9-19.9"/>
  380. <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
  381. c6.9,1.1,10.6-4.7,13.4-8.3c4.8-6.4,11.1-18.6,14.4-24.9"/>
  382. </g>
  383. <g id="bottom-middle_2_">
  384. <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
  385. c1.8-1.3,2.9-4.7,3.2-9.6c0.3-6.9-2.2-19.5-3.1-24.9"/>
  386. </g>
  387. <g id="bottom-left_2_">
  388. <g id="bottom-left-short-group-1_2_">
  389. <g id="LeafGroup-downwards-9_2_">
  390. <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
  391. C121.8,448.8,124.1,453.4,124.3,457.8z"/>
  392. <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
  393. 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
  394. 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
  395. z"/>
  396. </g>
  397. <path id="bottom-left-short-1_2_" class="vine" d="M113.6,451.4c0,0-0.9-11.7-14.1-21.2"/>
  398. </g>
  399. <g id="bottom-left-short-group-2_2_">
  400. <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
  401. 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"
  402. />
  403. </g>
  404. <g id="bottom-left-short-group-3_2_">
  405. <g id="LeafGroup-downwards-8_2_">
  406. <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
  407. c-5-8.4-14.5-22.7-8.5-36.2S48.7,425.3,48.4,445.7z"/>
  408. <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
  409. 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
  410. 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
  411. 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
  412. 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"
  413. />
  414. </g>
  415. <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"/>
  416. </g>
  417. <g id="bottom-left-short-group-4_2_">
  418. <g id="LeafGroup-upwards-7_2_">
  419. <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
  420. C23.7,381.6,22.8,378.9,22.5,374.4z"/>
  421. <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
  422. 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
  423. 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
  424. c-2.2-0.3-4.4-0.3-6.6,0.2C30.4,406.3,32.6,405.8,34.7,406.2z"/>
  425. </g>
  426. <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
  427. c3-6.6,1.9-13.4-1.6-23.2"/>
  428. </g>
  429. </g>
  430. <g id="bottom-right_2_">
  431. <g id="bottom-right-long-group_2_">
  432. <g id="LeafGroup-downwards-11_2_">
  433. <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
  434. 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"/>
  435. <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
  436. 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
  437. 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
  438. 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
  439. 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"/>
  440. </g>
  441. <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"/>
  442. </g>
  443. <g id="bottom-right-short-group-1_2_">
  444. <g id="LeafGroup-downwards-10_2_">
  445. <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
  446. C239.5,461.3,244.1,445.5,223.5,440z"/>
  447. <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
  448. 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
  449. 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
  450. C217.9,439.3,220.1,440.1,222.3,440z"/>
  451. </g>
  452. <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"/>
  453. </g>
  454. <g id="bottom-right-short-group-2_2_">
  455. <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
  456. 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"/>
  457. </g>
  458. <g id="bottom-right-short-group-3_2_">
  459. <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
  460. 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"/>
  461. </g>
  462. <g id="bottom-right-short-group-4_2_">
  463. <g id="LeafGroup-upwards-12_2_">
  464. <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
  465. C285.2,391.8,289.4,387.6,290.4,382.7z"/>
  466. <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
  467. 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
  468. 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
  469. c1.8-0.9,3.8-1.3,5.9-1.3C282.1,384.6,280,384.7,278.2,385.5z"/>
  470. </g>
  471. <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
  472. c0.1-7.2,3.7-22.4,3.7-22.4"/>
  473. </g>
  474. </g>
  475. <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
  476. 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
  477. 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
  478. 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
  479. 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
  480. 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
  481. 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
  482. 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
  483. 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
  484. 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
  485. 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
  486. 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
  487. 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
  488. 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
  489. 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
  490. 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
  491. 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
  492. S282.4,259.2,282.4,259.2z"/>
  493. </g>
  494. </svg>
  495.  
  496. <div class="reflection">
  497. <img src="https://i.imgur.com/KR3T4df.png" alt="">
  498. </div>
  499.  
  500.  
  501.  
  502. </div>
  503.  
  504.  
  505. <div id="container">
  506.  
  507. <div id="sparkle" class="brightly">
  508.  
  509. <div class="diamonds">
  510. <div id="we" class="far"><div class="tell">
  511.  
  512. <h1>Stats</h1>
  513.  
  514. <font style="float:left"><b>➽Name</b></font>
  515. <font style="float:right">Laeticia</font><br>
  516. <font style="float:left"><b>➽Nicknames</b></font>
  517. <font style="float:right"><strike>Ruler</strike></font><br>
  518. <font style="float:left"><b>➽Age + Birthday</b></font>
  519. <font style="float:right">22・ April 3rd</font><br>
  520. <font style="float:left"><b>➽Gender</b></font>
  521. <font style="float:right">♀ Female</font><br>
  522. <font style="float:left"><b>➽Race</b></font>
  523. <font style="float:right">Human</font><br>
  524. <font style="float:left"><b>➽Height + Weight</b></font>
  525. <font style="float:right">5'4"・124lbs</font><br>
  526. <font style="float:left"><b>➽Hair + Eye </b></font>
  527. <font style="float:right">Long Blond・Purple</font><br>
  528. <font style="float:left"><b>➽Occupation</b></font>
  529. <font style="float:right">Student</font><br>
  530. <font style="float:left"><b>➽Home</b></font>
  531. <font style="float:right">Cannes, France</font><br>
  532. <font style="float:left"><b>➽Sexual Orientation</b></font>
  533. <font style="float:right">Heterosexual</font><br>
  534. <font style="float:left"><b>➽Martial Status</b></font>
  535. <font style="float:right">Single</font><br>
  536.  
  537. <h1>Gallery</h1>
  538. <a target="_blank" href="https://i.imgur.com/fOMXu8j.png" target="_blank" title=" "><img src="https://i.imgur.com/TUbAv44.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  539. <a target="_blank" href="https://i.imgur.com/UIe1JDg.png" target="_blank" title=" "><img src="https://i.imgur.com/TUbAv44.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  540. <a target="_blank" href="https://i.imgur.com/NLH1iDU.png" target="_blank" title=" "><img src="https://i.imgur.com/TUbAv44.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  541. <a target="_blank" href="https://i.imgur.com/SigZr7c.jpg" target="_blank" title=" "><img src="https://i.imgur.com/TUbAv44.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  542. <a target="_blank" href="https://i.imgur.com/pZx0d8u.png" target="_blank" title=" "><img src="https://i.imgur.com/TUbAv44.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  543. <a target="_blank" href="https://i.imgur.com/raTpb2W.png" target="_blank" title=" "><img src="https://i.imgur.com/TUbAv44.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  544. <a target="_blank" href="https://i.imgur.com/PVelJOH.png" target="_blank" title=" "><img src="https://i.imgur.com/TUbAv44.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  545. <a target="_blank" href="https://i.imgur.com/GWpBUU5.png" target="_blank" title=" "><img src="https://i.imgur.com/TUbAv44.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  546. <a target="_blank" href="https://i.imgur.com/2Mgd71x.png" target="_blank" title=" "><img src="https://i.imgur.com/TUbAv44.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  547. </p>
  548.  
  549. </div></div>
  550. <div id="have" class="far"><div class="tell">
  551. <h1>Personality</h1><br>
  552. <p>Laeticia is described as decent and honest, possessing a religious piety that surpasses many others. She accepted Ruler's request without question despite her normal life, being dragged into the Holy Grail War. While Ruler is in control of her body, she is able to witness Ruler's actions and communicate with her. It is much like "watching a movie inside a dream for her", the memories fading fast after Ruler departs from her. Despite not remembering, her prayers have gone from being vague to having taken on the direction of wishing that “those two may find happiness together.” She prays daily believing in small miracles such as that.</p>
  553. </div></div>
  554. <div id="you" class="far"><div class="tell">
  555. <h1>Headcanons</h1>
  556. <b>+</b> Laeticia has minor skills in mage craft.<bR>
  557. <b>+</b> She has faint memories of her time as a vessel for Ruler. But it's all like a dream.<bR>
  558. <b>+</b> Her origin is something she's struggled to discover.<br>
  559. <b>+</b> Has an elemental affinity for water. But just barely.<br>
  560. <b>+</b> If she were to form a contract with a servant she would only be able to sustain one, and would be barely able to give them enough mana. Until she improves her skills and capabilities which could take awhile.</div></div>
  561. <div id="noticed" class="far"><div class="tell">
  562. <h1>Friends</h1>
  563. <a target="_blank" href="" target="_blank" title="Words"><img src=" " class="circle" width="40" height="40" border="1px solid #000000" ></a>
  564. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  565. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  566. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  567. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  568. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  569. <h1>Aquaintences</h1>
  570. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  571. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  572. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  573. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  574. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  575. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  576.  
  577.  
  578. </div></div>
  579. <div id="come" class="far"><div class="tell">
  580. <h1>Rules</h1>
  581. <b>01.</b> PM friendly most of the time.<br>
  582. <b>02.</b> Time for some math, to save rule counts IC =/= OOC , OOC > IC, Story > Smut, Quality > Quanity. Am I missing anything?<br>
  583. <b>03.</b> Yes this is that Laeticia from Fate/Apocrypha, the one who was host to Ruler/Jeanne in the show. I am indeed playing her. I am indeed treating that as apart of her past. She is a seperate entity than Ruler. <br>
  584. <b>04.</b> I play this character. Not one you give me.<br>
  585. <b>05.</b> Smut is reserved for partner IF that even happens. Or her servant. And chances of Late<br>
  586. <b>06.</b> I'll find something for here soon.<br>
  587. <b>07.</b> Skype and Discord are available for friends.<br>
  588. <b>08.</b> Fate rps get priority.<Br>
  589. <b>10.</b> Do not touch the layout!<br>
  590. <b>11.</b> Constant WIP.<br>
  591. <b>12.</b> Mostly headcanon based. <br>
  592. </div></div></div>
  593.  
  594. <div class="portal">
  595. <a href="#we" class="gone"><font size="24">❉</font></a>
  596. <a href="#have" class="gone"><font size="24">❈</font></a>
  597. <a href="#noticed" class="gone"><font size="24">❉</font></a>
  598. <a href="#you" class="gone"><font size="24">❈</font></a>
  599. <a href="#come" class="gone"><font size="24">❉</font></a></div>
  600. </div><div class="lovely">
  601. <img src="https://i.imgur.com/3RLUMIx.png" width="400px"></div></div></div></div></div>
  602.  
  603.  
  604.  
  605. </div>
  606.  
  607. HTML ^^
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!