oneline VS one-line-firefox

https://github.com/AdamNizol/oneline - GitHub link to the open-source project with an explanation of the process and instructions along with a link to the live webapp to use

I think this is why so many coders start off by developing games for fun and then realize that they actually really enjoy the problem-solving of coding. The perception it has as being dull is prevalent despite it being quite invigorating when you make something and see it work, or something clicks and you find a solution to problem you're working on. It's also really cool when you find yourself able to use your coding skills to solve day-to-day problems. You mention "learning numerous code languages" but frankly once you know one language, you know most languages and you mainly just need to get used to switching some of the syntax for different languages which is really not a problem or difficult at all. You can jump into a brand-new language and be able to do 80% of the stuff without even really needing to look at documentation or tutorials. It also enables you to work with micro-controllers if you want to make your own machines or physical systems which a lot of people have a lot of fun with. You can use it to generate art (here's an example I made) or you can make tools to help you with stuff, such as this one that I made for the game phasmophobia before they added these features into the game directly. For art you can also do some stuff like this which I made just for fun but if you move your mouse to the mouths and stuff you can see it interact with you. I've written code to help me optimize farming routes in video games. I've written bots that do day-trading effectively, and there's even a lot of benefits that can be had from integrating coding into the classroom, but this is the example I usually go to: When teaching kids the Pythagorean theorem you often hear "when will I use this in real life?" and they have trouble caring about it. The thing is that it's not really about triangles, instead it's about the distance between 2 points. If you have a² + b² = c² then a is the distance between 2 points in the X axis, b is the distance between them in the y axis, and c is the actual distance between the two points. This means that you can get the students to implement a simple system where they need to program a game to recognize when you are close enough to an NPC to interact with them and you'd need the Pythagorean theorem for that. You can then extend it to 3D and show them that they can do a² + b² + c² = d² where a,b, and c are the distance between the points in the x,y, and z axis, and d is the distance between them. Pythagorrean theorem generalizes to any dimension and is just the distance between points.

It all started off when I decided I wanted to try the one-line-firefox: https://github.com/khuedoan/one-line-firefox

https://github.com/khuedoan/one-line-firefox with this one you can open infinite tabs but you might need to change margins to stop visible ui elements from overlapping

The wm is xfce and the theme is b5. I got the walpapers from here(and I set the bg to a vertical gradient). This is the firefox theme, and this is the css I used.

/* One Line Code adapted from https://github.com/khuedoan/one-line-firefox/blob/master/userChrome.css*/ /* Title bar */ .titlebar-buttonbox { display: none !important; } .titlebar-spacer { display: none !important; } /* Tab bar */ #navigator-toolbox { border: 0px !important; } #TabsToolbar { margin-left: 61vw !important; width: 100% !important; } /* Nav bar*/ #urlbar-container { margin-right: 10vw !important; } /* Nav bar*/ #nav-bar { background: transparent !important; margin-top: -36px !important; margin-right: 50vw !important; /*! width 100% !important */ width: 100vw !important; } #urlbar { width: 48vw; } /* URL bar */ #back-button { display: none !important; } #forward-button { display: none !important; } #tracking-protection-icon-container { display: none !important; } #urlbar-container { min-width: 100px !important; } #urlbar { background: transparent !important; border: none !important; box-shadow: none !important; } #page-action-buttons { display: none !important; } #PanelUI-button { display: none !important; } /* User Added */ :root[uidensity="compact"] { --bookmark-block-padding: 3px !important; } :root { --toolbarbutton-border-radius: 0px !important; --toolbarbutton-inner-padding: 0px !important; } #urlbar { --urlbar-height: 36px !important; --urlbar-toolbar-height: 36px !important; } #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) { border-radius: 0px; } #scrollbutton-up[disabled="true"] image { opacity: 0%; } #scrollbutton-down[disabled="true"] image { opacity: 0%; } #urlbar[open="true"] { width: 100vw !important; transition: width 50ms !important; } :root { --tab-border-radius: 0px !important; } #urlbar[breakout] { left: -3px !important; } /* AUTOHIDE */ /* Adapted from https://github.com/marmmaz/FirefoxCSS/blob/master/userChrome.css */ /*Auto Hide Top Bar - to disable auto-hide feature delete rows 1 - 86*/ :root { --uc-autohide-toolbox-delay: 200ms; /* Wait 0.1s before hiding toolbars */ --uc-toolbox-rotation: 65deg; /* This may need to be lower on mac - like 75 or so */ } :root[sizemode="maximized"] { --uc-toolbox-rotation: 63deg; } :root[sizemode="fullscreen"] { margin-top: 0px !important; } #navigator-toolbox { position: fixed !important; display: -webkit-box; transition: height 50ms; transform-origin: top; transform: rotateX(var(--uc-toolbox-rotation)); opacity: 0; line-height: 0; z-index: 1; pointer-events: none; } /* #mainPopupSet:hover ~ box > toolbox, /* Uncomment the above line to make toolbar visible if some popup is hovered */ #navigator-toolbox:hover, #navigator-toolbox:focus-within { transition-delay: 50ms !important; transform: rotateX(0); opacity: 1; } #navigator-toolbox > * { line-height: normal; pointer-events: auto; } /* Don't apply transform before window has been fully created */ :root:not([sessionrestored]) #navigator-toolbox { transform: none !important; } :root[customizing] #navigator-toolbox { position: relative !important; transform: none !important; opacity: 1 !important; }