Share your repls and programming experiences

← Back to all posts
Personal Dev Website
JBloves27 (1887)

My Personal Dev Website

Made by @JBYT27 / @JBloves27

About

This is my personal website, info about me, what projects I like to make, and etc.


Credits

Credits to a codepen project that I used, it was a navbar, and I edited it a bit, tweaked the background-color, and logo. Please don't unlist it for copying a project and not changing it enough. Thank you!


Dark Light mode

Hiya, so I kinda want a dark and light theme button, but do any of you guys know how I could implement that into this project? It would be appreciated if you could help, thanks so much!


Conclusion

Please give suggestions on how I could improve the css or other stuff. Thanks!

Comments
hotnewtop
IronStarkMan (16)

Hey there.

I think this website is wayyyyyy overrated. The only good thing about the website is the navbar, which is copied from codepen. The rest of the text is literally a center-aligned paragraph tag and br's and a bunch of headers. The responsive button for the nav doesnt work on phone size. And IMO @OldWizard209 's Personal Website. was much better. He/She made all of it original and didnt even get any recognition even though the website was legit. Honestly, this project is overestimated. Its just unfair that older and more influenced community members get more recognition on projects with less effort than others.

About the phone size navbar button, you have to add the bootstrap script tags.

And about the dark mode toggle button, use JS, to change the style of the full document. use queryselector

OldWizard209 (1544)

woah, me pinged. @IronStarkMan

and i m glad you like my site :P

And BTW, i am a he.

RayhanADev (2526)

@IronStarkMan hey! while you may or may not be correct give constructive criticism. What can they do better?

Also ReplTalk has always been this way, (in fact there was a time when only og people got any recognition). If you have any suggestions to improve the condition of ReplTalk we're all ears but don't just complain!

JBloves27 (1887)

Yeah, ok. I get what you mean :)
I'll try to add more css, js whatever not to it to make it more 'better'.

Ok, got it. Thanks! I'll work on this! :D @IronStarkMan

OldWizard209 (1544)

I agree but I don’t think repl talk can find a way of changing people’s mind... ironstrkman is a little biased but I get his point. @RayhanADev

FlaminHotValdez (694)

@IronStarkMan uc I simp for pjo and he referenced that but since he ships solangelo no updoot for him

sugarfi (630)

@IronStarkMan i have been summoned from my nonbinary catgirl coffin to say don't use 'he/she' it's clunky, weird, and binary-normative - use 'they' or no pronouns instead

GhostKing007 (139)

@FlaminHotValdez Yasss, Solangelo = No updoot!

RayhanADev (2526)

@sugarfi thank you!!, it's sooo weird to hear he/she nowadays

GhostKing007 (139)

@JBloves27 btw what does JBYT27 stand for?

JBloves27 (1887)

basically stands for the initials JB, for YT channel, so JBYT. Then i added fav number to it, 27. so yeah. xD @GhostKing007

GhostKing007 (139)

Ah cool @JBloves27 you have a yt channel?

dudeactualdev (148)

@IronStarkMan Toxic Toxic Toxic slkskskksksksk

JWZ6 (673)

@JBloves27

Coincidence?

I THINK NOT

CyberHacker101 (128)

Awesome for starters! Great if ya could work on da CSS. Anyways it's kinda really plain to try to add something unique.

hmm also your username is VERYYY familiar are you new to repl?

@JBloves27

JBloves27 (1887)

thanks! lol yep.

No, tho I used to be @JBYT27 @CyberHacker101

CyberHacker101 (128)

jfjkjdoiawjo j too much lag
@JBloves27

CyberHacker101 (128)

This is the most lag ive ever got oof @JBloves27

CyberHacker101 (128)

Summary of every website ive made lol @JBloves27

CyberHacker101 (128)

Ah i knew it weren't ye a mod? @JBloves27

RayhanADev (2526)

@CyberHacker101 lmfao yes @JBloves27 the mod.

Actually I can see that happening :o

CyberHacker101 (128)

most notifactaions i get are just "lol", "xd", "lmao", or "lmfao" n I have NO idea wat in the world wat there talking about which brings me to the most IMPORTANT thing replit should add

VEIW THE COMMENT IN DA THREAD just imagine life that easy

@JBloves27 @RayhanADev

jcfjfc (1)

me who had no idea alot of this was posible (mostly how to change what files are being run)

jcfjfc (1)

@JBloves27 do u want to help on a game i am working on updateing? (i did not make the og)

jcfjfc (1)

also do you work on coding at school?

jcfjfc (1)

@JBloves27 btw try changeing the text to white b/c it's hard to see black

FlaminHotValdez (694)

pjo reference?

REYNICO IS SUPERIOR TO SOLANGELO

hmph no upvotes for solangelo shippers

JBloves27 (1887)

Nonononono, Solangelo is much more superior xD @FlaminHotValdez

FlaminHotValdez (694)

