listography: notes (new vickkuma)

victoria's listography » bookmark victoria

listography	GIVE MEMORIES
	TERMS
	FAVORITE LISTOGRAPHY MENTIONS
	IMPORTANT NOTICES
	MESSAGES

notes (new vickkuma)

</style>

</style>

/*****************************

JavaScript Love Heart Cursor*
(c)2013+ mf2fm web-design *
http://www.mf2fm.com/rv *
DON'T EDIT BELOW THIS BOX *
****************************/

var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var herz=new Array(); var herzx=new Array(); var herzy=new Array(); var herzs=new Array(); var kiss=false;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) { var oldonload=window.onload; if (typeof(oldonload)!='function') window.onload=funky; else window.onload=function() { if (oldonload) oldonload(); funky(); } }

addRVLoadEvent(mwah);

function mwah() { if (document.getElementById) { var i, heart; for (i=0; i<hearts; i++) { heart=createDiv("auto", "auto"); heart.style.visibility="hidden"; heart.style.zIndex=(over_or_under=="over")?"1001":"0"; heart.style.color=colours[i%colours.length]; heart.style.pointerEvents="none"; if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)"; else heart.style.opacity=0.75; heart.appendChild(document.createTextNode(String.fromCharCode(9829))); document.body.appendChild(heart); herz

=heart; herzy

=false; } set_scroll(); set_width(); herzle(); }}

function herzle() { var c; if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) { ox=x; oy=y; for (c=0; c<hearts; c++) if (herzy

===false) { herz

.firstChild.nodeValue=String.fromCharCode(9829); herz

.style.left=(herzx

=x-minisize/2)+"px"; herz

.style.top=(herzy

=y-minisize)+"px"; herz

.style.fontSize=minisize+"px"; herz

.style.fontWeight='normal'; herz

.style.visibility='visible'; herzs

=minisize; break; } } for (c=0; c<hearts; c++) if (herzy

!==false) blow_me_a_kiss(c); setTimeout("herzle()", 40); }

document.onmousedown=pucker; document.onmouseup=function(){clearTimeout(kiss);};

function pucker() { ox=-1; oy=-1; kiss=setTimeout('pucker()', 100); }

function blow_me_a_kiss(i) { herzy

-=herzs

/minisize+i%2; herzx

+=(i%5-2)/5; if (herzy

<sdown-herzs

|| herzx

<sleft-herzs

|| herzx

>sleft+swide-herzs

) { herz

.style.visibility="hidden"; herzy

=false; } else if (herzs

>minisize+2 && Math.random()<.5/hearts) break_my_heart(i); else { if (Math.random()<maxisize/herzy

&& herzs

<maxisize) herz

.style.fontSize=(++herzs

)+"px"; herz

.style.top=herzy

+"px"; herz

.style.left=herzx

+"px"; } }

function break_my_heart(i) { var t; herz

.firstChild.nodeValue=String.fromCharCode(9676); herz

.style.fontWeight='bold'; herzy

=false; for (t=herzs

; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs

)); setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs

)); }

document.onmousemove=mouse; function mouse(e) { if (e) { y=e.pageY; x=e.pageX; } else { set_scroll(); y=event.y+sdown; x=event.x+sleft; } }

function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height; div.style.width=width; div.style.overflow="hidden"; div.style.backgroundColor="transparent"; return (div); } // ]]> </script>

<style>

} #navbar:hover { transform: translateY(-20%); cursor:help; }

#navbar a { display: inline-block; transition: .2s ease; } #navbar a:hover { transform: translateY(-20%); } </style>

<br>

} </style>

{

cursor: url('https://external-media.spacehey.net/media/s5fOVb-LIfaD6j7zsMpFaph8Olx-pW3kB0XdEAq0Hegc=/http://www.rw-designer.com/cursor-view/114444.png'), auto; } </style>

<style>

vignette {

position: fixed; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0px 0px 130px 10px white; filter: opacity(60%); pointer-events: none; z-index: 10000000000000; } </style>

<style>

vignette2 {

position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0px 0px 130px 10px white; filter: opacity(60%); pointer-events: none; z-index: 10; } </style>

a:hover { color:white; text-decoration:none!important; } /*Link hover end*/ /* width */ ::-webkit-scrollbar { width: 18px; </style>

} </style>

<style>

