Scroll
Update Log/Older Notes:
10/21/21: How to add loading animations without an embed.
10/20/21: Oh, and the wavy filter.
10/20/21: New resource Carrd and scratch text. I like it, hopefully you will too.
10/18/2021: New resource Carrds! I know it's not the most exciting update, but we're back after 5 days!
10/13/2021: How to add inline images outside of an embed. In the tutorials section in the outside of embed set. Or here.
10/8/2021: Fixes/maintenance.
10/8/2021: Maintenance + new background change code, doesn't look right here for some reason but whatever. Also I'm not marking new codes with a thing anymore. Also new inspo.
10/7/2021: Fixed bouncy letter code, now you can do it outside of an embed.
10/7/2021: Improved slide up menu code.
10/7/2021: Some basic loading animations so I can link to this Carrd whenever someone asks about it.
10/5/2021: Nothing much, just tips.
10/5/2021: A new kind of image slideshow where it flips and the image changes? IDK. Would look really good with sprites. Also I'm now marking new codes in the "codes" section with "NEW".
10/5/2021: Maintenance (fixed paper mask embed link).
10/4/2021: Nothing much, just a couple new resource Carrds. Because that's just what this Carrd was missing. LOLAPALOOZA.
10/4/2021: FIXED THE BLUR MENU CODES, NOW PIXELS WILL BE INLINE. I updated them all. FINALLY.
10/4/2021: Added a tutorial on image animations/blur menus without using an embed or any CSS.
10/1/2021: LOL, I added a blinking text thing I made on my own because I thought the other one needed to be in an embed. Well, there's two now. It's pure CSS, and the other one uses Java, if that makes a difference.
9/30/2021: Maintenance + added inspo in my portfolio.
9/30/2021: Addded a little automatic update thing on the homepage just in case I don't remember to update this every single time I add something.
9/30/2021: Link "hacks". 🤷♀️.
9/28/2021: Quarter-assed a new redesign. Hopefully things are more readable now? I'll work on more stuff later. + Also I added a link code.
9/26/2021: I half-assed a redesign. The site's still ugly but it is what it is. And it's barely done, too, so expect inconsistences.
9/26/2021: Marquee outside of an embed (in tutorials), horizontal scroll.
9/19/2021: FONTS!
9/19/2021: Added a link code/maintenance/about to add animations.
9/17/2021: Added some more resource Carrds.
9/15/2021: Shopped up Dinkle's Den a bit, more to come.
9/14/2021: Found & added the Tumblr wobble (the wobble effect when you're not logged into tumblr).
9/14/2021: Added disable left click/alert code, + two new tips.
9/13/2021: Redesign! Still looks shitty but I'll settle. Also some maintenance.
9/13/2021: Patched some stuff up + added wilardo.crd.co.
9/12/2021: Holy shit, I just added Dinkle's Den. Completely Dinkle. It looks shitty right now, but that's just because I needed to get it online and up and whatever... I'll make it look nice later.
9/12/2021: Added a Naked frame border, IB Talking Heads.
9/11/2021: Added a new link code + maintenance. Still working on some tutorials.
9/10/21: Did a shit-ton of maintenance and re-organized some things, updated the CRT code and just... sheet... A lot of stuff. No new codes but I've been working pretty hard on getting all these tutorials done so expect some of that.
9/9/21: The first part of the animations tutorials has been added-- An in depth set of tutorials on the transform properties. CHECK IT OUT!
9/9/21: Fixed the bouncing marquee-- Lots of bounce-related updates today ;D
9/9/21: Bouncy text code I've been playing with :)
9/9/21: Maintenance
9/9/21: Modified bouncy letters code added :)
9/9/21: Added more links to helpful sites, and started the animations page, but it might take a while for it to be put up because I have a lot to say on it.
9/9/21: Added double border with different colors/in-out
9/9/2021: Added tips..? IDK if they're good. Just some opinions.
9/8/2021: Added Arcjec.crd.co (CHECK IT OUT!)
9/7/2021: Another silly change on hover code.
9/4/2021: First update in a while, nothing special, just the custom highlight code everyone's been using.
8/29/2021: Paper mask code among general maintenance
8/27/2021: Bouncing marquee like in that shitty ecco2k carrd.
8/27/2021: Just added Nene's glorious menus I've been raving about...
8/26/2021: Just added ummm an animation code, more to come because I'm @keyframes happy right now.
8/25/2021: LOOOORD I just had to readd everything LMK if anything else is missing im crazay
8/24/2021: Added invisible scrollbar, added tutorial on how to change marquee speed,some other stuff.
8/24/2021: General maintenance. Sorry updates have been slow, I've been trying to come up with ideas, and school is just really kind of crazy... Hoping for more to come.
8/23/2021: A simple slide in code. Thoughts? I'm trying to come up with some new creative menus but I don't have so many ideas...
8/22/2021: Hey guys, another day off to a great start. Added a few border codes, a menu code, the image clicksplosion code, I have a lot of stuff I want to add today but I might not get to a lot since I'm kind of tired already.
8/21/2021: Gold frame code, rose frame code, these might be my last updates for the day since my parents are making me get off devices early.
8/21/2021: Vertical text, best for menus
8/21/2021: Just added black frame code. Many more border codes to come today, actually.
8/21/2021: Image cursor trail. Thanks so much everyone for 2k hits, it really means a lot, even if like a third of that is from me!
8/21/2021: Added the TV scan tutorial and reorganized a few things, added more resource Carrds, some other shit... More updates later today.
8/20/2021: Just added a tabs menu code, I think you'll all like it, it has some rules though, and is pretty JS heavy. LMK what you think!
8/20/2021: Neon Lights text (JS), W3Schools is back up! To prepare for another disaster like this, though, I'm in the progress of uploading everything to my pastebin.
8/19/2021: Just added five new codes, which are all in the same section, in hover codes, all under blur menus. I haven't seen them anywhere else, so I hope you guys like them!
8/19/2021: Just added all of my bookmarked resource Carrds & Tumblrs. I don't even use most of those resource Carrds.
8/19/2021: Pulsing text, AKA rainbow text (if you mess with it), pure HTML/CSS/can be used with element ID.
8/19/2021: Just added an improved rainbow text code, linked to Pastebin. It's JS, I'll add a pure HTMLCSS one later so that you can use element IDs.
8/18/2021: Pop container code. Three codes down for today, hopefully tomorrow can be more successful!
8/18/2021: Gradient border, pulsing border, about to add an edited version of pop off border that I perfected myself.
8/17/2021: LOL. I've been writing the date wrong all day.
8/17/2021: Custom selection, can't believe I didn't add this before.
8/17/2021: Just added the spin code. SORRY IF I SEND MESSAGES IN THE CBOX WEIRD, WHEN I TYPE ON MY PHONE IT GLITCHES
8/17/2021: Tv set code added. Doesn't look the best on this Carrd. Kind of tricky code. Today's been a busy day at school, so I'll dump a ton of codes when I get home. Sorry if I haven't been a ton of help today, I'm kind of scattered.
8/16/2021: Note: Alright guys, I'm logging off for the night. another very successful day tomorrow.
8/16/2021: JUST ADDED THE CURSOR TRAIL TOOLTIP CODE!!!! PLEASE CHECK IT OUT!!! IT'S THE BEST CODE YET!!!!
8/16/2021: Just added the enlargen on hover link. It's simple, but is one of my favorite codes right now. This might be my last update for the night.
8/16/2021: New code: Fading text. You know how it works.
8/16/2021: Just added the dropdown menu. I decided I'll play around with the curved text some more before I add it as a code, but if you want it, just ask.
8/16/2021: Fog mask has been added, I'm not too happy with it. I'll patch it up later. I got a 100 on my science quiz, by the way.
8/16/2021: Just added the fog border, information for it is like always in the code and on that page. LMK if you have any other q's.
8/16/2021: rainbow border, more to come
8/15/2021: About to log off for the night, just added a couple more codes. Tomorrow I'll add a ton more border codes and will will start working on the hover codes more.
8/15/2021: Lots of updates today. I've added codes and patched up some bugs but have mostly added tutorials. I've been adding a tutorial whenever someone on codes.crd.co asks a question I can answer with a tutorial on this Carrd.
Note: THE COUNT HITTER BROKE?????
8/15/2021: Just added a couple more tutorials and I'm going to fix the Kosugi Maru code.
8/15/2021: What I'm working on: Adding animation codes, adding link codes, and adding hover codes. Also a tutorial on the squiggly link.
8/15/2021: Back on that grind today. I'm adding new codes and patching some things up, as well as adding video tutorials.
8/14/2021: Hey, it's me again. I added fonts and more codes, and also some tutorials.
8/14/2021: Added many, many more things today and I'm currently still working on adding more. If a link doesn't work right now, it's just because I'm still working on that page.
8/13/2021: I just started working on this 8/13/2021. Expect updates every single day for the next week or so as get to starting this up. I'll be very active in the Cbox if you need any help.

