victoria's listography
user image

bookmarks:
listography GIVE MEMORIES
TERMS
FAVORITE LISTOGRAPHY MENTIONS
IMPORTANT NOTICES
MESSAGES
login
sign up
explore
main  (15) ongoing    archive    private   

<html>

<head> <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">

<style> body { font-family:ms ui gothic; font-size:15px; color:#525252

</style>

<!-- copying is an act of love, please copy also hi 😊 -->

<style> body { background: url(https://i.pinimg.com/736x/80/47/e5/8047e53ac42fcbc19ce19cb030574fc0.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: ; background-color: #FBD0E5; ; } </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://external-media.spacehey.net/media/sUBxkiu3dcgbzabhrZxRnKJUEP977nIpF-UxzJTDwasM=/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: 10rem; 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; margin-top: -1em; 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; }} }

      • 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>

  • status{

height: 35%; width: 90%; border-radius: 6px; border-color: #FBD0E5; </style>

<style>

  • status {

border: 1.5px outset #ffbcd9; border-radius: 4px; background-image: linear-gradient(#ffeff6, #ffffff, 20%, #fffafc, 30%, #ffd6e7, #ffbcd9); padding: 5px; color: #ff89bc; font-size: 13px; font-weight: normal; text-shadow: white 0px 2px 5px; width: 140px; </style>

<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:670px; border-radius:6px; border-width:2px; border-style:ridge; border-color:pink; background-image: url("https://files.catbox.moe/qgigtj.gif"); animation: background 75s linear infinite;

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>

  • site {

font-weight:bold; text-decoration: none; display: inline-block; }

  • site:hover{letter-spacing:4px;transition-duration:1s;}}

a { text-decoration: none; } </style>

<style>

  • grape {

border-width:8px; border-style:solid; border-image: url("https://files.catbox.moe/jqcqeg.gif") 7 fill round; } } </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 {

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> #statuscafe { margin-top:50px; margin-left:220px; border: none; background-image:url("Assets/bubble.png"); background-size:contain; background-repeat:no-repeat; z-index:99999; height:399px; color:#a5cf8a; width:150px; padding-left:30px; padding-right:5px; padding-top:5px; box-sizing:border-box; font-size:13px; transform: translatey(0px); animation: float 6s ease-in-out infinite; } #statuscafe-username { font-size:15px; font-family: 'Willow'; margin-bottom: 14px; color: blue; font-style: italic; } #statuscafe-content { margin: auto; line-height:15px; font-size:13px; } </style>

<style>

  • boxy {

display: inline-block; box-sizing: border-box; background: white; width: 100%; height: 100%; overflow:hidden; padding:10px; </style>

<div style="float: ; max-height: 400px; position: fixed; right: 5px; bottom: 9px; z-index: 200000000;"><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" class="png1" title="kaiyakkuma on dA"></div>

<br> <div class="container">

<header class="topheader"></header> <div class="wrapper"> <div class="wrapper2"> <div class="header"> <header class="headerheadertotallynotconfusing"></header> <center><h1>vickkuma <img src="https://imgcdn.sigstick.com/5Fbo4rTfJVqIBMIa24A4/cover-1.thumb256.png" alt="" style="height: 5rem; translate: 0 1.3rem;"></h1></center></div>

<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"></a> <div class="status"> <center>vicky is feeling: <a href="https://www.imood.com/users/vickkuma"><img src="https://moods.imood.com/display/uname-vickkuma/fg-#FBD0E/trans-1/imood.gif" alt="The current mood of vickkuma at www.imood.com" border="0"></a></div></center> <br><center><!-- 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> <!-- FC2 Counter Ends here --> <!-- FC2 Counter Ends here --> <!-- FC2 Clap tag starts here --> <a href="//clap.fc2.com/post/vickkuma/?url=https%3A%2F%2Fvickkuma.neocities.org" target="_blank" title="Web Clap by FC2"><img src="//clap.fc2.com/images/button/pink/vickkuma?url=https%3A%2F%2Fvickkuma.neocities.org&amp;lang=en" alt="Web Clap by FC2" style="border:none;" /></a> <!-- FC2 Clap tag ends here --></center> <p></div>

<div class="sigma"><center><h2>Navigation</h2><br><img src="heart.png"> <a href="vicky.html">about me!</a> <br> <img src="heart.png"> <a href="diary.html">diary</a> <p><h2>Offsite</h2><br><img src="heart.png"> <a href="https://neocities.org/site/vickkuma">site profile</a></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%"> <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> </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="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! expect to see active changes in my site :3 </div></div>

</html>

nov 16 2024 ∞
nov 16 2024 +
our listography guide about privacy terms contact