hihi{

background-image: url(https://i.pinimg.com/736x/5d/5f/bc/5d5fbc5f4a3af6bcbd38e57571edc412.jpg); display: block; clear: none; height: 950px; width: 980px; margin : 10px auto 0 auto; padding: 7px; overflow: visible; border: 4px ridge white; border-radius:6px; border-width:2px; border-style:ridge; border-color:white; filter: drop-shadow(0px 0px 0px #FFFFEF) drop-shadow(0px 0px 1px #FFFFEF) drop-shadow(0px 0px 1.5px #FFFFEF) drop-shadow(0px 0px 0px #FFFFEF) drop-shadow(0px 0px 0px #fff); </style>

<style>

everything{

background-image: url(https://i.pinimg.com/736x/e3/87/9e/e3879eba575ade9937d65bacdefde786.jpg); display: block; clear: none; background-size: contain; height: 870px; width: 920px; margin : 10px auto 0 auto; padding: 12px; overflow: visible; border-radius:6px; border-width:2px; border-style:ridge; border-color:white; }

header{

background-image: linear-gradient(to top, rgba(255, 255, 255, 0.466), transparent),url(https://i.pinimg.com/564x/c7/8b/48/c78b48892c28e48204f17ba178f4ccc5.jpg); width: 914px; height: 160px; background-size: contain; border: #fdb2df 1px solid; border-radius: 10px 2px 0 0; box-shadow: inset #ffb3ddc4 0 0 9px 1px; }

headerheadertotallynotconfusing{

width: 100%; height: 50px; background: url(https://file.garden/ZRW6VPKULjLI59VM/graphics/lace%20borders%20etc/tumblr_1cb04b244a56e3c62b333585bba8d00c_e7a378ac_250.webp); filter: drop-shadow(0px 4px 1px white) drop-shadow(0px 0px 1px rgba(211, 211, 211, 0.644)); }

</style>

<style>

left{

clear : none; float : left; position : relative; background-color: #ffb6da; height: 500px; width: 200px; border: 3px ridge white; } </style>

<style>

png1 {

-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }

png1:hover {

cursor: url('https://external-media.spacehey.net/media/siWQ036H6wo_rSTDt13UMiaqFF9ziaKb5yOWgA5HeaK8=/http://www.rw-designer.com/cursor-view/114440.png'), auto; animation-name: bounce; -moz-animation-name: bounce;}

@keyframes bounce{0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}

40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px)}

60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px)} }

</style>

<style>

the-section {

width:400px; height:110px; width:460px;

</style>

<style>

content {

border-width:2px; border: 2px ridge #ffffff; border-radius:4px; right:4px; bottom:6px; position:relative; background-color: white; padding: 9px; box-sizing:border-box; filter:drop-shadow(2px 0 0 #ffd9ec) drop-shadow(0 2px 0 #ffd9ec) drop-shadow(-2px 0 0 #ffd9ec) drop-shadow(0 -2px 0 #ffd9ec) drop-shadow(0px 1px 0.3px #ffc8e3) drop-shadow(0px 1px 0.3px #ffb6da); } </style>

<style>

toot {

border-width:2px; border: 2px ridge #ffffff; border-radius:4px; right:-25px; height:295px; bottom:500px; position:relative; background-color: white; padding: 9px; box-sizing:border-box; filter:drop-shadow(2px 0 0 #ffd9ec) drop-shadow(0 2px 0 #ffd9ec) drop-shadow(-2px 0 0 #ffd9ec) drop-shadow(0 -2px 0 #ffd9ec) drop-shadow(0px 1px 0.3px #ffc8e3) drop-shadow(0px 1px 0.3px #ffb6da); } </style>

<style>

cbox{

clear : none; float : right; position : relative; width: 420px; height: 290px; margin-right: 25px; margin-top: 11px; filter:drop-shadow(2px 0 0 #ffd9ec) drop-shadow(0 2px 0 #ffd9ec) drop-shadow(-2px 0 0 #ffd9ec) drop-shadow(0 -2px 0 #ffd9ec) drop-shadow(0px 1px 0.3px #ffc8e3) drop-shadow(0px 1px 0.3px #ffb6da); } </style>

}

#navbar ul { display: flex; padding: 0; margin: 0; list-style-type: none; justify-content: space-evenly; }

#navbar li { padding-top: 10px; }

/* navigation links*/ #navbar li a { color:#525252 /* navbar text color */

}

/* navigation link when a link is hovered over */ #navbar li a:hover { filter:drop-shadow(0 1px 0 white) drop-shadow(1px 0 0 white) drop-shadow(0 -1px 0 white) drop-shadow(-1px 0 0 white); font-weight:bold;

} /*end*/

} </style>

bottom:100px position:relative; }

pfpcon {

height: 70px; width: 70px; float: left; border-radius: 5px; border: 1px solid white; overflow: hidden; margin: 0px 6px 0px 0px; background: white; }

pfpimg {

height: 100%; width: 100%; background-image: url(https://64.media.tumblr.com/b40ea3ba9347106625d86eee932c0e1b/tumblr_inline_ntaoeumaIa1rqscnx_250.gifv); background-size: cover; background-position: center; }

#statuscafe { margin-top: 6px; height: 45px; padding: 5px; border-radius: 5px; border: 1px solid white; background:white; overflow-y: auto; }

#statuscafe-username { font-size: 10px; margin-bottom: 5px; }

#statuscafe-username a { font-style: normal; } </style>

<style>

bow2 {

display: block; position: absolute; z-index: 1; margin-left: 160px; margin-top: -80px; rotate: -10deg; width: 300px; filter: hue-rotate(10deg) saturate(90%); filter: drop-shadow(0px 0px 0px #FFFFEF) drop-shadow(0px 0px 1px #FFFFEF) drop-shadow(0px 0px 1.5px #FFFFEF) drop-shadow(0px 0px 0px #FFFFEF) drop-shadow(0px 0px 0px #FFFFEF) drop-shadow(0px 0px 0px #FFFFEF) drop-shadow(0px 0px 0px #fff);

} </style>

<div class="hihi"> <div class="everything"> <div class="header"> <header class="headerheadertotallynotconfusing"></header> <center><br><br><h1>vickkuma <img src="https://imgcdn.sigstick.com/5Fbo4rTfJVqIBMIa24A4/cover-1.thumb256.png" alt="" style="height: 5rem; translate: 0 1.3rem;"></h1></center></div> <nav id="navbar"> <ul> <li><a href="vicky.html">about</a></li> <li><a href="diary.html">diary</a></li> <li><a href="">photos</a></li> <li><a href="">credits</a></li>

</ul> </nav>

<div class="cbox"><div id="miniprf"><div class="pfpcon"><div class="pfpimg"></div></div> <div class="prf1"> <a href="/vicky.html">vicky</a> <img src="heart.png"> 17 <br> <span>feeling:</span> <a href="https://www.imood.com/users/vickkuma"><img src="https://moods.imood.com/display/uname-vickkuma/trans-1/imood.gif"></a> </div> <div id="statuscafe"> <div id="statuscafe-username"></div><div id="statuscafe-content"></div> </div><script src="https://status.cafe/current-status.js?name=babymetal" defer></script> </div></div> <div class="box4"></div> <br>

<p> <img src="https://i.pinimg.com/originals/35/ad/89/35ad89657c8e20ceb328e5c4c84adc30.gif" style="float:right; width:20%"> <img src="SHi2T.gif"> welcome to vickkuma.neocities.org <font color=pink>•⩊• </font> <p> im the webmistress behind the site, victoria! or call me vicky <font color="pink">✿</font>◠‿◠) this site was made as an outlet to expand my creativity, while being productive and displaying the passion i have for my love of coding and my interests :3 here is what i used as a <a href="credits.html">guide</a> <font color="#77DD77">☘︎</font> </p> </div><br> </div><div class="todo"> </div></div> <div class="the-section"> <div class="toot"> <img src="https://64.media.tumblr.com/d3616b7e09a83afbc51e46c51b10c060/0e6730ab1f0b8a50-50/s75x75_c1/bfbefaa6feb7b78b5e692ecfb5ad857bc21bc67c.gifv"style="float:left;"><img src="heart.png"> <b><font color="pink">why vickkuma?</font></b> the word "kuma" directly translates to "bear" 🐻 in japanese & "vic" is of course obviously a portion of my name! the two come together making <b><i><font color="#7e4b38">vickkuma!</font></i></b> and i of course wanted to match with rilakuma & korilakkuma to express my love for all things san-x related! 😊 <p><b><font color="pink"><img src="heart.png"> what drove you to make vickkuma?</font></b> since 2020 i always loved coding and webdesign and the idea of having my own side of the web! 😭 i even tried to steal one of my really closest friend's carrd pro account back in 2022 because of my desperation (ATTEMPT FAILED. I AM EMBARRASSED).. ive went from carrd pro, to <a href="https://spacehey.com/vickkuma">spacehey</a>, to here in the span of just a few years!<p><img src="heart.png"> <font color="pink"><b>when was this site created?</b></font> october 27 of 2024 on a random school night! site has been in the development since then!</div>

</div></div>

<h5 style="text-shadow: 2px 2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, -2px -2px 0 #ffffff, 2px 0px 0 #ffffff, 0px 2px 0 #ffffff, -2px 0px 0 #4074b5, 0px -2px 0 #ffffff, 3px 5px 4px #c3c3c3; text-align: center;">© vicky/vickkuma 2024-forever! <font color="#77DD77">☘︎</font> copying is an act of love, please copy </h5></div>

</div>

nov 30 2024 ∞
nov 30 2024 +