Thoughts/Notes/What's to come:
10/21/2021: I'm going out of town... AGAIN.10/20/2021: *Screams*10/18/2021: Sorry there haven't been so many updates the past few days, I've been sick, unfortunately... Hopefully some stuff today? Also inspo has been updated.10/13/2021: I manifested the new update... FINALLY! And... Help me keep brainstorming for where to move all the codes. Please. Or I might just web-archive em all... But anyways, GOOOD MORNING!10/12/2021: NEW UPDATES WILL COME TODAY. At least one (how to add images inline with text without positioning, without putting text in an embed. Also... FUCK! https://files.catbox.moe/pcnvzg.jpg. We're moving to Pastebin!10/11/2021: Okay nevermind, Sunday Funday was cancelled and there were no updates, my bad... Updates might be sporadic for a while because I'm going insane.10/10/21: Sunday Funday, guys! I'm gonna try to add a ton of stuff today if/when I get the chance. And happy birthday to Xyz.crd.co's Ref (only mentioning because I have a fat crush on her and I want her to think I'm a thoughtful guy who cares about her feelings) (I do).10/8/2021: Happy Friday, resourcejumpers! Am I tripping or did I update this site yesterday? I'll fix that.10/6/2021: Rise and shine! Font tutorials when?10/5/2021: Wakey wakey, everybody! Definitely font tutorials today, I'm hyping myself up. Throwback to the beginnings of Resource.Ju.Mp (Dinkle remembers) when I'd delete these messages every time I finished the update. Oh, how times have changed.10/4/2021: I might add some of the codes I've been working on here, but definitely expect a font tutorial soon, since I've been meaning to add it since the beginning of time.10/4/2021: Rise and SHINE everybody! Not sure what today will bring. My new favorite thing to work on is finding ways to use less code but make more effects. So.10/1/2021: I totally forgot what I wanted to add, haha. Well... IT'S ANOTHER AMAZING DAY!9/30/2021: GOOOOD MORNING! I actually have stuff I know I'm going to add today, nothing too special, but look out anyways!9/28/2021: RISE AND SHINE, EVERYBODY! Been a while since I wrote one of these morning messages. I am DETERMINED to start working on this more daily now, I'm on that crazy grind looking for codes to add... So. Stay posted!9/26/2021: Jeez! A week has passed since the last update! Sorry for the inactivity, everyone, I've gone kind of CUCKOO BANANAS lately BUT! I will start regularly updating this again soon. I promise.9/19/2021: BUENOS TARDES, PEOPLE!!! Updating as we squeak, includes the animations I talked about and God knows what else.9/18/2021: Good afternoon, everyone! I'm currently on vacation and updates will still be coming, just maybe at a slower pace. Coming soon: Basic intro animations, tutorial on positioning Nene's menus, and a piece on tethics.9/17/2021: Good morning, guys! Updates'll be a little sluggish until I either get to the resort I'm staying at, or get home. I might work a lot over holiday, who knows.9/15/2021: Good afternoon, everyone! Updates are going to go down in numbers soon because I'm working on commissions + I'm on holiday next week, but I'm still trying to squeeze out as much as I can :). I'll link some of the websites I've been looking at for inspo (thanks, Ref!) in here soon. Just took a Spanish quiz.9/14/2021: Buenos días, everybody! I'll work on some of my underground tutorial work today since it's been a couple of days. In the middle of the filter tutorials. Apart from this I might add some basic transitions just so people can have them while they wait.9/13/2021: GM! Some regular site updates, codes & stuff, but also... A redesign?9/12/2021: About to add a whole new section, but guys... We need to have a talk about the Cbox. I love you all but... This is insane. If you guys all want to talk to each other please exchange info or something, I need people to get the answers they're looking for.9/12/2021: Rise and grind, everybody! I have some stuff going on today but hopefully I can add some new codes & FINISH UP THE TUTORIALS because I forgot to work on them yesterday.9/11/2021: Gooood morning, everyone! I hope to add some links and add more stuff.9/10/2021: *Makes you breakfast* Gooood morning! I've been working on a lot of stuff for this site so get ready for that. A lot of tutorials.9/9/2021: I STARTED THE ANIMATIONS PAGE9/9/2021: Another day of saying I'm going to add animation tutorials.9/8/2021: GOOOOOOD MORNING EVERYONE! I'm adding some Carrd tips today/advice and some of my general design thoughts.9/7/2021: I'm striving to redo this Carrd. Updates out the wazoo IF and ONLY IF I get my shit together. So let's hope for that.9/4/2021: Rise and shine everybody! I'm starting to feel better and I have a long weekend so hopefully more updates coming soon. I REALLY WANT TO ADD AN ANIMATION TUTORIAL so you can expect that. Apart from that... We'll just have to see.8/30/2021: Sorry there haven't been so many updates, guys :( ! I've had school and I've been super sick the past few days so it's been kind of hard to work... I'll try to find some more codesGood night, Resource Ju Mp nation... Tomorrow may bring gifts...Goooood morning Resource Ju Mp nation! Will add Nene's fabulous codes today, will add more animation codes, maybe I'll finally come up with an original and non-bland menu...HAPPY BIRTHDAY NENE!!!!!!!!!!Help me. THE GOODMORNING MESSAGE DISSAPPEAREDD!!!Not sure what today will bring. Belated good morning to everyone. Also, a special thank you to Nene for all the code dumps! They all look great :)Wanted to wish everyone another good morning, thank you to everyone contributing in the Cbox, you're all amazing.Another glorious day on our earth! Don't know why I insist on putting off adding the paper mask. That's on my list every day. I'm working on adding all the codes here to my Pastebin in case W3 is down again, but I'm only allowed to add 20 per day because I have Pastebin Free or whatever. Not sure what I'm going to add today, but hopefully something is good! I think maybe a cool new border code?IMPORTANT SITE NOTE: I'll keep this up for a while, but if you guys haven't noticed, I go offline at 9pm EST on weekdays and 10pm EST on weekends because I have parental restrictions on my devices. Sorry if I only get to your questions in the morning, I try as much as I can to get everything in before I log off for the night.
8/20/2021: Rise and shine everybody! I'm going to create a "without W3" page today, look out for that, and maybe add some graphics, tips, and the paper mask.
Paper mask (which IS good with text boxes!)Written tutorials to accompany the videos/video tutorials to accompany the written onesEverything that's supposed to be a link but doesn't have a page yet (Graphics, Tips)

