|
bookmarks:
|
| main | ongoing | archive | private |
<html>
<link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />
<meta charset="UTF-8"> <link rel="icon" type="image/x-icon" href="heart.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<div id="topborder"></div>
<style> #topborder{ background-image: url('https://autism.crd.co/assets/images/gallery01/65337354.png?v=d6547f5c'); background-repeat: repeat-x; height: 19px; top: -4px; z-index: 99999999; position: relative; } </style>
<style> body { font-family:ms ui gothic; font-size:15px; color:#525252
</style> <style> body { background-image: url(https://i.pinimg.com/736x/26/4e/a1/264ea1b4f7a2a2608d35630ada85dede.jpg); </style>
<script> function startTime() { const today = new Date(); let h = today.getHours(); let m = today.getMinutes(); let s = today.getSeconds(); m = checkTime(m); s = checkTime(s); document.getElementById('clock').innerHTML = h + ":" + m + ":" + s; setTimeout(startTime, 1000); }
function checkTime(i) { if (i < 10) { i = "0" + i }; // add zero in front of numbers < 10 return i; } var documentTitle = document.title + " (─‿‿─)♡ "; (function titleMarquee() { document.title = documentTitle = documentTitle.substring(1) + documentTitle.substring(0, 1); setTimeout(titleMarquee, 210); })();
</script>
<style>
::selection {color: white;text-shadow: 0px 0px 3px #e362af;} ::moz-selection { color: white;text-shadow: 0px 0px 3px #e362af;} ; } </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>
<div class="vignette"></div>
<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>
<div class="vignette2"></div>
<style> /* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */ a:hover { cursor: url('https://external-media.spacehey.net/media/siWQ036H6wo_rSTDt13UMiaqFF9ziaKb5yOWgA5HeaK8=/http://www.rw-designer.com/cursor-view/114440.png'), auto; }
- {
cursor: url('https://external-media.spacehey.net/media/s5fOVb-LIfaD6j7zsMpFaph8Olx-pW3kB0XdEAq0Hegc=/http://www.rw-designer.com/cursor-view/114444.png'), auto; } </style>
<style> @font-face { src: url(https://dl.dropbox.com/s/omzqymh9g6rqpv1/LOVEPARADISE-Two.ttf); font-family: love-paradise; }
} </style>
<style> @font-face { font-family: hellokitty; src: url(https://dl.dropbox.com/s/l5kzvuqppwfxa9z/hellokittyfont.ttf); </style>
<style>
- header{
width: 170%; height: 9.5rem; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.466), transparent),url(https://i.pinimg.com/564x/c7/8b/48/c78b48892c28e48204f17ba178f4ccc5.jpg); background-size: contain; border: #fdb2df 1px solid; border-radius: 10px 2px 0 0; overflow: hidden; box-shadow: inset #ffb3ddc4 0 0 9px 1px;
h1{ width: fit-content;
font-size: 3em; filter: drop-shadow(0px 0px 1px #7e4b38) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(1px 1px 0px #7e4b38); text-shadow: -1px 0 var(--outline1), 0 1px var(--outline1), 1px 0 var(--outline1), 0 -1px var(--outline1); color: white; margin-left: 0.4rem; font-family: love-paradise; animation:blinkingText 1.3s infinite; line-spacing: 150%;
margin: auto;} @keyframes blinkingText{0%{ color: #eea2c5; }49%{ color: #Ffdbe5; }60%{ color: white; }99%{ color:white; }100%{ color: #eea2c5; }} } ::selection {
background-color: #FBD0E5; ; }
- headerheadertotallynotconfusing{
width: 100%; height: 53px; 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)); }
- left{
height: 100%; width: 40%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; background-color: rgb(255, 255, 255); gap: 3px; padding-top: 3px; border-radius: 4px; border: #ffb6de 1px solid; text-align: center; box-shadow: #ffdaf2 0 0 2px, #cdcdcdc4 inset 0 0 3px; color: #8cd04f; font-family: inter; p{ scale: 0.9; </style>
<style>
- views{
background-color: white; border: 2px ridge #ffffff; width: 290px; height: 110px; border-radius: 4px; padding: 9px; overflow: auto; </style>
<style>
- sigma{
background-color: white; border: 2px ridge #ffffff; width: 290px; height: 322px; border-radius: 4px; padding: 9px; overflow: auto; margin-top:auto; </style>
<style> #s-m-t-tooltip{ /* basic */ max-width: 300px; z-index: 1000000000; margin: 24px 14px 7px 12px; /* style and design */ padding:8px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-image: linear-gradient(#ffeff6, #ffffff, 20%, #fffafc, 30%, #ffd6e7, #ffbcd9); text-shadow: -1px 0 #7e4b38, 0 1px #7e4b38, 1px 0 #7e4b38, 0 -1px #7e4b38; color: white; } </style> <script src="https://web.archive.org/web/20231216014606js_/https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="https://web.archive.org/web/20231216014606js_/https://static.tumblr.com/lspzyz3/xloqk6cgp/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("
<style> h2{ margin: auto; text-align: center; font-family: hellokitty; font-size: 2em; color: #eea2c5; filter: drop-shadow(0px 0px 1px #7e4b38) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(1px 1px 0px #7e4b38); animation:blinkingText 1.3s infinite; line-spacing: 150%;
margin: auto;} @keyframes blinkingText{0%{ color: #eea2c5; }49%{ color: #Ffdbe5; }60%{ color: white; }99%{ color:white; }100%{ color: #eea2c5; }} </style>
<style>
- the-section {
width:400px; height:110px; width:460px;
</style>
<style>
- content {
border-width:2px; border: 2px ridge #ffffff; border-radius:4px; left:320px; bottom:474px; position:relative; background-color: white; padding: 9px; box-sizing:border-box; </style>
<style>
- toot {
border-width:2px; border: 2px ridge #ffffff; border-radius:4px; left:320px; height:293px; bottom:404px; position:relative; background-color: white; padding: 9px; box-sizing:border-box; </style>
<style>
- container {
width:800px; height:700px; border-radius:6px; border-width:2px; border-style:ridge; border-color:pink; background-image: url("https://i.pinimg.com/736x/fc/c0/06/fcc0067dfcaa7174871b5aaa2557f5b4.jpg");
display: flex; flex-wrap: wrap; margin: auto; margin-bottom: auto; margin-top: auto; padding:5px; box-sizing:border-box; overflow-y:hidden; filter: drop-shadow(1px 1px 1px white); left:100px z-index:9999999999999em; </style>
<style>
- site {
background: linear-gradient(90deg, rgba(249,214,226,0) 0%, rgba(249, 214, 226, 0.7) 8%, rgba(249, 219, 168, 0.7) 25%, rgba(255, 252, 146, 0.7) 37%, rgba(209, 248, 171, 0.7) 50%, rgba(199, 245, 231, 0.7) 63%, rgba(191, 230, 244, 0.7) 75%, rgba(218, 205, 242, 0.7) 88%, rgba(218,205,242,0) 100%); padding: 1px 3px; font-size:25px; color: #fff; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0 3px #000; font-weight:bold; text-decoration: none; display: inline-block; }
- site:hover{letter-spacing:4px;transition-duration:1s;}}
a { text-decoration: none; } </style>
<style>
- border1 {
margin:auto;
width: 850px; height: 740px; margin-top: 21px; border-width: 8px; border-style: solid; border-image: url("https://files.catbox.moe/jqcqeg.gif") 7 fill round; </style>
<style>
- grape {
border-width:8px; border-style:solid; border-image: url("https://files.catbox.moe/jqcqeg.gif") 7 fill round; } } </style>
<style>
- everything{
background-image: url(https://i.pinimg.com/736x/79/b9/3c/79b93c4cce0947ae9b7eb6b24da48cdc.jpg); display: block; animation:yo 13s linear infinite; animation-direction: alternate-reverse; background-size: contain; height: 698px; width: 820px; margin : 10px auto 0 auto; padding: 12px; overflow: visible; border-radius:6px; border-width:2px; border-style:ridge; border-color:white; </style>
<style>
- site {
font-weight:bold; text-decoration: none; display: inline-block; }
- site:hover{letter-spacing:4px;transition-duration:1s;}}
a { text-decoration: none; } </style>
<style> /*link stuffs*/ a { color: #ffaeda; text-decoration: none; } a:hover { webkit-filter: blur(0.5px); filter: blur(2px); </style>
<style> #cbox { left: 40px; bottom: -354px; z-index: 9999; position: fixed; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; border: 5px solid #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0px 0px 0px 1px #7e4b38; }
#cbox:hover { bottom: 0px; }
#cboxtitle { width: 180px; height: 15px; background-color: #ffffff; background-image: url('https://files.catbox.moe/qgigtj.gif'); padding: 8px 5px 5px 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; font-size: 14px; font-weight: 300; color: #7e4b38; text-shadow: 1px 1px 1px #ffffff;
}
#cboxdesc { width: 180px; height: 40px; padding: 5px; background-color: #ffffff; overflow: auto; font-size: 11px; text-align: justify; color: #525252; } </style>
<style> #navbar a:hover:after { content:url('https://64.media.tumblr.com/tumblr_lsr37o6nkK1qhwcy0.gif'); margin-left:5px; </style>
<style> /* navigation section!! */ #navbar { height: 40px; border-width:1px; border: 1px solid #fdb2df; background-color: #fbe4ec; /* navbar color */ width: 170%; color:#525252
}
#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>
<br><br> <div id="postit1"> <p>updates:<p> dec 12 2024: finally slightly more happier w my homepage ^_^ pls enjoy guys hehe ALSO ADDED THIS STICKY NOTE THINGY ME BOB WOO</p> </div><div style="float: ; max-height: 400px; position: fixed; right: 5px; bottom: 9px; z-index: 200000000;"><a href="https://www.deviantart.com/kaiyakkuma/art/Shirousa-Doodle-328194156"><img src="https://external-media.spacehey.net/media/srNH4S4AWVuBIDajFC6NOeJBeoMGw6czjLaO5x58ZPkc=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e8211004-f079-40db-b1e8-79870b7d555b/d5fec8c-0fd130d9-772c-49a7-a022-b7715754ecbb.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U4MjExMDA0LWYwNzktNDBkYi1iMWU4LTc5ODcwYjdkNTU1YlwvZDVmZWM4Yy0wZmQxMzBkOS03NzJjLTQ5YTctYTAyMi1iNzcxNTc1NGVjYmIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.t4CBdDXJgo4UyJvYMwQ6MOp3atAdySG7jQseYlC65-s" width="200" height="200" loading="lazy" title="kaiyakkuma on dA"></a></div>
<style> #statuscafe { margin-top: 6px; height: 45px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.85)); padding: 5px; border-radius: 5px; border: 1px solid white; box-shadow: 0px 0px 0px 1px lightgray, 0px 0px 5px var(--darkerwhite) inset; overflow-y: auto; }
#statuscafe-username { font-family: dogica; font-size: 9px; margin-bottom: 5px; }
#statuscafe-username a { font-style: normal; } /* mini profile end */ </style>
<div id="cbox"> <div id="cboxtitle">vicky's cbox</div> <div id="cboxdesc">
remember to be nice and happy chatting! ^u^
</div> <!-- IMPORTANT! PLEASE KEEP THIS HERE -->
<iframe src="https://www3.cbox.ws/box/?boxid=3533042&boxtag=diegvi" width="190" height="300" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
</div>
<style>
- windchime {
position: relative; transform-origin: center top; position:absolute; left:700px; 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 #FFFFEF) drop-shadow(0px 0px 0px #35230C); } </style>
<style> #postit1 { display: block; box-shadow: 2px 5px 4px rgba(36, 38, 46, 0.37); transform: rotate(-5deg) scale(1.5); overflow:auto; background-color: #FFFFE0; padding: 2px; font-size: 8px; color: #333333; text-align: center; width: 80px; height: 100px; position: absolute; margin-top:-2px; margin-left:200px; float: left; } </style>
<!-- all my code broken asfk sorry -->
<div class="border1"> <div class="everything"> <div class="container">
<style> #imgfloat{ float: left; margin-top:-130px; margin-left:-100px; height:50px; z-index:10; position: absolute; }
#imgfloat img{ width:200px; } </style>
<header class="topheader"></header> <div class="wrapper"> <div class="wrapper2"> <div class="header"> <header class="headerheadertotallynotconfusing"></header> <center><div class="windchime"> <!-- FC2 Counter Starts here --> <script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=40002905&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=40002905&main=1" /></noscript> <br> <!-- FC2 Counter Ends here --> <!-- FC2 Counter Ends here --> <!-- FC2 Clap tag starts here --> <a href="https://clap.fc2.com/post/vickkuma/?url=https%3A%2F%2Fvickkuma.neocities.org" target="_blank" title="Web Clap by FC2"><img src="//web.archive.org/web/20241105155236im_/https://clap.fc2.com/images/button/pink/vickkuma?url=https%3A%2F%2Fvickkuma.neocities.org&lang=en" alt="Web Clap by FC2" style="border:none;"/></a> <!-- FC2 Clap tag ends here --></div><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="hehe">photos</a></li> <li><a href="credits.html">credits</a></li>
</ul> </nav>
<div class="views"><a href="https://ottokake.tumblr.com/post/127018319621/black-gyaru-pixel-masterpost"><img src="https://64.media.tumblr.com/b40ea3ba9347106625d86eee932c0e1b/tumblr_inline_ntaoeumaIa1rqscnx_250.gifv" style="width: 43%; float:right;" loading="lazy" title="ottokake on tumblr"></a> <center><a href="vicky.html">vicky</a> <img src="https://vickkuma.neocities.org/heart.png"> 2007 <img src="https://vickkuma.neocities.org/heart.png"> she/any</center> <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></center> <p></div>
<div class="sigma"> <p> <center><img class="grape" src="https://media1.tenor.com/m/ZOUgG5_JeI0AAAAd/milk-and-mocha-milk-mocha.gif" width="180px;"></center></div>
<div class="the-section"> <div class="content">
<p> <img src="https://i.pinimg.com/originals/35/ad/89/35ad89657c8e20ceb328e5c4c84adc30.gif" style="float:right; width:20%"> <b><font color="pink">♡</font></b> <img src="https://vickkuma.neocities.org/SHi2T.gif"> welcome to vickkuma.neocities.org <font color="pink">•⩊• </font> <p> im the webmistress behind the site, victoria! but i much rather would like to be reffered to as 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 </p> </div> </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="https://vickkuma.neocities.org/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="https://vickkuma.neocities.org/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="https://vickkuma.neocities.org/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! expect to see active changes in my site :3 </div></div> </div></div>
<div id="imgfloat"> <img src="https://files.catbox.moe/7a0ny3.gif"> </div>
<br><br> <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> <br><br> </html>
dec 12 2024 +