VNC Resources
Codes basic, image, border, text, font, other Graphics pixel, gif, divider, background Resources links Info about
My information is in my personal carrd, but here are the basics: I'm 18 and use he/they pronouns. I also really like Vanitas no Carte if you couldn't tell :) Yay
I literally hate carrd. I use this mostly as a personal bookmark for codes and graphics. I'm terrible at coding but if you need help feel free to DM me.
Instagram Twitter Pastebin
Update Log:
03.31.22: Added links for codes and fonts. After literally forever
11.16.21: i added a few codes. Finally
11.15.21: another complete remake of the layout... Lol
10.01.21: added an about + update log (this part). also fixed some layout bugs! +more pixels
08.04.21: added some codes & gave the carrd a new look!
07.15.21: added a few resources + links
july 2021: re-made and re-uploaded!
feb. 2021: original carrd was deleted when i got bored of it... RIP LMFAO
jan. 2021: crd was first uploaded! it started originally as only pixels & dividers
Notices:
1. i don't check this carrd very often but once in a while i come in to dump more pixels / gifs / whatever. the code section is still a huge wip i'm laaazy
2. if you need help with a code or something else on this carrd, feel free to shoot me a message! i'll help as best as i can
3. if you want something removed or want credit for something, feel free to msg me too! a lot of codes / graphics are things i've found & would love to give credit
Pixels
Gifs
Dividers
Backgrounds
Carrd Tips
Notice i am not a carrd expert. in fact, my carrds are a little ugly! LOL. i am simply including this to share some tips i've learned in the ~4 years i've been making cards (Ugh)
Accessibility
1. make sure your carrds are easily accessible to disabled people and visually impaired people. the colorblind web page filter is incredibly useful to check if your website is accessible to those who are color blind.
2. there are websites to view how your carrd looks like on different devices. my favorite is responsinator, i use it all the time to make sure my carrds are mobile-friendly!
Links
basically my personal bookmark. * = favorite
Coding Sites
W3Schools ⋆ DHTML effects* ⋆ Dynamic Drive ⋆ Javascript Code ⋆ Javascript Kit ⋆ HTML Codes ⋆ Codepen ⋆ Free CSS ⋆ Cursors-4-U* ⋆ Custom Scrollbar ⋆ GlenThemes Music Players* ⋆ 90's Cursor Effects
Other Links
DaFont* ⋆ Carrd Fonts ⋆ Punycoder ⋆ Color Blender ⋆ Emojibank* ⋆ Gifcities ⋆ GifyPet ⋆ CBox* ⋆ Web Counter* ⋆ Test Pronouns ⋆ Responsinator*
Double Border
border: 4px double #000000;
Text over Img
Example
line-height: 0em;
position: relative;
z-index: 1;
code goes in text style, not the image
Text Shadow
text-shadow: 1px 0px #000, -1px 0px #000, 0px 1px #000, 0px -1px #000, 0 0;
OR
-webkit-text-stroke: 1px #000000;
Borders
Text Effects
Carrd Fonts
basic carrd fonts that i'm a fan of
Arial
Grandstander
Kosugi
Kosugi Maru
Dancing Script
Great Vibes
Times New Roman
Yomogi
Fredoka One
Gaegu
Mali
Caveat
Pro Fonts
TBA: how to use them
Kinkie
Cutie Pop
MADOMAGI
Romantic
Magica
Hearts!
Alice
Hoollidday
Starborn
Cutie
Heartache
Lovesong
Baligle
Cherl
Decibel
Roller
Magical
Fancy Heart
Sant Joan
Meow
Sweet Fairy
Friday 13th
Cheek
Dead End
Squidgy
Porkys
Bubble
Lovely Script
Bubble
Cherish
Other Codes
here is how i change the background of a page without changing the carrds default background.
here is the link to my pastebin
the code goes in an embed in the section