Share your repls and programming experiences

← Back to all posts
The most beautiful website I have ever made - Elegant CSS (DARK/LIGHT THEME INCLUDED)!
Baconman321 (1103)


So like, my teacher was tired of seeing Google Slides (lol I feel his pain) and instead wanted us to do padlet for our Italy project.

I really wanted to make a presentation from scratch, especially because presentation software puts a lotta crap into their programs (tracking, analytics, extras that aren't even being used, e.t.c).

I decided to keep mine simple and elegant, and so I somehow came up with this.

I hope you like it, you can either choose high or low quality mode AND there also is a dark and light theme!!!

I hope you like it, this was primarily made in CSS, which I am surprised turned out this well!

Btw I totally didn't get inspiration for my theme from peardeck >:D

Song daily!

So I decided to try something new, me being fond of EDM and all.

Every share post I make I will include a song for y'all. I really hope you like my picks :D

My song shoutout for the day is Supernova by Laszlo.

Other shoutouts:

Matches (Hyper potions remix) by ch1ck3n

If you want to shout out some music then post it in the comments (let's keep it to a max of 1 per person plz, also make sure it's appropriate - there are minors here ;D )

A big thanks to...

- For recommending that I make the light theme a bit more "colorful".

MikeJMS8910 (234)

wow. I have been to a few of those places

OldWizard209 (1608)

Wow, never seen someone take an assignment so seriously...

Baconman321 (1103)

@OldWizard209 Nah, this ain't serious.

Just a few things slapped together, not too hard (really, I mean it)...

I'm more surprised about how the CSS turned out.

TimothyRowell (71)

Also is that loading screen light mode color clouded white?

TimothyRowell (71)

Dude, this is cool could you help me make a website? I have half of it done already. So tell me if your interested because this is Cool!
Join the repl here
Btw I'm deleting this comment when you join bc I don't want no other ppl joining. I will give you more details about the repl once you join.
Cya there :)

Coder100 (18874)

lol do you hate the light theme?
it's a bit bland for me

Baconman321 (1103)

@Coder100 Nah, I just thought it looked nice stripped of colors.

I couldn't visualize some good colors to go with a white background...


What's bland, the light theme?

Or just the whole presentation in general?

Coder100 (18874)

the light theme
very colorless compared to dark @Baconman321

Baconman321 (1103)

@Coder100 Hmmmm, what color would you recommend for the text?

I'd have to experiment with it, but I can't find some good ideas for text color :/

The best thing about my presentation tho is that I used variables so it's as simple as changing one (I use the "cascading" in Cascading Style Sheets; the colors are determined in the body style tag)

Coder100 (18874)

header: blue
text: really really really dark blue
secondary: dark grey

and then the bg can be slightly tainted with blue, play around with that


Baconman321 (1103)

@Coder100 I usually think of "light theme" as a white background. Hmmm, ok.

I want to make sure that it has good contrast for readers, tho.

Baconman321 (1103)

@Coder100 I think it's nice now, what do you think?

(I'd rather keep text one universal color so as not to cause over-colorfulness. I think the main reason why my websites were so icky was because I used so many different colors)

Coder100 (18874)

yeahh that's much better
sorry the bluish background was a mistake @Baconman321

Baconman321 (1103)

@Coder100 ?

I like the bluish background, actually.

Maybe a bit less blue, but I think it's a good color!

Coder100 (18874)

it's ur website do what you think is best! @Baconman321

Baconman321 (1103)

@Coder100 I also added text selection color changes. Like them?

BobTheTomatoPie (3362)

great job! I've been to some of these places

Baconman321 (1103)

@BobTheTomatoPie Cool!

I haven't been outside of the U.S :(

ch1ck3n (2333)

I'd lke to shoutout Matches - Hyper potions remix

because he shouted out something

Baconman321 (1103)


Dreamstate amazing!
Altho I also like his "Awesome to the max".

Can't forget "Division" tho.

ch1ck3n (2333)

@Baconman321 I listen to

hybrid trap

Baconman321 (1103)

@ch1ck3n Hyper potions are great music artists, yeah I love EDM and the like :D

Brendan23 (166)

@Baconman321 I know this is a dumb question, but is there a way to get to the next step from the step on the picture bellow? There's no continue button or anything like that.

Baconman321 (1103)

@Brendan23 Click "Ignite".

There should be a button called that :/

FlaminHotValdez (713)

This is...beyond elegant. But I have one little nitpick.

EXCUSE ME?! If anybody uses light theme shun them.

Baconman321 (1103)

@FlaminHotValdez XD

I tried to make light theme look good :/

FlaminHotValdez (713)

@Baconman321 I appreciate your dedication man...but that's a hopeless battle

Baconman321 (1103)

@FlaminHotValdez Light theme is ok IMO.

Switching from dark to light feels awkward tho...

Whippingdot (678)

Umm you can't edit the PPT right? Sad or else +1

Baconman321 (1103)

@Whippingdot Why would you want to edit it?

It's a presentation, not a power point.