Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script defer>
- window.onload = function() {
- <!--
- function clickIE() {if (document.all) {(message);return false;}}
- function clickNS(e) {if
- (document.layers||(document.getElementById&&!document.all)) {
- if (e.which==2||e.which==3) {(message);return false;}}}
- if (document.layers)
- {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
- else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
- document.oncontextmenu=new Function("return false")
- // -->
- var canvas = document.getElementById("canvas"),
- ctx = canvas.getContext('2d');
- canvas.width = window.innerWidth;
- canvas.height = window.innerHeight;
- var stars = [], // Array that contains the stars
- FPS = 60, // Frames per second
- x = canvas.width; // Number of stars
- // Push stars to array
- for (var i = 0; i < x; i++) {
- stars.push({
- x: Math.random() * canvas.width,
- y: Math.random() * canvas.height,
- radius: Math.random(),
- vx: Math.floor(Math.random() * 10) - 5,
- vy: Math.floor(Math.random() * 10) - 5
- });
- }
- // Draw the scene
- function draw() {
- ctx.clearRect(0,0,canvas.width,canvas.height);
- ctx.globalCompositeOperation = "lighter";
- for (var i = 0, x = stars.length; i < x; i++) {
- var s = stars[i];
- ctx.fillStyle = "#fff";
- ctx.beginPath();
- ctx.arc(s.x, s.y, s.radius, 0, 2 * Math.PI);
- ctx.fill();
- }
- }
- // Update star locations
- function update() {
- for (var i = 0, x = stars.length; i < x; i++) {
- var s = stars[i];
- s.x += s.vx / FPS;
- s.y += s.vy / FPS;
- if (s.x < 0 || s.x > canvas.width) s.x = -s.x;
- if (s.y < 0 || s.y > canvas.height) s.y = -s.y;
- }
- }
- // Update and draw
- function tick() {
- draw();
- update();
- requestAnimationFrame(tick);
- }
- tick();
- };
- </script>
- <style>
- @import url('https://fonts.googleapis.com/css?family=Cardo|Cinzel+Decorative|Dancing+Script|IM+Fell+English+SC|Open+Sans+Condensed:300|Source+Serif+Pro|Teko|Zeyada');
- @import url('https://fonts.googleapis.com/css?family=Georgia');
- .pfor {display: none;
- background-color: transparent;}
- body {
- background:url('') top left fixed repeat;
- background-color: #fdc9c9;
- background-image: linear-gradient(#fdc9c9, #d76c6d);
- overflow: hidden;}
- #profile {border: 0px; background-color: transparent;}
- *{cursor: url('https://i.imgur.com/eAVwijG.png'), default;}
- ::-webkit-scrollbar {
- width: 5px; height: 0px;
- background:;
- }
- ::-webkit-scrollbar-thumb {
- background-color:#f48888; border:1px solid #ffafaf;
- -webkit-border-radius: 10px; border-radius: 10px;
- }
- /*------» intro «------*/ /*------» intro «------*/ /*------» intro «------*/
- canvas {
- background-image: linear-gradient(#fdc9c9, #d76c6d);
- }
- #opening {
- position:fixed; width:100%; height:100%; left:225px; bottom:180px;}
- #opening-img {
- position:absolute; background-image:
- url('https://i.imgur.com/oFVMnvV.gif');
- background-position:0% 20%; background-size:450px;
- background-repeat:no-repeat;
- background-attachment: absolute;
- width:450px; height:617px;
- left:75px; bottom:-100px;
- box-shadow: inset 0px 0px 20px #ffafaf,
- 0px 0px 20px #ffafaf;
- filter: blur(0px); opacity:1.0; transition: 1s;}
- body:hover #opening-img {filter: blur(10px); opacity:.0; transition: 2.5s;}
- /*------» images «------*/ /*------» images «------*/ /*------» images «------*/
- #pic {position:absolute;
- left:105px; bottom:-130px;
- opacity:.0; transition: 1s;}
- #sprite {position:absolute;
- bottom:-9px; left:410px;
- }
- /*------» info «------*/ /*------» info «------*/ /*------» info «------*/
- #container {
- position:absolute;
- left:430px; bottom:30px;
- opacity:.0; transition: 1s;}
- body:hover #pic {opacity:1.0; transition-delay: 1s;}
- body:hover #container {opacity:1.0; transition-delay: 1s;}
- body:hover #sprite {opacity:1.0; transition-delay: 1s;}
- #name {
- position:absolute;
- left:343px; bottom:97px;
- width:175px; height:195px;
- background-color:;
- color:#e58887;
- font-family: 'dancing script', cursive;
- font-size:69px;
- letter-spacing:1px;
- text-transform:;
- text-align:justify;
- padding:10px;
- float:left;
- overflow:auto;
- opacity:.0; transition: 1s;
- }
- #subtitle {
- position:absolute;
- left:390px; bottom:32px;
- width:175px; height:195px;
- background-color:;
- color:#e58887;
- font-family: 'source serif pro', cursive;
- font-size:20px;
- letter-spacing:2px;
- text-transform:uppercase;
- text-align:justify;
- padding:10px;
- float:left;
- overflow:auto;
- opacity:.0; transition: 1s;
- }
- #bio {
- position:absolute;
- left:325px; bottom:-2px;
- width:185px; height:193px;
- background-color:;
- color:#c05e5e;
- font-family:'cardo';
- font-size:13px;
- line-height:20px;
- letter-spacing:1px;
- text-transform:;
- text-align:justify;
- padding:10px;
- float:left;
- overflow:auto;
- opacity:.0; transition: 1s;
- }
- #bio::first-letter {
- background-color:#f0bbbb;
- float:left;
- color:#e58887;
- font-family:'cinzel decorative', cursive;
- font-size:32px;
- line-height:32px;
- letter-spacing:1px;
- text-transform:uppercase;
- text-shadow: 1px 0px 0px #ffd0d0,
- 0px 1px 0px #ffd0d0,
- -1px 0px 0px #ffd0d0,
- 0px -1px 0px #ffbebe;
- margin: 0px 5px 0px;
- padding:10px;
- box-shadow: inset 0px 0px 20px #ffafaf,
- 0px 0px 20px #ffafaf;
- }
- #stats {
- position:absolute;
- left:325px; bottom:-135px;
- width:195px; height:120px;
- background-color:;
- color:#c05e5e;
- font-family:'open sans condensed', sans-serif;
- font-size:13px;
- line-height:26px;
- letter-spacing:3px;
- text-transform:;
- text-align:justify;
- padding:10px;
- float:left;
- overflow:auto;
- opacity:.0; transition: 1s;
- }
- body:hover #pic {
- opacity:1.0; transition-delay: 1s;
- }
- body:hover #sprite {
- opacity:1.0; transition-delay: 1s;
- }
- body:hover #bio {
- opacity:1.0; transition-delay: 1s;
- }
- body:hover #name {
- opacity:1.0; transition-delay: 1s;
- }
- body:hover #subtitle {
- opacity:1.0; transition-delay: 1s;
- }
- body:hover #stats {
- opacity:1.0; transition-delay: 1s;
- }
- /*------» heels «------*/ /*------» heels «------*/ /*------» heels «------*/
- a {color: #f7c4c4;
- text-decoration:none;
- text-transform:;
- font-family:'georgia', cursive;
- font-size:13px;
- font-weight:normal;
- line-height:15px;
- letter-spacing:1px;
- box-shadow: inset 0px 0px 20px #ffafaf,
- 0px 0px 20px #ffafaf;
- padding:2px;
- display:inline-block;
- }
- a:hover {color: #f7c4c4;
- text-decoration: none;
- transition: 1.5s;
- }
- b {
- text-decoration:none;
- background-color:;
- color:#e58887;
- font-family:'georgia', cursive;
- font-size:13px;
- line-height:13px;
- letter-spacing:1px;
- text-shadow: 1px 0px 0px #ffd0d0,
- 0px 1px 0px #ffd0d0,
- -1px 0px 0px #ffd0d0,
- 0px -1px 0px #ffbebe;
- text-transform:;
- padding:2px;
- }
- u {
- text-decoration:none;
- background-color:#f0bbbb;
- color:#e58887;
- font-family:'teko';
- font-size:14px;
- letter-spacing:1px;
- text-shadow: 1px 0px 0px #ffd0d0,
- 0px 1px 0px #ffd0d0,
- -1px 0px 0px #ffd0d0,
- 0px -1px 0px #ffbebe;
- text-transform:;
- box-shadow: inset 0px 0px 20px #ffafaf,
- 0px 0px 20px #ffafaf;
- padding:1px;
- }
- </style>
- <body>
- <canvas id="canvas"></canvas>
- <div id="opening">
- <div id="opening-img">
- <div id="sprite">
- <img src="https://i.imgur.com/TwU1kIA.gif">
- </div>
- </div>
- <div id="pic">
- <img src="https://i.imgur.com/dvktrh0.png" height="550">
- </div>
- <div id="name">
- Minthe,
- </div>
- <div id="subtitle">
- the Skitty
- </div>
- <div id="bio">
- A former <i><b>sugar baby</b></i> and <i><b>foster kid</b></i>, Minthe spent most of her life relying on no one but herself (despite her many boyfriends’ generous financial assistance), until heartbreak and <i><b>second chances</b></i> taught her otherwise.
- <br>
- Now she lives with her boyfriend <a target="_blank" href="https://roleplay.chat/profile.php?user=westly"><b>Westly</b></a>, his ditto, rotom, and three dogs, trying to figure out what she wants for herself.
- </div>
- <div id="stats">
- <u>KITTEN POKÉMON.</u> <u>20 YEARS OLD.</u>
- <u>SASSY.</u> <u>MATERIALISTIC.</u> <u>BOLD.</u>
- <u>5’02”.</u>
- <br>
- <font style="float:right;">
- <u>TAKEN IC & OOC.</u>
- <u>PM-FRIENDLY!</u></a>
- </div>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment