How can I create a Pinterest style page on my blog site?

Anyone good with web design? I want to create a website that has one page with an infinite scroll and a Pinterest style to it - like 4 images per line and a link to the recipe for each. (Pinterest requires people to log in now so my Pinterest is essentially useless for getting meat eaters to see what vegan food can be like.) The rest of the pages would be like a typical blog. I'm technologically challenged and tried to just add a code to a blog of mine to create that effect but failed miserably and am tired of searching for websites that offer what I want.

Go spend some time with your sister.

I don't get it. I mean I would love to but I don't get why you'd say that.

Thanks for the idea faggot

Okay I get that you're all butthurt because I'm a vegan activist and that makes you feel inferior but can you ignore that and just tell me what to do to create the kind of site I want to create? Thanks.

>getting meat eaters to see what vegan food can be like
Who gives a shit?

>vegan activist
ffs.

POO
O
O

what kind of food is that?

Lets just see the situation unfold.
I am good with web design.
State your questions if you have any.

People who like food.

Cry about it.

Oklahoma "Bacon Cheeseburger" from Native Foods Cafe. I know it doesn't look like a "burger" but holy moly it was the best thing I've ever eaten.

Well, how do I do it? I just want one of my pages to have this infinite scrolling and I want to be able to format it as well so I can have four images per line along with the links to the recipes. For free if possible since I'm poor. I'm willing to pay up to 40 dollars just because I care so much about this cause and need an effective website.

Just look into Boostrap (for CSS) and jQuery (for javascript). Yeah, JS is shit, but you won't get dynamic website without it.

Just insert

Im a huge cucked out faggot and im literally addicted (physically and mentally dependant) on hot spicy cocks

Thanks even though this sounds like it's going to be a lot of work and I just want to be done with it.

To have 4 columns spread across the site equally, just make DIVs of same class. Make the class width 25%, float left. Or you can always use Display: flex and flex: 1. Than play with some paddings and margins.

For never-ending site -> you must include jquery library and use JS.
Here is a script to detect end of file when scrolling:
var win = $(window);

// Each time the user scrolls
win.scroll(function() {
// End of the document reached?
if ($(document).height() - win.height() == win.scrollTop()) {

$.ajax({
url: 'content-server.php',
dataType: 'html',
success: function(html) {
$('#posts').append(html);
}
});
}
});
});

And you use ajax to send POST request to your PHP file which would return another/more rows of your pictures+text from your database/files in a folder.

check out freecodecamp.com it explains all those things very simply

Up to this point nobody has said anything about meat and vegan, which leads me to believe you're just an attention seeking faggot.

You know there's code tags right?

How do you do code tags?

Use fucking bootstrap OP

Cheeseburger activists here. How does it feel to know you'll never be as successful as me.

Minimum wage starting at the McD's.

I can do that for $250, leave an email