┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
this site is still under construction!
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

welcome to littleeyes!
this is my personal site for sharing pixel arts and such!

『double-click icons to open windows』
『click the [X] button to close windows』

｡.+*｡( 。ω ゜)/ \( ゜ω 。)*.+｡

╭─━━━━━━━━━━━━━─╮
|★ what's new ★|
╰─━━━━━━━━━━━━━─╯

══════════════════•°• ★ •°•══════════════════

update 08/18/22: finally got a chance to update, it's been way too long.
added more stuff to [links].

══════════════════•°• ★ •°•══════════════════

update 04/13/22: added some new pixels to [you graphics].
i've also got a bunch of stuff to add to [links], but i've been busy and haven't gotten around to it yet.

══════════════════•°• ★ •°•══════════════════

update 04/02/22: i recoded the landing page with a nice grid-based layout instead of a bunch of position:absolute tags. it doesn't look much different, but there's a hit counter now!

══════════════════•°• ★ •°•══════════════════

view log「···」

go back

══════════════════•°• ★ •°•══════════════════

update 03/29/22: so it turns out my site wasn't as mobile-friendly as i thought... my apologies phone users.
for the best experience i highly recommend viewing this site on a computer screen.

══════════════════•°• ★ •°•══════════════════

update 03/28/22: the way is now open [decend]

══════════════════•°• ★ •°•══════════════════

update 03/22/22: added a bunch of resources to [links], as well as a new blog entry [me blog]

══════════════════•°• ★ •°•══════════════════

update 03/18/22: i'm only going to be updating this version of the site for now. i'm still working on a way to auto-update both versions, but it's not my main focus at the moment.
in other news, i've added some new marshmallow themed backgrounds! [you graphics backgrounds]

══════════════════•°• ★ •°•══════════════════

update 03/14/22: i have determined that it's a huge pain to update both versions of the site manually..
i'm sure there's something i could rig using iframes to get everything working smoothly, but i'm still trying to figure that out

══════════════════•°• ★ •°•══════════════════

update 03/13/22: new layout finished! it looks almost the same, but it grows and shrinks with your screen size! added the link on the landing page ^ ^
now just to figure out auto updating both layouts when i add new content...

══════════════════•°• ★ •°•══════════════════

update 03/12/22: it looks like i'm about halfway done with the responsive version of the layout! the windows won't be draggable, but if i can figure it out i'm thinking of keeping this version of the site up as an alternate layout.
or i'll probably just end up using the new layout as the simple site mode

══════════════════•°• ★ •°•══════════════════

update 03/10/22: i'm working on making the site more responsive, so it doesn't get destroyed every time it's viewed on a different size screen. things might get a bit jumbled around while i'm figuring it out ( 。- ゜)

══════════════════•°• ★ •°•══════════════════

update 03/06/22: currently trying to fix my abuse of the <pre> tag

══════════════════•°• ★ •°•══════════════════

