22

I'M BACK TO MY WEBDEV ADVENTURES GUYS! IT TOOK ME LIKE 4 MONTHS TO STOP BEING SO FUCKING DEPRESSED SO I CAN ACTUALLY STAND TO WORK ON IT AGAIN

I learned that the linear gradient looks cool as FUCK. Honestly not too fond of the colors I have right now, but I just wanted to have something there cause I can change it later. The page has evolved a bunch from my original concept.

My original concept was the bar in the middle just being a URL bar and having links on the sides. If I had kept that, it would have taken me a few hours to get done. But as time went on when I was working on it, my idea kept changing. Added the weather (had a forecast for a while but the code was gross and I never looked at the next days anyways, so I got rid of it and kept the current data). I wanted to attempt an RSS reader, but yesterday I was about to start writing the JavaScript to parse the feeds, then decided "nah", ended up making the space into a todo list.

The URL bar changed into a full command bar (writing the functions for the commands now, also used to config smaller things, such as the user@hostname part, maybe colors, weather data for city and API key, etc)....also it can open URLs and subreddits (that part works flawlessly). The bar uses a regex to detect if it's a legit URL (even added shit so I don't need http:// or https://), and if it's not, just search using duckduckgo (maybe I'll add a config option there too for search engines).

At this very moment it doesn't even take a second to fully load. It fetches weather data from openweathermap, parses it, and displays it, then displays the "user" name grabbing a localstorage value.

I'm considering adding a sidebar with links (configurable obviously, I want everything to be dynamic, so someone else could use my page if they wanted), but I'm not too sure about it.

It's not on git yet because I was waiting until I get some shit finished today before I commit. From the picture, I want to know if anyone has any suggestions for it. Also note that I am NOT a designer. I can't design for shit.

Comments
  • 7
    uigradients.com
  • 2
  • 1
    Looks like a sunset :)
  • 1
    https://flatuicolors.com/ here's a very helpful one

    thanks a loy @odite and @Fast-Nop for those links, they seem very helpful
  • 0
    @TheCommoner282 I actually haven't used any frameworks at all, just vanilla JavaScript. I honestly never planned on using any frameworks. Also it's mainly been a matter of "oh this looks good", then a week later I decide "oh that looks like shit, lemme change that". But I'm starting to get to a point where I just want the damn thing to be done and I'll just refuse to change anything. The weather function is staying as the current data, and in the top right. The todo list is staying on the right side under the weather data. It's starting to become something I'm happy with, which is something I've always had a huge problem with.

    Basically it's gonna be command bar, weather, todo, possibly links (I'll see how it looks when I'm done throwing it together and decide whether it fits the page).
  • 1
    You should rainbownize your polybar (or whatever you're using) too! I also started building a startpage, but then I found it faster to integrate then to my WM bar instead
  • 1
    @GlowSquid WAIT I CAN DO THAT?

    FUUUUUUUUUUCK IMMA HAVE A GOOD TIME THIS WEEKEND
  • 1
    I'm not fully sure about polybar, but can do a lot of widgets on the wibar in awesomewm.

    Some things to add to your website:
    - Speed dialler that automatically fetches favicon
    - a good morning/evening greeter based on time
    - currency converter
    - Display public IP
    - Check uptime status of your websites through curl
  • 1
    @GlowSquid One thing I have is the red VPN text on my polybar that, if I have a VPN active it'll turn green and display my public IP

    Also, speed dialer? I'm not quite sure I get what you mean.
  • 1
    Speed dialler is what you see when you open a new tab. Basically just your favorite Bookmarks displayed as boxes with the favicon/thumbnail as image.
    I use the same type vpn widget as well https://github.com/GlowSquid/...
  • 1
    @GlowSquid OH I never knew the name for that. I've always been like that, where I know what the thing is and what it does but I can never remember the names of them.

    One day when I'm happy with my setup I'll post my dotfiles. I'm just giving everything time to kinda figure out exactly what I want. My current riding was just kinda threw together over the course of like 6 hours one night, except my startpage. Over time I've just added little parts when I have the thought "oh that'd be cool to do, let's write a script for that"
  • 1
    .@infernalempress Same with me. I'm never really happy with my setup, but I love tinkering. I have an upgraded version, but didn't release it yet as it still looks hideous
Add Comment