@JBloves27 excuse me solangelo had literally ZERO development, reynico had an entire book of them opening up to each other, they only really trust each other, solangelo was just "oh I love you" instantly makes absolutely 0 sense >:(

FlaminHotValdez (694)

@JBloves27 I interpret your silence as admittance that Reynico is indeed superior to Solangelo.

JBloves27 (1887)

lmfao xD i was doing smth else, but lets just say that they are equal for now xD @FlaminHotValdez

FlaminHotValdez (694)

@JBloves27 *shakes hands* Deal. But since I am a real PJO character I am more trust worthy. *dabs*

GhostKing007 (139)

@FlaminHotValdez Wait where's the reference? Was it removed from the post???

GhostKing007 (139)

@FlaminHotValdez @JBloves27 No, no, no. Solangelo and Reynico are not pog. Nico is pog. Nico alone. Reyna is his sister.

FlaminHotValdez (694)

@GhostKing007 excyOOOOSEEE me reyna is the 2nd best character in the universe after me of course

GhostKing007 (139)

@FlaminHotValdez Pfft, no. Reyna is the second best character in the universe after me!

FlaminHotValdez (694)

@GhostKing007 Why don't we compromise.

I'm best, Reyna's second, you're third.

GhostKing007 (139)

@FlaminHotValdez You wanna go Repair Boy? Right here, right now? I'd like to remind you skeletons are not flammable.

FlaminHotValdez (694)

@GhostKing007 I'd like to remind you that skeletons can be crushed.

So can you. And I happen to have a very large bronze dragon.

GhostKing007 (139)

@FlaminHotValdez Two can play the crushing game. I can control the earth.

FlaminHotValdez (694)

@GhostKing007 I'd also remind you that unlike your skeletons, you can burn. And skeletons happen to have very large gaps that my flames can go through.

FlaminHotValdez (694)

@GhostKing007 WAAAAAAAAAAAIT A SECOND YOU WERE REFERRING TO NICO IN THE THIRD PERSON

SUS

WE HAVE AN IMPOSTOR AMONG US

GET OUTTA HERE NICO IMPOSTOR

GhostKing007 (139)

@FlaminHotValdez I could just shadow travel to dodge the flames. Also, I can blast you with shadows.

FlaminHotValdez (694)

@GhostKing007 I have a better idea.

Let's team up against Percy.

GhostKing007 (139)

@FlaminHotValdez Oops, sister, did I make a mistake?

Yes you dunderhead, you're supposed to act like the demigod when you control him...

GET OUT OF MY HEAD!!! Stupid eidolons...

I'm in San Francisco, monster attacks tend to happen often. Now leave me alone, I have some...stuff...to investigate. I'm out.

GhostKing007 (139)

@FlaminHotValdez I'm busy Leo, I have better things to do than team up. Now let me work. You can go fry the fish yourself.

jcfjfc (1)

love that series

jcfjfc (1)

@JBloves27 i thought u said u diden't work during school? or are u in a diffrent timezone than me

JBloves27 (1887)

maybe different timezone? lol @jcfjfc

jcfjfc (1)

@JBloves27 ok. btw i added a chat.txt

JBloves27 (1887)

i saw :) im kinda busy tho rn, just leaving a comment to you so i can let you know :) @jcfjfc

ch1ck3n (2088)

super poggies

no award tho

it copy from codepen

xfinnbar (84)

Fix the caps on the about page, they are broken. JS not Js

JBloves27 (1887)

done! :D let me know with other bugs or errors! @xfinnbar

xfinnbar (84)

@JBloves27 Jquery is jQuery. Sorry for nit-picking but I just want to make your site more professional!

Writerfrighter (25)

My personal website https://somthing.writerfrighter.repl.co also why is your have a warning symbol? (Sorry for more advertisment)

JBloves27 (1887)

lol, np. i couldnt find anything close to glitch, so i made it a warning sign, like a bug @Writerfrighter

Writerfrighter (25)

@JBloves27 OK Dont click my dev wibesite bcs its not...

Writerfrighter (25)

@JBloves27 DOnt you love redirects : D

Writerfrighter (25)

ALso JB I would suggest for light/dark mode make a ask post in
repl @JBloves27 https://replit.com/talk/ask

Writerfrighter (25)

Also BTW light dark mode is mostly just for html, js, css, Its a class so IDK best bet is to switch 2 that

Writerfrighter (25)

How did you get a website from python XD

JWZ6 (673)

Hi! I know how you toggle dark mode. Look:

<a onclick="toggle()">Dark/Light Mode</a>

HTML. That was HTML. We Create A Class CSS thingy like this:

.dark-mode{
  background-color: black;
  color: white;
}

That's just an example. For toggling, we have:

function toggle(){
  document.body.classlist.toggle("dark-mode")
}
JBloves27 (1887)

I tried that with another website, but it switched back to light theme after you visited another page in the website :( thanks tho! @JWZ6

JWZ6 (673)

@JBloves27 well i tried my best

IronStarkMan (16)

umm, add the same script and css link tags to all the pages ..... @JBloves27

JBloves27 (1887)

I did, but everytime I visited another page, it turned back to normal, the button was still there, but it went back to original colour. @IronStarkMan

Gh0stHack3r (63)

Loads too much....Loads A LOT. When i open it, it keeps saying "Repl waking up"

JBloves27 (1887)

Sorry, but you'll have to deal with it :( It's either repl is really laggy today, or flask is having some issues. Do you have some suggestions? @Gh0stHack3r

Gh0stHack3r (63)

@JBloves27 Ok, flask needs a break! No i do not have suggestions sorry! I'm bad...