update 03/05/22: right after i said i was going to wait to update... oh well (´∀`)
added more pixels [you fanart]
started adding content to the new [me] tab pages

══════════════════•°• ★ •°•══════════════════

update 03/04/22: i've started adding more pages under the [me] tab.
since i'm doing a lot of little changes right now, i think i'll save future
updates for when i've added a good amount of content

══════════════════•°• ★ •°•══════════════════

update 03/03/22: i've added a new page: [me things i like aesthetics]
i've also added some new pixels in the [you] tab!

══════════════════•°• ★ •°•══════════════════

update 02/26/22: littleeyes is offically up and running!
i still have to add most of the content, but the structure is finally stable!
i'll be adding content and new pages over time, thanks for checking out my site!

══════════════════•°• ★ •°•══════════════════

hi! i'm the webmaster of littleeyes!

\(╹꒳╹\) (/╹꒳╹)/

here's some basic, non-identifing information about me:
i'm a major (not a minor)
i'm autistic
i've been messing with html since i was a wee eyelet

blog

things i like

art/personal graphics

toybox

collections

• 03/26/22 - bread
  
  i have learned how to bake bread rolls, and therefore become unstoppable.
  i've been meaning to give baking bread a try for a while now, but never got around to it, so the other day i finally pulled up a random recipe and got to work. it was both easier and more difficult than i thought it would be, but the end result was definitely worth it: soft, velvety rolls- twice the recipe said it would make- and they smelled and tasted amazing. it was the best bread i'd ever had, probably because it was made with love.
  i think i'll try experimenting with adding different seasonings; garlic bread, curry bread, pizza bread, cinnamon sugar bread... i've got some baking to do.
• 03/22/22 - emulation
  
  i've been very interested in old console emulation lately.
  the other day i had remembered a tamagotchi game i used to play on my ds (corner shop 3), and since the chances of me still owning the cartridge were slim to none, i looked into emulating it.
  a couple days later, and i've started collecting emulators for multiple different systems, it's cool to see how everything works!
  i'm glad that even when old consoles become obsolete and old games stop being sold, they can live on through emulators.
• 03/13/22 - internet safety
  
  it seems like nowadays people don't really worry about internet safety, at least, not like they used to.
  
  with the rise of social media etc. people are pretty much required to share personal info all over the place. some even offer up way more then necessary, which i believe to be due to the "social" aspect of social media; they make it feel as though you're talking to a group of friends instead of 1,000,000 strangers (including whatever shady trackers are embedded)
  
  now, while the younger generation probably doesn't even know proper internet safety, it feels like a lot of older users have... given up in a sense. with f*cebook and g*ogle and whatever other megacorporations constantly harvesting your personal information, you get kind of... desensitized? don't get me wrong, i'm not saying that every person on the internet has no regard for internet safety or concern over harvesting of their personal information- i'm certainly guilty of that myself; but it's something i've seen a concerning amount of in my virtual travels.
  
  maybe at a later date i'll add an "internet safety guideline" of sorts here... i don't know, i'm just rambling

go back

here are some pages dedicated to stuff that i like
there's no particular direction here, feel free to look around!

aesthetics

making things

media

horror


go back

this page is all about my thoughts on aesthetics.
not just themes and colors, but also as a lifestyle/subculture ...or something

this is probably going to be mostly incoherent rambling (´・ω・｀)

• menhera
  
  i've got a lot of thoughts on menhera.
  for me, i see it as equal parts "aesthetic" in the common sense, and lifestyle.
  most people when hearing "menhera" would think of "creepy cute pastel gore with medical themes" or, heaven forbid, "pastel goth" (side note: my apologies pastel goth appreciators, i've just seen the term used incorrectly too many times) and although menhera can include these themes, it's not what makes it up as a whole.
  
  something something i'll finish writing this later
• placeholder
  

go back

i love to make things, and i love learning new ways to make things!
here are some things i've learned about:

• kandi/bead weaving
  
  i've learned a bunch of different stitches and techniques, aside from sharing patterns i've made i'd also like to put some tutorials here!
• jewelry making
  
• papercraft
  
• zines
  
• embroidery/cross stitch
  
• sewing
  
• needle felting
  

go back

here's a list of media that i like!

• tv shows/movies
  
  fullmetal alchemist
  puella magi madoka magica
  jujutsu kaisen
  popee the performer
• books
  
• music
  
• games
  
  • gacha games
    
    food fantasy
    crash fever
    cookie run: ovenbreak
    cookie run: kingdom
    magia record
    project sekai
    touken ranbu
    onmyoji
    touhou lost word
    twisted wonderland
    bang dream
    cocoppa play
    afk arena
    mandrake boys
    love nikki
  • rpgmaker games
    
    • yume nikki
      
      i love yume nikki! my favorite npcs are seccom masada, monoko, and shitai-san, my favorite area is the pink sea, and my favorite event is uboa!
      it's nice to open the game every once in a while and just wander, although i usually end up going to the same locations (´ ᵕ `)
      i've played the 3d reimagining "yume nikki -dream diary-" as well, and although it was closer to, say, little nightmares than the original game, i enjoyed the experience.
      • fangames
        
        yume 2kki
        .flow
        i collect yume nikki fangames, so there's a whole lot more. i'll add them later
      ib
      kirisame ga furu mori
      satsuriku no tenshi
    maplestory
    touhou

go back

none of the art or graphics here are free to use.
please: look, don't touch! (´ω`)

go back

here are pixels that i've adopted from other sites,
each pixel is linked back to the site it came from!

go back

i collect lots of things

• gacha game assets
  
  i've been "archiving" assets and character art from my favorite gacha games for years now, though unfortunately i have to get most of my assets second-hand from wiki pages, as i can only datamine 1 game right now (trying to figure out how to reverse-engineer the python script i downloaded, understanding of the command line still eludes me...)
• placeholder
  

go back

welcome to the horror page!

• stories
  
  • original
    
    scary stories that i wrote myself!
    
    • placeholder
      
    • placeholder
      
  • found
    
    scary stories collected from the internet!
    
    • placeholder
      
    • placeholder
      
• games
  
  scary games that i enjoy!
  for more games, see [media]
  
  • placeholder
    
  • placeholder
    

go back

here are some graphics i've made that you can use on your site,
as well as tutorials and some other goodies! d(ゝ∀･)

graphics

tips/tutorials

other goodies

╭─━━━━━━━━━━━━━━─╮
|★ rules & tos ★|
╰─━━━━━━━━━━━━━━─╯

1 • link back to me if you use any of these