Text stroke with selection border

Code Here

Gradient Stroke

Code Here

Image Mask

Code Here

Img Stroke

Code Here

Fading text. Fading text. Fading text. Fading text. Fading text. Fading text

Code Here

Pulsing Text (Change colors to your liking)

Code Here (Pastebin)

Bouncing Marquee

Code Here

Bouncing Text CR @Carrduser

Code Here

Flashing text outside of embed

Code Here

Gradient Mask

Code Here

Marquee Text Marquee Text Marquee Text Marquee Text Marquee Text
Marquee with Border Marquee with Border Marquee with Border Marquee with Border Marquee with Border

Code 1 Code 2

The above two codes are marquees, and if they aren't playing right, try reloading the page. Sometimes they freeze up.
Better marquee HERE

Code Here (Pastebin)

Code Here

Vertical Text

Code Here

The Tumblr Wobble

Code Here

More text effects here

Text insert tuts: Pro Plus Pro Standard

These are all my W3school links, so they all have that special Jake touch.

Codes I won't bother to fit on a page with the others:

Curved text

Bouncy Letters

Breeze Letters

Scratch text

Here's a wavy filter for you. Works on text, images, containers, anything. Have a field day.

Code here. Paste into embed and give wavy stuff the "wavy" class, or change ".wavy" to "#container01", "#image01", "#text01", the usual.

To change the color: edit where it says "flood-color='#ffb703'". Paste the code into your Carrd and give your text the "filtered" class, or if you have pro standard, change ".filtered" to "#text01". Or whatever your text # is.

Code Here

I've made some basic animations that you can use when loading elements. You can preview them all in w3, instructions included. If you have pro plus, you can also just copy and paste the @keyframes and put them in an embed and add the animation attribute into the element styles in the builder.

YOU CAN DO THIS WITHOUT CODE. Click for tutorial.

Codes Here

No-embed needed Carrd link stuff

Navigation

[Open in new tab](https://[email protected])
[Previous page](browser:back)
[Next section](section:next)
[Previous section](section:previous)

This is all using Carrd's Markdown formatting! If you need more click "any valid URL" when you see it in the builder (seen below) ↓

Customizing Link Styles (Pro Plus only)

1: Select your text
2: Click the gear option, navigate to styles
3: You typically add text styles in the "Text" section. Look below it. Edit the link styles only in the section called "link". See below ↓

Hover over each version of the image for a different effect, all of which were made with absolutely no embed or CSS. You can even make these animations with a free plan.

STEP ONE: Create a gallery. Add your image (you can do this on a regular image too, but only a gallery image can have the text over it).
STEP TWO: Click the icon between the gear and paintbrush.

STEPS 3 AND OPTIONALLY 4:
Use the drop downs and sliders to customize your animations. If you add a caption, the "Captions: On Hover" section will show up and you can use that.

OPTIONAL 5:
For text on hover, add your text in the "Caption" section when you add your image. Make sure to select "Span Multiple Lines" in the design/"paintbrush" section under the "Captions" tab.

Adding Inline Images Outside of an Embed

LEAVE EMBEDDED TEXT IN 2021.
Here's how to add images inline with text like img so without having your text in an embed OR using positioning. Because positioning is the WORST.

Step One: Type your text out. Wherever you want to add an image, add some placeholder text, it can be anything, and highlight it. Like ==this==. Give your text the "highlight" class. If you have pro standard, don't worry about it.

Step Two: Create an embed that looks like this (change ".highlight" to your text ID if you have pro plus, something like "#text01"):

<style>
.images mark:nth-child(1) {
content: url("https://files.catbox.moe/4yaz8z.gif");
background: none;
}
</style>

(Let's break this down. nth-child(n) is a selector element in CSS that allows us to divide one element into individual elements without having to create more, if that makes sense. The reason we're using it here is so when you add different images using the same element it'll show up as different images without us having to use a ton of CSS... because we can't, since it's Carrd, and Carrd's markdown doesn't support HTML. mark is the CSS highlighting element.)

Step Three: Edit the link between the quotes so that it's your image URL. Adjust the width and height of the image by adding "width: value;" and "height: value;". See what it looks like automatically before adding styles, though. Might be just right by chance.

Step Four (optional): Adding multiple, different images in the same text element. No sweat. Just copy and paste all the styles you have so far and change ":nth-child(1)" to ":nth-child(2)" and so forth, changing the number to the next consecutive one for each highlight changed into an image.

Ask me any additional questions you might have img!

Italicized: Super fav
Asterisk: Fav

Resource Carrds, Tumblrs, Other Helpful Sites,

Backgrounds, mostly: Refster*, Traggots*, Rank*, Lol4*, Skrilla, Codes, Pedal, 106166, Invierno, Syncing, Remaking69, Pear,

Pixels/PNGs mostly: Crd, S4dPngs, Ascii-Yume, Kaomojis,

I don't even use most of these, some haven't been updated since April/May of 2021, some are totally defunct, but I added them nonetheless. These are mostly sorted chronologically by when I saved them, with my favorite Carrd from each category being first. If you want me to add or remove your Carrd, let me know :). Italicized = Fav.

Just Codes, Links, Tips, Etc:
Limonysal (Admins are amazing, original codes), Neogeo, Pochi, Neet, Funhouse, Gifs crd (Literally like one of the first 5 resource Carrds ever), Arcjec, Pep, Callie, Galaxy, Codes Ju Mp (WIP), Himiko, Swaggy, Cakepop, Holy, Lesbiana, Kinnie, Gloss, Cartitas, Bubblegum,

Just Graphics (and links, sometimes): Darkpixel*, Gifs carrd, Pngs, Gifs4Crds, Graphics, Pixel, Eridan, Literature (Under Construction), Medicine, Agent, Barbara, Owe, Supplies, Gallery, Twst, Pix

Graphics and Code & Other: Codes, Xyz, Yokai, Teaclub, Watermelon, Peko, Gnome, Wonderhoi, Latte, Director (PW protected for now), Lolcow, Sweetie, Madness, Lethargic, Satin, Kanaya, Knightley (unfinished), Mignight, Lili, Signal, Vnc, Mori, Wilardo, Frogpop, Gag,

I accidentally put this code in the text section

Embed Here

Element ID Here

Erm credit Jake @Carrduser if you want

On a container


Embed Here

You can create an image as a placeholder and give it the element ID "thething". Or, if you have pro standard, you change "#thething" to "#image01" or whatever the ID of the placeholder image is. Remove the "width" attribute, I only put it there for display. And remove the stuff after the style tags. I only have all that so if you decided to plug it into W3 you can see what it looks like.

Embed Here

Element ID Here

Credit @Carrduser on the Gram for this, the frame is from the Talking Heads album Naked. See it here. You can adjust the width of the border image however you like.

Ask me any questions you might have about this!
All of this goes in an embed.
Among other things, you'll find that you're not the first person who was ever confused and frightened and even sickened by human behavior. You're by no means alone on that score, you'll be excited and stimulated to know. Many, many men have been just as troubled morally and spiritually as you are right now. Happily, some of them kept records of their troubles. You'll learn from them—if you want to. Just as someday, if you have something to offer, someone will learn something from you. It's a beautiful reciprocal arrangement. And it isn't education. It's history. It's poetry.
(I just used a Catcher in the Rye quote because I didn't know what to put there)
Anyway, I keep picturing all these little kids playing some game in this big field of rye and all. Thousands of little kids, and nobody's around - nobody big, I mean - except me. And I'm standing on the edge of some crazy cliff. What I have to do, I have to catch everybody if they start to go over the cliff - I mean if they're running and they don't look where they're going I have to come out from somewhere and catch them. That's all I do all day. I'd just be the catcher in the rye and all. I know it's crazy, but that's the only thing I'd really like to be.

Embed Here

Preview in W3Schools

Embed Here

Seeing that animations are all the rage right now, let's dig in, shall we?

Step One: Making the animation
Step Two: Adding the animation
Step Three: Infinite or Nah

Video Tutorials TBA

Transform Functions

The first thing you should know when making CSS animations for Carrd are the different transform functions. The values you'll probably use most are the following:

1. rotate
2. scale, scaleX, scaleY
3. translate, translateX, translateY
4. skew, skewX, skewY

Click on each function value to read on how to work them.

Before introducing each value in code, add "transform:". EX: "transform: skewY(20deg);".

Don't worry about any of the "3d" versions of these values (ex: rotate3d, translate3d). If you want a more in depth look at the transform property read this or this. I'm just stating the basics. PS: Don't worry about "rotate"'s "x" and "y".

X and Y axes (Also the "translate" section)
Adding two different transform values at once

Not specifing X or Y

You could just as easily say "transform: translate(-3em);" as saying "transform: translateX(-3em);". This is because CSS prioritizes the "X" axis. Instead of saying "transform: translateX(-3em) translateY(10em);", you could say "transform: translate(-3em, 10em);".

Specifying X and Y

X is referring to the horizontal axis of an element. Look at this example (click to enlarge):

No translate code has been added. The element we are about to edit, the little emoji man, is in it's original position within the box.

Now I've added "translateX(10em);" as a value. As you can see, the image has moved 10 "ems" horizontally. By default, it pushes the element from the left. To push from the right, you would change "10em" to "-10em". If this reminds you of something, you're probably thinking of typical CSS positioning.

I changed "translateX(10em);" to "translateY(10em);". This means that the element is now being positioned vertically. By default, it will be pushed from the top. To push from the bottom, you would change "10em" to "-10em".

Say "transform:" like usual, then just add your values with no commas in between
EX:

transform: rotate(20deg) scale(.5);

This is probably the easiest function to explain.

This image by default has a property of "rotate(0deg);".

I have added "transform: rotate(20deg);" to this version of the image. You'll see that it's "pushed" from the left side.

The rotate value of this version of the image is "rotate(-20deg);". Setting the value to a negative number "pushes" this image from the right side instead of the left.

This function is pretty easy to understand. "Scale" is exactly what it says in the name-- it defines the "scale" of an element. By default, an element will have the unwritten code of "transform: scale(1);". Changing the number from "1" to "2" will double the image in size. Inversely, changing the number from "1" to ".5" will slice the image size in half. Let's say you wanted to size only an image's width, or stretch it.

transform: scaleX(2);
I have doubled this image's width, and therefore, stretched it like slime, horizontally.

transform: scaleY(2);
I have doubled this image's height, and therefore, stretched it like a rubber band, vertically.

I find this value to be the hardest to explain, but one of the most fun to use. According to developer.mozilla.org, "The skew() CSS function defines a transformation that skews an element on the 2D plane." That's probably the best way to put it.

transform: skewX(20deg);
This element has been almost stretched vertically and diagonally, leaning to the left.

transform: skewX(-20deg);
This element has been almost stretched vertically and diagonally, leaning to the right.

transform: skewY(20deg);
Stretched horizontally and diagonally, leaning to the right.

transform: skewY(-20deg);
Stretched horizontally and diagonally, leaning to the left.

What We Already Know

When learning CSS, you'll find that a lot of things overlap. The same rules that you apply to the "transform" property often apply to the filter property, too. The most important thing is that before adding a CSS filter, you will ALWAYS start out with "filter:" and then you insert your value. The syntax is as follows:

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

If you're using multiple filters, separate them with a space (as you would with different transform functions). Click each value to go to its page.

filter: none;

This is the default value given to an element. It's what you expect-- no specific filter is applied. This can not be used in function with other filters. You would mostly use this to revert an element back to normal after having a fiter. Examples:

I didn't specify the filter for this image. Therefore, its unwritten code is "filter: none;".

<style>
.tut img {
filter: blur(5px);
transition: .5s ease;
}
.tut img:hover {
filter: none;
}
</style>

(For context: The image posesses the "tut" class). Observe how when you hover over the second image, it loses its filter. Of course, if you were to have multiple filters over this element and only wanted to remove the blur function, you could instead just set the hovered blur value to (0px). But that's a different story.

filter: blur(px);

This filter is incredibly simple. It applies a blur to your element. A higher number before "px" (pixels) creates a larger blur. Examples:

filter: blur(0px);
This is also the default blur value.

filter: blur(10px);
Too much blur.

brightness(%);

This, along with the blur filter, is quite easy to understand just by the name. A common household and academic word, the "brightness" function is exactly what it states: It adjusts the brightness of an element.
0%: This sets the element to ultimate darkness.
100%: This is the image at its most REGULAR. This is the default setting.
Any values above100% will brighten the image.
EXAMPLES:

My Carrd tips & preferences :)

Password protect your Carrd while making it.Find and create new ways to do things outside of an embed/without code. Here's a list of things I used to often do using code that I realized I can now create almost or entirely without: marquee, image hover effects, basic borders (dotted, dashed, solid) and border-radius FOR IMAGES AND CONTAINERS, drop shadow, text on image on hover, text hover animations, and more. Just play around in the builder before slapping in a ton of code, I guess.Buy, renew, or upgrade your pro plan during the time that Carrd's Black Friday deals are going on. Fantastic deals + you get to renew every Black Friday so you always are paying less.Upload files to catbox.Keep your font sizes ABOVE 1em. .875em is the lowest you should go and even that can be risky.Use a color palette site. I recommend coolors.co. A good color palette can come a long way.Carrd has a lot of great built-in fonts, so try to import fonts as little as possible. TEST YOUR FONTS ON ALL THE DEVICES YOU HAVE. Tahoma is one of my absolute favorite fonts, but does it show up on mobile? No. And mobile optimization is key because that's where most people will be seeing your Carrd.Let's talk OPTIMIZATION. I think a lot of people skip out on this step and only have their Carrd optimized for one kind of device, but that comes off as really shitty and also minimizes the amount of people who actually read your Carrd. It doesn't actually take that much longer to make your site look good on mobile, Carrd has the mobile screen editor option for a reason. I DO NOT, BY ANY MEANS, RECCOMEND EDITING OR CREATING YOUR CARRD ON YOUR MOBILE DEVICE. If you have the option to get onto a laptop or PC, please do so. It's a lot easier to move things around and allows you to preview your site in a lot of different ways. I'm begging you all. 2021 is the year of optimization, okay? Let's do this.Avoid using embeds as elements as much as possible. A lot of the time you can do something just using element IDs, and if you really don't know how, send me a message or ask for help somewhere else, because it will save you time and frustration. If anyone knows how to make a marquee without an embed LMK ASAP!!!!Okay... So... Kind of controversial, but let's not list our mental illnesses in our Carrds. I understand stating that you're neurodivergent, or mentioning that because of an issue you might communicate differently, but most instances you don't need to list the actual issue, just ask for patience. Our diagnoses should really only be important to people we're close with, and if you really want people to know, let them know by DMing them or something, just... Try not to share specific issues in your Carrd. IDK. That's your prerogative. I can't tell you what to do, and if you think it's important, you probably know best. In my experience, though, I haven't needed to list my diagnoses on my Carrd, but everyone is different.Pleeease try to avoid using images for text. And no copy and paste fonts. Accessibility really is key.Don't put important information in marquees. Please. If you do, set the scroll amount really, really low.KOSUGI MARU IS IN. KOSUGI IS OUT. No further questions.STOP. COPYING. RAE. I get it, their codes are great, but she spends a long time working on those sites and it's not really fair for everyone to steal all his hard work and just change the colors, graphics, and maybe even a font or two. Originality is SOOO important and I think we forget about that sometimes. Obviously it's not always easy to come up with something original so don't feel afraid to take inspo from people or RM a Carrd, just make sure the final result isn't a near exact replica.Avoid using "absolute" positioning as much as possible. Try "position: relative;" instead. It's a lot more consistent. And obviously there are some cases where using absolute positioning is necessary, but if you're just positioning an image, use relative positioning.When coding animations, try transform-translating an item instead of using relative positioning.As far as units of measurements go, the "em" is the most trustworthy because it shows up most universally.Classic fonts are classic for a reason, shrug.Okay, Myspace Carrds aren't cool. We know this. Come on, guys.

Double Border with Two Different Colors

This doesn't work on images :(

Embed Code Here

Style Code Here

We all know how to add a different background on a section using containers, but then you can't add any additional containers inside the page. Here's what you do:
1: Create an embed, copy and paste this code into it (place it into the section you want to have a different background).
2: Add your image url between the quotes in the background part. If you want a color instead, just add the HEX code or color name. Voila!
Ask me any questions about background positioning or read this for a more detailed look into the background attribute.

Go Back

Embed Code Here

I'm sure you've seen this code before, refer to any of those Carrds with the two slide out lace scrollboxes, YKWIM. I use it here for my labels. And for example.

To round the borders: "border-radius: 10px;" and adjust "10" however you need.

Embed Code Here

If you need to add more letters, LMK!

Credit @Cyberpinked (Twitter) and @Adhgkakgmskdj._ (Instagram) for this code! And credit @Carrduser (Instagram) if you repost to your resource Carrd because I optimized it for Carrd.

RESOURCES

Embed Code Here

This is what will appear when you hover over the "info" div, edit this between the "info2" tags.
Hover me- When editing the code you can change this part under the "info" div.

Embed Code Here

Embed Code Here

ID Code Here

You can see this code on a scrollbox in Amir.ju.mp

Sup


This might be one of my favorite menus yet. PLLLLEEEEEASE credit Nene for this! He is the best everyone start clapping

Hey


@solielios on the gram

Code Here

The favesiest menu ever, Cr @solielios on Instagram AKA The Nene we all know and love

Credit
text
@Solielios
text
On
text
Instagram
text

Code Here

Another amazing menu by Sol, Nene is seriously always on that grind and I appreciate it more than can be put into words...

Hover over the image or this text!

Cr Jake Carrduser for this code...
For everyone: delete the stuff about "body", that doesn't matter, I just added that so you could view the code better.
For anyone using element IDs: Delete everything after the </style>, you know the deal. Pro Plus: Give your element the "sling" class. Pro Standard: change ".sling" to "#text01", "#image01", "#container01", etc.

Code Here

Hover over this container!

Code Here

Pill.ju.mp, Vash.crd.co

Code Here

  • H
  • o
  • v
  • e
  • r
  • !
  • o
  • v
  • e
  • r
  • !
  • m
  • e

Code Here

SCROLL ME! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code Here

When adding a box shadow to a container, you don't even need code. You can do this in the Carrd builder by scrolling through your container settings and editing the box-shadow.

This is just pasted into my text styles.

Code Here

To edit the image, insert the URL of said image between the quotes as seen below.

Code Here

Code Here

This code was made by our own resident Nene!



The cropping if off on this site, it's because of the columns. Just look at the W3schools code.

Even though this code is attractive, it makes me want to blow my brains out. #JakeNationAgainstSVGs

Code Here

I hate this code so much

ID Code Here

Embed Code Here

ID Code Here

Embed Code Here

Credit @Nbsaki on Instagram for the code

This cursor is great for faking like you have a custom cursor on mobile.

Code Here

This is cool, right?

Blur Default

Code Here

I'm trying to put different text in each one of these but I have nothing to say

Slide Up

Code Here

Thank you to the site's supporters! I love you all so much.

Code Here

Do you guys know who the white people in the images I put on this Carrd are

Blur Rotate

Code Here

This works as a scrollbox too! Make sure to read the text in the Pastebin for further instructions on how this works, I didn't go too in depth with it though, just some simple reminders, if you have any questions just ask in my Cbox or Tellonym

Expand Y

Code Here

Hover over all the images to see the effect in action. These are all Pastebin links and only work as embeds. RIP W3Schools.


YOU DO NOT NEED TO CREDIT ME FOR THESE.

For an example of what this code looks like, see lippies.crd.co. Thank you for sharing, Xio!

Code Here

Credit Nene for these codes. Thank you, Nene :)

Credit carrduser on Instagram if used :), pretty simple menu though so it's not a big deal if you don't. This menu will automatically become a vertical scrollbox if it needs, you can change that if you'd like, though.

Hover Me

Code Here

This code won't show up in this Carrd because it already has other sections, but you can see the code in the W3Schools link. As proven on this Carrd, it will only work on a Carrd with one section, because the code itself creates new sections.

Code Here

To see this code in action, see Nene's monoe.crd.co. Everyone say we love you, Nene!

Code Here

ID Code Here

Embed Code Here

Style Code Here

ID CODE: Paste into embed, set ID of your element as "gradientb". EMBED CODE: Everything is in an embed. STYLE CODE: Copy and paste into element "styles" tab.
PS: I couldn't get W3Schools to work, so these are Pastebin links.

Embed Code Here

ID Code Here

ID CODE: Paste into embed, set ID of your element as "border". EMBED CODE: Everything is in an embed. You can't just paste this code into your element styles, sorry.

This effect also works on text boxes, but for some reason it was glitching on this carrd.

ID Code Here

Embed Code Here

ID CODE: Paste into embed, set ID of your element as "popcont". EMBED CODE: Everything into an embed. Again, can't paste into element styles.

Select this

Code Here

Code is the same for plus and standard, just copy and paste into an embed. "color:" specifies the color of the text when you highlight it, "background:" specifies what replaces the typical blue. This code is not supported in Safari.

Try not to add spinning text

Element ID Code Here

Embed Code Here

For ID code: Copy and paste into embed. Give spinning element the "spin" class.

Hover for what a spinning container looks like

I won't preview this code on this Carrd, I'm sure you've seen it before, though.

Embed to apply code to entire Carrd

For a better example of this code in action, see eye.crd.co.

Applying the TV tutorial on Pro Standard:

IF YOU WANT TO APPLY THE CODE TO THE ENTIRE SITE JUST USE THIS CODE AND PUT IT IN AN EMBED Cr Allison of xyz.crd.co

1. Copy and paste this code into an embed.
Here you have two-ish options:
2a. Option 1: Code all the content of your Carrd into one embed, starting with the "<div id="crt">" tag and adding a final "</div>" at the very end of the code (putting everthing into the "crt" ID (has to be ID, not class, as seen in the code linked above. This requires some coding knowledge or at least a lot of Googling and Stack Overflow. It also makes it harder to optimize your Carrd for both mobile and desktop, if that's important to you.
2b. Option 2: Create a header. At the very top of everything in your header, if there is anything at all, create an embed that says "<div id="crt"></div>". Make sure the embed is in a container with "Full Screen" width, no vertical or horizontal padding, 0 margins, and scroll down in the container settings where it says "Contents" and set the width there to 100. This applies the "crt" ID to the Carrd. The blue and red effect may not show up on everything, though, but that shouldn't really matter.
2c. Very Optional Secret Option 3: Change everything in the code that says "crt" to "image01", "text01", "image02", "text02", "container02", so forth and create a new duplicate embed with each different ID name in it. This applies the code to literally every element that you create in your Carrd, so long as each have an embed with their unique ID in it connected to the CRT styling. You can combine this option with option two to have the maximum effect.

Ask any further questions in the Cbox.

Hover over me. BTW: The code for this text must go into an embed.

Code Here

(DOES NOT WORK ON MOBILE) This code may be trickier than some others, so I'll make a lengthier tutorial for it soon. As always, instructions are in the code and any additional questions can be asked at any time!

Adjust how fast it slides out by editing ".2s". The "s" is for seconds. Adjust how far back it starts by editing "-3em".

This is an image with a rainbow border in a container with the same rainbow border.

Standard Code Here (container)

Standard Code Here (Image)

Plus Code Here

The plus code goes into the element "styles" section. No need for ID/Class names or anything.

W3Schools was glitching. Copy and paste the following into your Carrd:

border: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);

PS: This fog mask is my code, if you want to use the other one instead, here it is! Code here. Both are kind of wonky and need to be played with to get them just right for your purposes. The only difference is mine is more of an oval, the other one is


I do not reccomend using the fog mask for a text box.

Plus Code Here

Standard Code Here

Code includes instructions and tips. Delete everything that isn't code. If you have any questions, LMK!

This is a container using the fog mask code.

Text Vers.

Img Standard Code Here

Text Standard Code Here

Plus Code Here

These codes work for text, images, containers, and more.

I can't apply the fog border code to this container because the background of this Carrd is an image.

This text box is using the fog border code.

Standard Code Here

Plus Code Here

Just paste the plus code into an element's "Styles" tab. No ID/Class needed.

If you have an image background

Impacted

Code Here

P5Hatty Regular

Code Here

Calibri

Code Here

Archivo

In Carrd

Doctor Punk

Code Here

This Is Sparta Regular

Code Here

Kosugi

In Carrd

Kosugi Maru

In Carrd

Arial

In Carrd

Rock Salt

In Carrd

Cocaine Sans Regular

Code Here

Carrd Default

In Carrd

Arimo

In Carrd

Times New Roman

In Carrd

Thunder

Code Here

Epilogue

Google Fonts Page

Manrope

In Carrd

BioRhyme

Google Fonts Page

Check out (Scroll):
(If I buy any fonts, I'll share my license. Prommy.)
Brownfox. A lot of European fonts, very clean. Full families typically come out to $140.75 dollars. My favorites are Coil and Wermut.Grilli Type. Fuck, every time I go through one of the font preview sites I get cum all over myself. Sorry. But anyways, GT's fonts are AMAZING, kind of pricey, though.Extraset. Good God. Just look for yourself. Holy fucking balls.

All the best fonts are on Collletivo AND THEY'RE FREE. USE COLLLETIVO.

Hover over this container

Pro Plus code Pro Standard code

Hover over this marquee to pause it. Hover over this marquee to pause it. Hover over this marquee to pause it. Hover over this marquee to pause it. You get the point.

Click here for the code

Pro Plus


Code Here

This code is universal. It works with text, images, containers, and anything else.

Tutorial here

Pro Standard


Text Code Here

Img Code Here

Could also work with a container, but all contents have to be in your code.


Text with the rubber band code here


Container with the rubber band code here

Code CR to Allison of xyz.crd.co

Pro Standard


Text Code Here

Img Code Here

Avoid putting a lot of information in this code because, like with the rubber band code, it may not be the easiest to read and could come off poorly.


Text with the jerky rotate code here


Container with the jerky rotate code here

Video Tutorial

I'll add a written tutorial later. Let me know if you like these video tutorials or the written ones better, I'll probably make both for each tutorial anyways, but I'd still like to get feedback.

:root --mainColor: Specifies the underline color. In this case, the underline is green.

The "stroke" specification is found in a:hover. After it is stroke-width. This is where you edit the color of the squiggle. DO NOT DELETE "%23". Replace everything after "%23" with your color's HEX code. DO NOT ADD A "#" sign. Only the numbers and letters. The reason you can't get rid of "23" is because it specifies the color's opacity.

Disclaimer: Some codes, like the image mask, won't work like this. Click here for a tutorial on those. Click here for how to add marquee text. Also, this tutorial is pretty long.

1. Open the code for the text. An example is the code for the text-stroke with selection border: here.

2. You can copy everything within the style tags, don't copy the actual div label (ex: "#text", ".text").

For this, you'd only copy what's highlighted in the image, which you can click to enlarage. You could copy the color and font-size labels, but you can also just edit those in the Carrd builder, so there's no point in doing that.


3. Open the Carrd builder. Click on the element you want to add the code to and click the "gear" symbol next to the paintbrush.


4. Click "styles" and paste your code into into the "Default" tab. If you want it to be different on mobile, click the "Mobile" tab and edit it there.

Click to enlarge.

1. A: Find the code you want to add. B: Create an embed where you want the text to be. For this tutorial I'll be using the gradient mask code, which is here.

2. Make sure the embed type is set as "code" and the embed style is set as "inline".

Click to enlarge

3. Paste your code into the embed below where it says "code".

Click to enlarge

4. Edit anything to suit your preferences. Most commonly you'll be editing things like color, font-weight, font-size, gradient or text stroke colors, etc. I edited the font size, the colors, the font weight, and the font family.

Hey there!

5. Edit whatever text is between the div class/div id/span class/span id/marquee tags. If the tags are none of the above, just look at what text is being produced, then locate that text in the code and edit that.

I edited this text between the div class tags.

Extra notes: If you use the same code twice, but tweak certain details, like how I just used the gradient text code in an embed twice, and had different font sizes each time, you'll need to edit the ID or class name to something else, or else they'll both inherit the same style. If you are using the same code twice in different embeds and want them to look the exact same, you don't need to copy what's between the <style> </style> tags for the second embed. It will inherit the style of the first one because they are using the same ID/class name.

1. Marquee that you can see in the builder
2. Customize links outside of an embed, navigation stuff with no embed (like previous page links, etc)
3. No embed image animations/blur menu thing
4. Adding inline images outside of an embed
5. Animations on load without an embed. NEW 10/21

Loading Animations Without an Embed

Click on your element. Select the "play" button. Select from the drop down under the "On Visible" section.

I am able to view this marquee in the builder

Credit me if you add this in your resource Carrd!

WHY IS THIS BETTER THAN OTHER MARQUEES? 1: You can preview it. 2: Won't freeze up like marquees do. 3: Easier to be customized.
HOW TO MAKE IT PAUSE ON HOVER:

PRO PLUS PRO STANDARD

1. Create the element you want to be a marquee. Paste this in the element styles:

display:inline-block;
white-space: nowrap;
animation: marquee 20s linear infinite;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);

2. Add "overflow-x: hidden;" into the parent element's styles (unless you want it going across the whole page).

3. Create an embed with this in it:

<style>
@keyframes marquee {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);}
}
</style>

EXTRA:

Pause on hover:

<style>
#marquee:hover {
animation-play-state: paused;
}
</style>

Add the above code into an embed and then give your marquee element the "marquee" ID.

Adjust speed: Change the "20s" in "animation: marquee 20s linear infinite;" to a higher number (slower marquee) or a lower number (faster marquee).

1: Create the element you want to be a marquee.
2: Create an embed with this code in it:

<style>
#container01 {
overflow-x: hidden;
}
#text01 {
display:inline-block;
white-space: nowrap;
animation: marquee 20s linear infinite;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
@keyframes marquee {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);}
}
</style>

Change "text01" to the element ID of what the marquee element is. Change "container01" to the container ID that the element is in.

EXTRA:

Pause on hover:

<style>
#text01:hover {
animation-play-state: paused;
}
</style>

Adjust speed: Change the "20s" in "animation: marquee 20s linear infinite;" to a higher number (slower marquee) or a lower number (faster marquee).

Element Styles Embedded Text
Element ID
Using the element ID for pro standard: replace whatever the ID is (ex: #wobble) to the ID of your element (ex: #wobble becomes #text01 or #image02)

Code here, to change the speed edit where it says "25" in the scroll-amount attribute, a higher number makes the marquee faster, a lower number makes it slower.

Code and tutorial here

1. To make a scrollbox:
a) Vertical scroll
overflow-y: scroll;
b) Horizontal scroll:
overflow-x: scroll;

Welcome to Dinkle's Den!

Hello resourcejump fans it is your beloved dinksy HERE and I now have a section on this site!!! This section is just about my personal favorite sites, random shit I like, and fun stuff:) Don't take it too seriously! If there's any site recommendations, let me KNOW!!!

About Dinkle

Continue to Dinkle's Den

Hi I am Dinkle or Dinksy as you probably know! But you might not actually know too much about ME!! So, I'm 13, White+Japanese, and my pronouns are he/she! Some extra info is that I'm neurodivergent and I'd appreciate if you were patient with me. I'm interested in Hololive, (NePoRaBo, and GAMERS specifically) Yume Nikki & Yume 2kki, and YOUR MOM! Hope we can get along well ("・w・)_

Not fully updated, for the full list visit here.

Stuff! (Scroll)

Windows93 is a website styled to look like early 2000's internet and has a lot of fun applications such as emulators, art programs, and more! Usually not blocked on school devices.
The 88x31 GIF Collection: Exactly what it sounds like, a ton of old buttons from the 1990s to early 2000s.
Your World of Text is an infinite site where any person who visits it can edit text on any part of the grid.
r/Place atlas basically just an archive of r/Place with a description for every single piece of art and history on r/Place!
ASCII art creator The name is self explanatory! Make your own ASCII art!
Waifu2x a site for resizing images & making them more high quality - specifically designed for manga/anime styles.
Superbad I don't know what to say for this one. Have fun exploring!

Neocities! (Scroll)

Burypink website created by a touhou, vocaloid, and anime enthusiast! I like to explore this site and read about their interests.
Cadnomori someone's personal neocities site. Shrines, about, and other pages. Cute layout and graphics~ good for inspiration!
Dokodemo Sunny's personal site! Based off the old web and is made to entertain others and represent the owner's love for the internets!
Sninkygle Odd website, similar to yyyyyy.info, with text wrapping around the page and other places to go when you click on specific elements
Bill's World BROWSE THE WEB LIKE IT'S 1999! Fantastic personal site belonging to bill which is sorta like a time capsule for viewers in the future !!! Super cool!!!!
Housefly You'll catch death out there, hurry in.
Komaeda To be honest, I don't even know how to describe this one. Just have fun with it, I guess!
Max2019 Leftovers from a 2018 tumblr ARG. Fun to explore. If you're interested on learing more about the ARG, I recommend Izzzyzzz' video here.
Zanarkand! Animecore fever dream! Cute layout + aesthetics + graphics! Nowhere near complete, but fun to explore nonetheless!
EYESTRAIN WARNING: Y2k A website made to improve the owner's coding skills. Features their personal bookmarks, graphic, arts, shrines, etc.
EYESTRAIN WARNING: vomitboyz Gabriel's homepage. Another animecore themed site. Includes: shrines, graphic collection, fun stuff!

Mainly fandom stuff (Scroll)

https://yumenikki.fandom.com/wiki/YumeNikki
https://yume2kki.fandom.com/wiki/Yume2kkiWiki
https://uboachan.net/
https://www.mediafire.com/folder/ksa2gat87l9i0/YumeNikkiMercariResults
https://www.mediafire.com/file/yrl4ngn6sqq4iqf/Yume+Nikki+Translated+Files.zip/file
https://hrazak.github.io/hololivePixel/
https://hololive.hololivepro.com/en

Click here for more of my Carrds.
Some other places I look for inspo:
Here (brutalist websites), here (basically Carrd for adults), and here (a ton of super cool websites).

These aren't my best Carrds, in fact, they're pretty old and ugly. For my more recent Carrds, click the link above. Link last updated 10/18/2021.

Hey there! My name is Jake, I'm your average 13 year old boy and I really like Carrd/HTMLCSS. I have one social media. Instagram. @carrduser. I use it solely for Carrd purposes.

Links

Commissions ! Email Me ! Spotify
Pastebin (WIP)

My Tellonym and My Instagram

The Cbox is for: Questions, their answers, recommendations, or really anything Carrd/coding related. Please don't clog it, guys.

Hey there!
Hey there!