Advertisement
QueenOfGeckos

Romelle 5/15/2020

May 15th, 2020
36
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.62 KB | None | 0 0
  1. JAVA--------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.  
  49. _HTML_
  50. <script src="jquery.min.js"></script>
  51. <script type="text/javascript">
  52. $(document).ready(function () {
  53. //Disable full page
  54. $("body").on("contextmenu",function(e){
  55. return false;
  56. });
  57.  
  58. //Disable part of page
  59. $("#id").on("contextmenu",function(e){
  60. return false;
  61. });
  62. });
  63. </script>
  64. <script type="text/javascript">
  65. $(document).ready(function () {
  66. //Disable cut copy paste
  67. $('body').bind('cut copy paste', function (e) {
  68. e.preventDefault();
  69. });
  70.  
  71. //Disable mouse right click
  72. $("body").on("contextmenu",function(e){
  73. return false;
  74. });
  75. });
  76. </script><style> @import 'https://fonts.googleapis.com/css?family=Pacifico|Oswald:700';
  77.  
  78. @font-face{
  79. src:url(https://dl.dropboxusercontent.com/s/74xrxvex76h7sce/Zenzai%20Itacha.ttf);
  80. font-family:'Zenzai Itacha';
  81. }
  82.  
  83. body {
  84. background: #e3eded;
  85. background-image: url("https://i.imgur.com/editren.jpg");
  86. background-repeat: No-repeat;
  87. background-size: 100% 100%;
  88. background-position: bottom right;
  89. }
  90.  
  91.  
  92. .right{
  93. position:absolute;
  94. top:-22px;
  95. left:140px;
  96. font-family: 'Oswald', 'Pacifico';
  97. text-transform: uppercase;
  98. text-decoration: none;
  99. font-size: 24px;
  100. line-height: 24px;
  101. letter-spacing: -1px;
  102. color: #497259;
  103. }
  104.  
  105. .diamonds{
  106. position:absolute;
  107. top:20px;
  108. left:65px;
  109. width:370px;
  110. height:200px;
  111. overflow:hidden;
  112. z-index:20;
  113. }
  114.  
  115. .far{
  116. width:360px;
  117. height:200px;
  118. overflow:auto;
  119. }
  120.  
  121. .tell{
  122. color:#fff8d1;
  123. font-size:14px;
  124. text-align:justify;
  125. line-height:14px;
  126. font-family:cambria;
  127. letter-spacing:0.3px;
  128. margin: 5px;
  129. }
  130. a.gone:link, a.gone:active, a.gone:visited{
  131. font-family: 'Oswald', sans-serif;
  132. text-transform: uppercase;
  133. text-decoration: none;
  134. font-size: 24px;
  135. line-height: 24px;
  136. letter-spacing: -1px;
  137. color: #f77481;
  138. margin-right:12px;
  139. z-index:10;
  140. }
  141.  
  142. a.gone:hover{
  143. text-shadow:-4px 0px 0px #232a68;
  144. }
  145.  
  146. b {
  147. color: #f9ccca;
  148. font-weight:bold;
  149. letter-spacing: 1px;
  150. }
  151.  
  152. i{
  153. color:#ffffff;
  154. font-style:italic;
  155. }
  156.  
  157. u{
  158. font-style:italic;
  159. text-decoration:noneunderline;
  160. }
  161.  
  162. a:active, a:link, a:visited{
  163. color:#fff;
  164. text-decoration:none;
  165. }
  166. a:hover{
  167. cursor:all-scroll;
  168. color:#4e3f64;
  169. text-decoration:line-through;
  170. }
  171.  
  172. h1 {
  173. font-family:'Zenzai Itacha';
  174. size: 40px;
  175. text-align:center;
  176. letter-spacing: 7px;
  177. border-bottom: 1px solid #ffffff;}
  178. ::-webkit-scrollbar {width: 3px;}
  179. ::-webkit-scrollbar-thumb:vertical {
  180. height: 10px;background-color: #D98878;}
  181. ::-webkit-scrollbar-thumb:horizontal {
  182. height: 10px;background-color: #D98878;border: 0px ;width: 15px;}
  183.  
  184.  
  185.  
  186. #sparkle{
  187. width:500px;
  188. height: 300px;
  189. background: ;
  190. border-radius: 30px 50px 50px 100px;
  191. z-index: 4;
  192. }
  193.  
  194.  
  195. .brightly{
  196. margin: auto;
  197. position: absolute;
  198. top: 0; left: 0; bottom: 0; right: 0;
  199. animation: emerald 3s 1;
  200. -webkit-animation: emerald 3s 1;
  201.  
  202. }
  203.  
  204. .portal{
  205. position: absolute;
  206. bottom: 10px;
  207. right: 50%;
  208. width: 400px;
  209. margin:auto;
  210. right: 0px;
  211. z-index:99;
  212. animation: emerald 3s 1;
  213. -webkit-animation: emerald 3s 1;
  214. }
  215.  
  216.  
  217.  
  218.  
  219. @keyframes emerald{
  220. from{
  221. right: -50%;
  222. opacity: 0;
  223. }
  224. }
  225.  
  226. @-webkit-keyframes emerald{
  227. from{
  228. right: -50%;
  229. opacity: 0;
  230. }
  231. }
  232.  
  233. .lovely {
  234. pointer-events:none;
  235. position: fixed;
  236. bottom: 0px;
  237. left: 10%;
  238. z-index: 1;
  239. animation: emerald 3s 1;
  240. -webkit-animation: emerald 3s 1;
  241. }
  242.  
  243.  
  244. #Wordymofo{
  245. pointer-events:none;
  246. position:absolute;
  247. font-family: 'Zenzai Itacha', cursive;
  248. letter-spacing: 2px;
  249. font-weight: normal;
  250. font-size: 60px;
  251. width: 310px;
  252. top: 120px;
  253. right: -140px;
  254. height: 140px;
  255. background: #transparent;
  256. background: url(https://i.imgur.com/i2dizk0.gif) -20px -20px repeat;
  257. -webkit-text-fill-color: transparent;
  258. -webkit-background-clip: text;
  259. -ms-transform: rotate(90deg);
  260. -webkit-transform: rotate(90deg);
  261. transform: rotate(90deg);.
  262.  
  263. }
  264. #crystals {
  265. position:fixed;
  266. top:0;
  267. left:0;
  268. width:480px;
  269. height:100%;
  270. }
  271. @-webkit-keyframes bg-crystal001 { 100% {background-position: 0px 900px;}}
  272. @-moz-keyframes bg-crystal001 { 100% {background-position: 0px 900px;}}
  273. @-o-keyframes bg-crystal001 { 100% {background-position: 0px 900px;}}
  274. @keyframes bg-crystal001 { 100% {background-position: 0px 900px;}}
  275.  
  276.  
  277.  
  278. #crystals .crystal_01 {
  279. position:absolute;
  280. width:100%;
  281. height:100%;
  282. background:url(https://i.imgur.com/YlJTXMB.png)repeat-y;
  283. -webkit-animation: bg-crystal001 30s infinite;
  284. -moz-animation: bg-crystal001 30s infinite;
  285. -o-animation: bg-crystal001 30s infinite;
  286. animation: bg-crystal001 30s infinite;
  287. -webkit-animation-timing-function: linear;
  288. -moz-animation-timing-function: linear;
  289. -o-animation-timing-function: linear;
  290. animation-timing-function: linear;
  291. }
  292. @-webkit-keyframes bg-crystal002 { 100% {background-position: 0px 900px;}}
  293. @-moz-keyframes bg-crystal002 { 100% {background-position: 0px 900px;}}
  294. @-o-keyframes bg-crystal002 { 100% {background-position: 0px 900px;}}
  295. @keyframes bg-crystal002 { 100% {background-position: 0px 900px;}}
  296. #crystals .crystal_02 {
  297. position:absolute;
  298. width:100%;
  299. height:100%;
  300. background:url(https://i.imgur.com/hJCIWGm.png)repeat-y;
  301. -webkit-animation: bg-crystal002 60s infinite;
  302. -moz-animation: bg-crystal002 60s infinite;
  303. -o-animation: bg-crystal002 60s infinite;
  304. animation: bg-crystal002 60s infinite;
  305. -webkit-animation-timing-function: linear;
  306. -moz-animation-timing-function: linear;
  307. -o-animation-timing-function: linear;
  308. animation-timing-function: linear;
  309. }
  310. @-webkit-keyframes bg-crystal003 { 100% {background-position: 0px -1200px;}}
  311. @-moz-keyframes bg-crystal003 { 100% {background-position: 0px -1200px;}}
  312. @-o-keyframes bg-crystal003 { 100% {background-position: 0px -1200px;}}
  313. @keyframes bg-crystal003 { 100% {background-position: 0px -1200px;}}
  314. #crystals .crystal_03 {
  315. position:absolute;
  316. width:100%;
  317. height:100%;
  318. left:50%;
  319. margin-left:-180px;
  320. background:url(https://i.imgur.com/urVL6Zq.png)repeat-y;
  321. -webkit-animation: bg-crystal003 90s infinite;
  322. -moz-animation: bg-crystal003 90s infinite;
  323. -o-animation: bg-crystal003 90s infinite;
  324. animation: bg-crystal003 90s infinite;
  325. -webkit-animation-timing-function: linear;
  326. -moz-animation-timing-function: linear;
  327. -o-animation-timing-function: linear;
  328. animation-timing-function: linear;
  329. }
  330.  
  331. #worldCrystals {
  332. position:fixed;
  333. top:150px;
  334. left:0;
  335. width:100%;
  336. height:520px;
  337. }
  338. #worldCrystals .crystal_01 {
  339. position:absolute;
  340. width:100%;
  341. height:100%;
  342. background:url(https://i.imgur.com/dCMiLUR.png)no-repeat -500px 0px;
  343. }
  344. @-webkit-keyframes bg-crystal004 { 100% {background-position: 1198px 0px;}}
  345. @-moz-keyframes bg-crystal004 { 100% {background-position: 1198px 0px;}}
  346. @-o-keyframes bg-crystal004 { 100% {background-position: 1198px 0px;}}
  347. @keyframes bg-crystal004 { 100% {background-position: 1198px 0px;}}
  348. #worldCrystals .crystal_02 {
  349. position:absolute;
  350. width:100%;
  351. height:100%;
  352. background:url(https://i.imgur.com/ZClBZjA.png)repeat-x;
  353. -webkit-animation: bg-crystal004 60s infinite;
  354. -moz-animation: bg-crystal004 60s infinite;
  355. -o-animation: bg-crystal004 60s infinite;
  356. animation: bg-crystal004 60s infinite;
  357. -webkit-animation-timing-function: linear;
  358. -moz-animation-timing-function: linear;
  359. -o-animation-timing-function: linear;
  360. animation-timing-function: linear;
  361. }
  362. @-webkit-keyframes bg-crystal005 { 100% {background-position: 1086px 0px;}}
  363. @-moz-keyframes bg-crystal005 { 100% {background-position: 1086px 0px;}}
  364. @-o-keyframes bg-crystal005 { 100% {background-position: 1086px 0px;}}
  365. @keyframes bg-crystal005 { 100% {background-position: 1086px 0px;}}
  366. #worldCrystals .crystal_03 {
  367. position:absolute;
  368. width:100%;
  369. height:100%;
  370. left:50%;
  371. margin-left:-180px;
  372. background:url(https://i.imgur.com/hdqRX1V.png)repeat-x;
  373. -webkit-animation: bg-crystal005 90s infinite;
  374. -moz-animation: bg-crystal005 90s infinite;
  375. -o-animation: bg-crystal005 90s infinite;
  376. animation: bg-crystal005 90s infinite;
  377. -webkit-animation-timing-function: linear;
  378. -moz-animation-timing-function: linear;
  379. -o-animation-timing-function: linear;
  380. animation-timing-function: linear;
  381. }
  382.  
  383.  
  384. </style>
  385.  
  386. <div id="container">
  387. <div id="worldCrystals">
  388. <div class="crystal_01"></div>
  389. <div class="crystal_02"></div>
  390. <div class="crystal_03"></div>
  391. </div>
  392. <div id="crystals">
  393. <div class="crystal_01"></div>
  394. <div class="crystal_02"></div>
  395. <div class="crystal_03"></div>
  396. </div>
  397.  
  398. <div id="sparkle" class="brightly">
  399. <div class="portal">
  400. <a href="#we" class="gone"><font size="24">☾</font></a>
  401. <a href="#have" class="gone"><font size="24">✦</font></a>
  402. <a href="#noticed" class="gone"><font size="24">✧</font></a>
  403. <a href="#you" class="gone"><font size="24">✦</font></a>
  404. <a href="#come" class="gone"><font size="24">☽</font></a></div>
  405.  
  406. <div class="diamonds">
  407.  
  408. <div id="we" class="far"><div class="tell">
  409.  
  410. <h1>Dossier</h1>
  411.  
  412. <font style="float:left"><b>➽Name</b></font>
  413. <font style="float:right">Romelle</font><br>
  414. <font style="float:left"><b>➽Age</b></font>
  415. <font style="float:right">Young Adult</font><br>
  416. <font style="float:left"><b>➽Gender</b></font>
  417. <font style="float:right">Female</font><br>
  418. <font style="float:left"><b>➽Race</b></font>
  419. <font style="float:right">Altean</font><br>
  420. <font style="float:left"><b>➽Alinment</b></font>
  421. <font style="float:right">Team Voltron</font><br>
  422. <font style="float:left"><b>➽Eyes</b></font>
  423. <font style="float:right">Purple with Dark purple Pupils</font><br>
  424. <font style="float:left"><b>➽Hair</b></font>
  425. <font style="float:right">Long and straight, Sandy blond</font><br>
  426. <font style="float:left"><b>➽Marks</b></font>
  427. <font style="float:right">Light Blue altean Cheek Marks</font><br>
  428. <font style="float:left"><b>➽Sexual Orientation</b></font>
  429. <font style="float:right">Pansexual</font><br>
  430. <font style="float:left"><b>➽Marital Status</b></font>
  431. <font style="float:right">Single, uninterested</font><br><br><br<br>>
  432.  
  433. <h1>Personality</h1>
  434.  
  435. Romellee is a kind and fairly smart young woman. Coming from the Altean colony, she is a good exmaple of what the Surviving Alteans are capable of. She had always been unsure of Lotor though and even questioning his motives, and her brother's blind faith in him. Which would result in her learning the truth... Only when it was too late. Her brother, much like their mother and father were taken to the 'new colony' of ALteans leaving her alone... all to be used with the many others that were carted off, to be harvested for their quintessence. After discovering this she was bitter and angry towards Lotor. However, despite this, she has not fallen to blaming an entire race for one's shortcomings. </p>
  436.  
  437. <p>A lighter side of Romelle is shown when she is with the other Paladins during their journey towards earth. While riding with Lance she came up with several what if scenarios in which he would have to save the day. Showing she is easily excitable. And she even is shown to have a curious and mischievous side as well. Pressing and touch all forms of buttons and items during her time in the Red lion.</p>
  438.  
  439.  
  440. </div></div>
  441. <div id="have" class="far"><div class="tell">
  442. <h1>About</h1><br>
  443.  
  444. <p>Romelle is descended from Alteans whom Lotor had sought out following the destruction of Altea. Many Alteans were off world performing trading expeditions and went into hiding after the news, using their chameleon-like ability to blend in with other races. Lotor used his knowledge of the culture to track many of them down and bring them to a safe haven he constructed to keep them hidden and safe. Though everyone else viewed Lotor as their savior and worshipped him, Romelle had many questions and doubts, especially regarding a second colony that Lotor supposedly started. When her younger brother, Bandor was selected for the colony, she begged him not to go, but he promised she would get to come some day and leaves her with a secret communicator, as communication between the colonies was prohibited. Some time later, Romelle received a message from her brother and discovered him in the wreckage of a pod, heavily injured. With his dying breath, he tells her that the colony was all a lie. Lotor arrives on scene to cover the wreck, forcing Romelle to escape. Knowing none of the other Alteans would believe her, she could not reveal the truth of Lotor's deceit to them.</p>
  445.  
  446. <p>One day while washing her clothes by a stream, she discovered Keith, Krolia and their Cosmic Wolf. Upon sharing their stories, they realized there was a connection between the concentrated quintessence the duo were tracking and the Alteans that were taken to the colony. Keith deduced that the colony must be nearby, as Bandor would not be able to pilot the pod for very long in his weakened state. Romelle reveals a similar transport pod in her possession, but that she nor any other of the Alteans can pilot it, having lost the knowledge to do so. Keith pilots the pod to the nearby moon, where they deduce the colony to be located and discover all the Alteans in pods, where their life energy is harvested to create Lotor's concentrated quintessence.</p>
  447.  
  448. <p>Romelle journeys with them back to the Castle of Lions to reveal the truth of Lotor's deception. Lotor was, at the time, in the quintessence field with Princess Allura, and when their Sincline ship returned, Romelle demanded they open fire, but the Paladins refused to put Allura in danger. When the two royal arrived on the bridge, Romelle revealed herself and revealed Lotor's deceptions to the princess, causing her to turn on him and knock him out. Suddenly, Lotor's former generals assaulted the Castle and stole the Sincline ships while Shiro went berserk and abducted Lotor.</p>
  449.  
  450. <p>Romelle later evacuated aboard the Blue Lion with Allura, Coran and the Space Mice as they sacrificed the Castle to steal an ever-expanding rift Lotor created that threatened to consume the multiverse.</p>
  451.  
  452.  
  453. </div></div>
  454. <div id="noticed" class="far"><div class="tell">
  455. <h1>Gallery</h1>
  456.  
  457. <a target="_blank" href="https://78.media.tumblr.com/5451f5b8f48ff3e3acb13f52174453af/tumblr_pc4yffWBcT1tdw6leo2_1280.png" target="_blank" title="..."><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  458. <a target="_blank" href="https://78.media.tumblr.com/e45131e486261560183cc8c256491257/tumblr_paefgn3mKt1vps7uno2_1280.png" target="_blank" title=" ."><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  459. <a target="_blank" href="https://78.media.tumblr.com/f4fed9483ffe28b2d8c2609b65795eb9/tumblr_pclmpeWhcg1xyzjg1o1_r1_1280.png" target="_blank" title="..."><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  460. <a target="_blank" href="https://78.media.tumblr.com/a62edd8153feee2139caeae2e38a440d/tumblr_pahyyawZtu1wp2va1o1_1280.png" target="_blank" title="..."><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  461. <a target="_blank" href="https://78.media.tumblr.com/b828fc99e91b667da33ef6d14db33337/tumblr_pdeysq6FLH1s7lih0o1_1280.png"" target="_blank" title="><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  462. <a target="_blank" href="https://78.media.tumblr.com/8fc51b8bfcd6b1d65c64736f6792c62f/tumblr_pcoauqwcUd1tnjgewo1_1280.png" target="_blank" title=""><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  463.  
  464. <a target="_blank" href="https://78.media.tumblr.com/15526e21600925bdeff6255616666a97/tumblr_pcagpbyobL1u7lt06o1_1280.png" target="_blank" title=""><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  465.  
  466. <a target="_blank" href="https://78.media.tumblr.com/edeb01f6aca58938a95a93f31216ecbd/tumblr_pcltk8dJwn1v6i5smo1_1280.jpg" target="_blank" title=""><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  467. <a target="_blank" href="https://78.media.tumblr.com/094811eb14d1a1d2b5b5f782bbcebd5e/tumblr_panz7q2syP1rwbvpio1_1280.jpg" target="_blank" title=""><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  468. <a target="_blank" href="https://78.media.tumblr.com/d8591cd5aea7d5712e12fb5044fa6c3d/tumblr_pbtbt8BS9m1xy6h4bo1_1280.jpg" target="_blank" title=""><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  469. <a target="_blank" href="https://78.media.tumblr.com/84b1c1515c44067b52cae48b6aa87a3a/tumblr_pcip52V3BW1x3kdvwo1_1280.jpg" target="_blank" title=""><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  470. <a target="_blank" href="https://78.media.tumblr.com/ad1bb0a33b457751f9d4d5eafa3d703a/tumblr_pdhj0qCFlq1vz591jo3_1280.png" target="_blank" title=""><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  471. </div></div>
  472. <div id="you" class="far"><div class="tell">
  473. <h1>Friends</h1>
  474. <a target="_blank" href="" target="_blank" title="Words"><img src=" " class="circle" width="40" height="40" border="1px solid #000000" ></a>
  475. <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>
  476. <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>
  477. <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>
  478. <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>
  479. <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>
  480. <h1>Aquaintences</h1>
  481. <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>
  482. <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>
  483. <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>
  484. <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>
  485. <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>
  486. <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>
  487.  
  488.  
  489. </div></div>
  490. <div id="come" class="far"><div class="tell">
  491. <h1>Rules</h1>
  492. <b>01.</b> PM friendly most of the time.<br>
  493. <b>02.</b> Time for some math, Story > Smut, OOC =/= IC, Real life > Roleplay, Romelle =/= Me. Got it? :3 <br>
  494. <b>03.</b> None of the art present is mine.<br>
  495. <b>04.</b> Do not touch this code. This code it mine.<br>
  496. <b>05.</b> I usually mirror what I get. Any where from Semi-lit to Novella.<br>
  497. <b>06.</b> IC 95% of the time. {{Or something will mean I'm ooc}}.<br>
  498. <b>07.</b> Please do not godmod.<br>
  499. <b>08.</b> I play Romelle the way I see her. I am open to pointers though.<br>
  500. <b>09.</b> I'm a pretty chill and nice person. But I can only stomach so much bull shit. Don't push me.<br>
  501. <b>10.</b> I play my character. Not one you give me.<br>
  502. <b>11.</b> You can start with a post if you really want, 9 times out of 10 I will respond. But if I do not, please just take it as me being busy. Most of the time when I'm on I am normally either at work.<br>
  503. </div></div></div>
  504. <div id="wordymofo"><br>
  505. Romelle
  506. </div></div></div></div></div></div>
  507. <div class="lovely">
  508. <img src="https://78.media.tumblr.com/15f5f11d650fbb9d276fb684eff47e52/tumblr_pahg4jDwSu1uildm8o1_1280.png" width="400px"></div>
  509.  
  510.  
  511.  
  512.  
  513. </div>
  514. <div style="position: fixed; bottom: 20px; right: 0px; background-color: transparent;">
  515. <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, this Please! If you want this code just mail Hakuno directly. She will gladly help you out. She even does commissions."><img src="https://i.imgur.com/n6pkfKn.png" height="90px"></a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement