Everyone shares their fancy dashboards, so I thought I'd share the polar opposite haha. Still working on setting up more services

I like this. :) Function over Fashion is a motto I live by.

I like that. I've always preferred form follows function, though. Get it working, then you can make it pretty.

Ironically to me form follows function sounds nicer but doesn't make as much sense

Maybe a little body{font-family: sans-serif;} Could help

I think you mean `` Creating a separate file or HTML tag for a dashboard is crazy! You wouldn't want it to get bloated.

It [can be](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style) in the same file oops can't read

hence why i said > or HTML tag

Inline style vs css, css file is cleaner as it can be in a separate file

For a large project sure. For a 20 line html file that hosts 5 links, is it really an issue?

The assumption is that like for all of us his homelab will only get more elaborate. Best to start with good practices.

You misspelled it… Lemme fix that for you body{font-family: "Comic Sans MS";}

Looks very similar to mine, but mine runs in nginx

ask ChatGPT to write a html with CSS, pair that with a generated background image of your description

The most underrated comment of all time.

Then it will just be Homepage with extra steps

At least it won’t be vulnerable to remote code execution lol

How is Homepage vulnerable to RCE?

I guess not anymore (maybe) but there have been several security issues originating from its ability to query and surface data in the widgets and etc. https://github.com/gethomepage/homepage/security/advisories/GHSA-24m5-7vjx-9x37 I actually still use it, just NetworkPolicy-ed to the point where most of the features no longer work

Atleast you have a dashboard. i think i have one bookmark. :D

I have always been a proponent of raw HTML. Give me anything you can do in HTML5 and I will give you a cleaner raw HTML solution (Ok maybe a lil CSS too)

https://motherfuckingwebsite.com/ Relevant

You’re in good company. https://berkshirehathaway.com/

I love the bit where if you have a comment about the shonkiness of their site, they invite you to send them a LETTER about it, which they'll ignore. I'm putting that on every site I make in future.

Did Samuel L Jackson design this? It's beautiful!

I like this but maybe just a little bit of style? Look up MVP.css. You can add one line to the top and get some decent baseline styles. I use it on nearly every new project. Here’s the one line: ``

hey at least it loads fast

HTMLis king!

I am with you. I like the minimalistic approach. I use flame dashboard which is the perfect mix of functionality, simplicity and beauty. Take a look on it: https://github.com/pawelmalak/flame

Hah close to the same thing as mine if I deleted my stylesheet.css file :D

I HAVE YOUR IP ADDRESS YOU FOOL PREPARE FOR THE RECKONING

Mine is 127.0.0.1

Jokes on you, I just DDoS'ed [127.0.0.1](https://127.0.0.1). But I'll have to do more later, getting weird packet loss atm.

lol what a shitty IP address. Mine is 255.255.255.255 and I just *love* to broadcast it to the world

Holy shit 255...... It's GOD! You have the last IP address on Earth! Let us know how we shall serve you. Fanning your face, massage, feather to the butt. Whatever you want.

Why is my website on your ip? DID YOU STEAL MY CODE?

I’m hacking the mainframe.

Mine is 127.94.255.67

I’ve got your home address Mr. Sheepy Trevor Bogon.

Damn

AHHH NOO PLS MERCY

U want mine? I’m 192.168.5.1

It never ceases to amaze me that people try to hide their internal addresses.

[удалено]

Careful big boy or I'll hack you too Edit: Well now my comment doesn't make any sense. The guy above me said "Dude you probably don't even know how to turn on a computer let alone hack one. Too dumb to even know that's an internal ip address so good luck with that 👍🏻"

My dad owns Microsoft, he’ll ban you

Someone missed the joke..

At least it won't take 30 years to load

I miss HTML

It's still here! And I think we will soon start to move back towards it in the next few years.

I‘m still using HTML to do all the crazy shit customers want quickly. Yes, mixed with CSS to make it fancier and a little js for modern functionality, but if you just write it inline, it’s lightning fast. And AI is already pretty good at helping you do it. If you know what you want, even an ollama with llama3 can do HTML pretty fast.

I mean technically isn’t everything still html? JS just manipulates the html, frameworks like rust and vue just build the html/js essentially. It’s all still html no? Maybe you miss the nostalgia for simpler times when web development was more straightforward, primarily writing in static HTML files with some CSS and basic JavaScript?

Minimalist and informative that's all you need

It's beautiful. https://motherfuckingwebsite.com/

This is actually awesome.

May i suggest a css library ? It will be much better :) [https://jdan.github.io/98.css/#intro](https://jdan.github.io/98.css/#intro)

Gorgeous. Might actually use this for a couple upcoming projects.

There is also xp one as well [https://botoxparty.github.io/XP.css/](https://botoxparty.github.io/XP.css/)

I hope that someday companies and web developers inexplicably redesign their websites using these design systems as a meme

It is actually navigator

Fastest web in the west

I too make my own https://imgur.com/a/o7OyZEW couldnt care less about useless stats like load storage etc

Instead of using a glow you can just use bottom and right borders in css, and it'll look cleaner.

i think it looks great, all he need is some border radius and marquee text

I HATE BORDER RADIUS. :) stupid round things everywhere I hate it.

What kind of Linux ISOs do you have under those "redacted"?

This mf here, back in the 90s.

1ms loading time so yeah

To be honest this is literally where I started with my dashboard (now I have a fancy homepage)

Well show us that fancy piece of site you got. I want to compliment some stranger and make their day a little better. Go on.

Ahah thanks! I posted it in the past actually, [here](https://reddit.com/r/selfhosted/comments/1cn0gge/proud_of_my_setup/)

You know what, I actually like it. I need to do the same. Function over design.

Sometimes design IS function. I would at the bare minimum change the link style so it's not purple on black background.

Perfection.

It's beautiful. Look at that subtle purple on black coloring, the tasteful thickness of the font. It just needs a watermark.

What does the https port for jellyfin do?

Trade secrets.

Alright then, keep your secrets.

Wait but he's offering to trade!

Oh okay, my secret is that one time in middle school I accidentally farted near this girl I had a crush on and my best friend ended up taking the blame. She and I are married now, thanks brother. Okay, I'm ready for their secret now.

>Okay, I'm ready for their secret now. See, that's the neat part, you don't.

So I assume this is the default page when you open your browser? I’ve been considering blowing 25 years of dust off of my html skills and doing this myself. Would there be a safe way of exposing something like this to the internet so it’s accessible from outside of the home?

Put your shit on a subdomain, reverse proxy it, and put 2FA enabled security like Authentik in front of it. That's what I do anyway.

Do you have login on it?

To be fair the only reasons I use a dashboard is: easy to identify due to big icons, it's easier to click big rectangles and I can see in 2s if smth is down. So if you can aim and remember a list of 6 items I only see a W here ¯\_(ツ)_/¯

Personally I use [Homepage](https://github.com/gethomepage/homepage) for such landing page.

Came here to say this. Homepage is very good for this

I would add some css to make it a little bit prettier

Useless ! Use Time New Roman only !

What is this revolutionizing technology!?

I would have put a CSS just for a sans-serif font and different links colours (to make them easy to read)

Nice, you use the same, uh, dashboard toolkit that I do!

i love it.

Is this your….. pride and joy?

This dashboard has the most drip of any dashboard that has been posted

I like it it's simple and it will work via a terminal browser as well

Links? Do you have docker container? Please provide docker-compose.yml. What plugins are available? Will it cook my food for me?

you ever hear of this thing called CSS, you should check it out, would really jazz up your dashboard.

When you ask a backend developer to make a front end.

peak efficiency right here. mine is exactly the same except I asked chatgpt to make it touchscreen friendly and it made some nice big buttons for me

My dashboard is just a login screen that waits a few seconds before telling you your password is incorrect. I have bookmarks for all my stuff and I don't use them because I remember the URLs and type them in.

Haha, [this is mine](https://imgur.com/a/fU3i4pU). Old school hand coded tables in raw HTML. The only concession I've granted is to make it mobile responsive (second screenshot), which is as simple as adding a ```meta``` in ```head```: > The middle column of the table contains the ending octet of the internal IP together with the port, just for fun.

5/5 Stars

Good one, I suppose you have that in kubernetes, and save the links in a redundant Galera cluster, caching the queries with Redis Sentinel, and of course monitorized with Prometheus, Grafana and Loki. Not forgetting to secure it using Crowdsec, Wazuh and Falco, and putting it behind Authelia (connected to a ldap server). Nice and simple, as everything in /r/selfhosted.

it aint much but it's honest work

i just use bookmarks

Is this a stevie ray vaughan tribute server? 😍

Someone please wipe my happy tears

What framework did you use? /s

[Here is my SRV Landing Page](https://www.youtube.com/watch?v=hLWm9GRRsN8)

As a self-hosting enthusiast - AMAZING!!! As a web developer - WHAT DID I JUST LOOK AT!!!

You know, I did something like this in a document that I keep on my wiki.js but it would make a lot of sense and be a lot easier to get to if I just had a web page to visit. Only concern is it being public. Is anyone familiar with adding a login screen to a website? I need to learn to do that anyway.

Often something like this will do. I think doing that myself as well.

I have it the same, except I stole some fancy-pants CSS from a linktree Image: https://ctrlv.link/bW1E