neumorphic-google
Made with HTML, CSS, JSRecent comments (1)AcademicCat1 year agoHello fellow replers!
Recently I was reading through @Bookie0 's (sorry for ping just thought I should give credit)repls for inspiration, and I came across the Neumorphic Spotify repl.
This repl was partly inspired by that one. To achieve the hover effect, I use the
box-shadowproperty withtransitionto make the animation look smooth . I also usedlinear-gradients to achieve the convex/concave effect.Thanks for reading this far! ๐ That's a wrap!
scripture
Made with HTML, CSS, JSRecent comments (4)AcademicCat1 year agoHi there. I just wanted to share a method whereby you can embed replit without the handicaps of the
?lite=trueurl ending:- Just embed a team repl (it doesn't have to be yours).
- You can go onto any replit.com url after this, just navigate using the website.
- Talk also works - including posting, commenting, etc. Hope this helped. Have a nice day!
AcademicCat1 year agoThis is a website I created to represent myself online.
texteditor
Made with HTML, CSS, JSRecent comments (4)eliasciur1 year agoTry W3 Schools, personally idk any JS I just know HTML and CSS.
AcademicCat1 year agoHi. So I'm making a text editor in HTML, CSS and JS. Currently, this is how I'm toggling on and off the styles for the whole text like this:
//italic function f2(){ italic = true; txt.style.fontStyle="italic"; } function f2off(){ italic = false; txt.style.fontStyle="normal"; } function toggleitalic(){ italic ? f2off() : f2(); }There are no issues with this, but I wanted to add a feature where, instead of changing the whole text, change the selected text, using something like
document.getSelection();, or anything similar. Any help would be appreciated! Thanks.
1
boltThis is a simple mockup site I made for a fake company called Bolt.
To be honest, I just did this for fun, but I put quite a lot of effort into it, so please comment your thoughts! Tell me if there's anything I can improve on.
14
5
1
AcademicCat It's also not very responsive, so if anybody could help me with that, that woud be great1 month ago
5
AcademicCatJust my personal website - The background is the NASA astronomy picture of the day. I'll include some projects later. Does anyone think they could help me with a simple dark mode with local storage for this website?
293
15
5
MicahIshmael Nice! I have one question how did you get the background to automaticly update?1 month ago
0
0
0
0
1
0
Don't mind me
I'm trying to reach the febfest tag, I can't get to it any other way.12
1
0
3
Neomorphic Google!
Hello fellow replers!
Recently I was reading through @Bookie0 's (sorry for ping just thought I should give credit)repls for inspiration, and I came across the Neumorphic Spotify repl.
This repl was partly inspired by that one. To achieve the hover effect, I use the box-shadow property with transition to make the animation look smooth .
I also used linear-gradients to achieve the convex/concave effect.
Thanks for reading this far! ๐
That's a wrap!80
1
3
0
Repl embed hack/bug
Hi there. I just wanted to share a method whereby you can embed replit without the handicaps of the ?lite=true url ending:
Just embed a team repl (it doesn't have to be yours).
You can go onto any replit.com url after this, just navigate using the website.
Talk also works - including posting, commenting, etc.
Hope this helped. Have a nice day!InvisibleOne @scripture You only need ?lite=true&embed=true when you are sharing something with a terminal output. For something like this, you should just use the link https://scripture.repl.co/1 year ago
AcademicCat @InvisibleOne I just shared my repl to use it as a sort of placeholder. Thanks for trying to help though.1 year ago
33
4
0
0
HTML Text editor help with changing style of selected text
Hi. So I'm making a text editor in HTML, CSS and JS. Currently, this is how I'm toggling on and off the styles for the whole text like this:
//italic
function f2(){
italic = true;
txt.style.fontStyle="italic";
}
function f2off(){
italic = false;
txt.style.fontStyle="normal";
}
function toggleitalic(){
italic ? f2off() : f2();
}
There are no issues with this, but I wanted to add a feature where, instead of changing the whole text, change the selected text, using something like document.getSelection();, or anything similar. Any help would be appreciated! Thanks.16
4
0
0