2 • do not sell or make edits of my graphics

3 • save/upload images to your own server, don't hotlink

4 • please leave a message on my chatbox if you use anything,
i would love to see what you do with it!

accept

adoptables etc.

icons/materials

buttons/banners/stamps

backgrounds


go back

★ medical ★

pills




★ food ★

marshmallows



★ fanart ★

yume nikki



go back

★ bullets ★

arrows



words



go back

★ 88x31 ★



go back

go back
click on a tile to preview!

reset bg

• horizontally centering an element
  
  adding left:50% and transform:translateX(-50%) to an element with a position other than static (ex. position:absolute) will center it horizonally.
  depending on which position tag you use, it will behave differently:
  position:relative will center it relative to it's parent, so if you center a relatively positioned image inside a div, the image will be in the center of the div.
  position:absolute will center it relative to the screen, it will always appear in the very center, without being pushed by other elements.
  position:fixed behaves almost exactly like position:absolute, except the element will be stuck to the screen, staying in place when you scroll.
  position:sticky switches between position:relative and position:fixed based on scroll position. it's relative until it reaches a specified point on the screen, then becomes fixed until it's before that point again.
• css classes
  
  
  here are some classes i've put together that you can use! rename them, edit them, take bits out and put them in your own code, no need to credit!
  samples of each class are below the code (^∇^)/
  tip: you can use multiple classes on one element!
  
  
  • chromatic aberration text
    
    .ca { text-shadow: 2px 0px rgba(255, 0, 0, 0.5), -2px 0px rgba(0, 255, 255, 0.5) }
    lorem ipsum dolor sit amet
  • rainbow gradient text
    
    .rainbow {
    background-image: linear-gradient(to right, #FF4CC3 , #FFB200 , #4CA0FF);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: contain;
    color: transparent; }
    lorem ipsum dolor sit amet
  • animated rainbow gradient text
    
    .rainbow-anim {
    background-image: linear-gradient(to right, #FF4CC3 , #FFB200 , #4CA0FF , #FF4CC3 , #FFB200 , #4CA0FF);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 250%;
    color: transparent;
    
    -webkit-animation: rainbow 1s linear infinite both;
    -moz-animation: rainbow 1s linear infinite both;
    animation: rainbow 1s linear infinite both; }
    
    @keyframes rainbow { 0% {background-position: 0% 50% } 100% {background-position: 100% 250%} }
    lorem ipsum dolor sit amet

go back

go back

╭─━━━━━━━━━━━─╮
|★ links in ★|
╰─━━━━━━━━━━━─╯

make sure to save to your own server before using!
link to: https://littleeyes.neocities.org/



╭─━━━━━━━━━━━━─╮
|★ links out ★|
╰─━━━━━━━━━━━━─╯

cool sites

---

★ resources ★

coding

https://htmledit.squarefree.com/
realtime html editor!

https://www.w3schools.com/
the ultimate reference for html/css/javascript!

https://ianlunn.github.io/Hover/
a whole bunch of cool css hover effects!

https://grid.layoutit.com/
css grid-based layout builder!

https://www.htmlcodes.ws/
a bunch of html cheatsheets and generators!

https://www.html.am/
a bunch more html cheatsheets and generators!

https://botoxparty.github.io/XP.css/
windows xp and windows 98 themed css!

https://nostalgic-css.github.io/NES.css/
nes style css!

https://www.freeformatter.com/html-formatter.html
html formatter!

https://exercism.org/
learn a bunch of different programming languages!

http://www.constructyourcss.com/
css layout editor!

https://www.internetingishard.com/
web development tutorials!

graphics

https://textanim.com/
what i used to make the glittery littleeyes on my landing page!

https://www.earthboundtext.com/
rpg-style textbox generator!

https://glowtxt.com/ https://textcraft.net/ https://pookatoo.com/
a whole family of text generators, there's a ton of cool styles to choose from!

https://glitterboo.com/
glittery image maker!

https://gifcities.org/
huge collection of archived geocities gifs!

https://makewordart.com/
classic wordart text generator!

https://win98icons.alexmeub.com/
every windows98 icon (downloadable)!

fonts

http://www.pentacom.jp/pentacom/bitfontmaker2/
pixel font maker!

---

★ fun stuff ★

games

https://candybox2.github.io/candybox/
ascii incremental game about candy!

http://spacelichomega.zertukis.com/
ascii incremental game about fighting a lich!

https://spencers145.github.io/SharkGame/
incremental game about a shark!

etcetera

https://jspaint.app/
ms paint in your browser!

https://zine-machine.glitch.me/
handy zine tool!

https://ichi.city/
free website host!

https://webneko.net/
a little cat for your site!

https://github.com/yudataguy/Awesome-Japanese
a collection of resources for learning japanese!