this post was submitted on 14 Jul 2023
199 points (94.2% liked)

Selfhosted

40006 readers
574 users here now

A place to share alternatives to popular online services that can be self-hosted without giving up privacy or locking you into a service you don't control.

Rules:

  1. Be civil: we're here to support and learn from one another. Insults won't be tolerated. Flame wars are frowned upon.

  2. No spam posting.

  3. Posts have to be centered around self-hosting. There are other communities for discussing hardware or home computing. If it's not obvious why your post topic revolves around selfhosting, please include details to make it clear.

  4. Don't duplicate the full text of your blog or github here. Just post the link for folks to click.

  5. Submission headline should match the article title (don’t cherry-pick information from the title to fit your agenda).

  6. No trolling.

Resources:

Any issues on the community? Report it using the report flag.

Questions? DM the mods!

founded 1 year ago
MODERATORS
 

Hello, This is my first website and I want some feedback from you guys. It's very basic and I haven't added much. just wanted to host something so I threw invidious and whoogle instance there. My ISP doesn't provide a static IP so I had to host it on tor :( what else do you think I should host there? server spec: 15 year old computer with i3 first gen cpu.

Edit: Here is the URL if you want to visit the website: ot6ewcgzioleglf2jp2iofludol3hw5gcaycaj7n5tolf6wcu7ofbzid.onion

top 50 comments
sorted by: hot top controversial new old
[–] Pyroglyph@lemmy.world 57 points 1 year ago (1 children)

Looks fine for your first website! I would change the colour of the text, though. Black on another dark colour is kinda harder to read. You can catch these problems by opening Firefox Dev Tools (F12), going to the Accessibility tab, and changing "Check for issues" to "Contrast". It'll list all the elements that have too low a contrast ratio.

[–] kionite231@lemmy.ca 15 points 1 year ago

Done! I have changed the text color. this website is great to get color contrast. https://coolors.co/contrast-checker/d2e2f4-083445

[–] Saigonauticon@voltage.vn 28 points 1 year ago* (last edited 1 year ago) (3 children)

Plain old static HTML is fine, and you can host it on a potato! Here are some design tips to keep it easy to read. None of them are objectively correct, and you are already doing some of them. They are just some suggestions as you move forward:

  1. Don't use dark-on-dark fonts. Use near-black on off-white or at least something high contrast.
  2. Break up content using horizontal rules and various headers You can style both of them in css. This keeps things easy to find and read.
  3. Generally, do not center-align text if it is more than one line. If you need to display blocks of text side-by-side, put each in a container then left-align the text within those containers.
  4. Use a bigger font than you think is strictly necessary.
  5. My preference is to use sans-serif fonts. Google makes some good free ones. Sometimes I'll go back and make titles serif only.
  6. Resize and compress your images. A bit higher resolution than you need but with lower quality is usually better than the reverse (for jpegs)
[–] ChaoticNeutralCzech@feddit.de 41 points 1 year ago (2 children)

make titles serif only

I don’t want to question your aesthetic choices but I think it hurts readability.
xkcd 2736

[–] Saigonauticon@voltage.vn 4 points 1 year ago

Haha, you got me there. So I guess you could more correctly say 'a font with serif for titles only'.

[–] FlyingSquid@lemmy.world 2 points 1 year ago

Surprisingly, I can't find that made as an actual usable font. I would have thought someone in font design would jump at the chance just for the fun of it.

[–] notfromhere@lemmy.one 6 points 1 year ago (1 children)

They’re hosting on tor, they probably don’t want internet hosted fonts from Google. There are tons of CC licenses fonts available that are very useable.

load more comments (1 replies)
[–] tamal3@lemmy.world 1 points 1 year ago (1 children)

I have seen multiple references to running software "on a potato" in the last hour. What in the world does it mean to run something on a potato? (Like... pickle electricity? That's all I've got.) Please advise...

[–] Tippon@lemmy.fmhy.ml 1 points 1 year ago (2 children)

A potato is a very slow computer. Usually old and / or low quality. I've got no idea where it comes from though.

[–] raef@lemmy.world 3 points 1 year ago (2 children)

It originally referred to a camera, so a meme to draw attention to poor quality pictures--"camera is potato" and then "potato quality"

load more comments (2 replies)
[–] Jfqs6m@lemmy.world 3 points 1 year ago (2 children)

I would imagine it comes from the fact that you can generate electricity with potatoes

load more comments (2 replies)
[–] rarkgrames@lemmy.world 25 points 1 year ago (1 children)

It needs an “Under construction” animated gif

[–] metaStatic@kbin.social 5 points 1 year ago (1 children)
[–] Hobo@lzrprt.sbs 6 points 1 year ago

Animated 90s 3d nukes.

[–] Agility0971@lemmy.world 16 points 1 year ago

i disagree with the color of the text. too much contrast. may I suggest it being dark blue?

[–] Mydayyy@lemmy.ml 14 points 1 year ago (1 children)

For the IP issue: You can look into some service which automatically updates your domains DNS. It's been a while but back then one of those was DynDNS, not sure if they still exist, but others surely do.

[–] kionite231@lemmy.ca 10 points 1 year ago (1 children)

I forgot to mention that I am also behind CGNAT. I bought a VPS for a while but couldn't keep with the cost. Right now the cheapest way of hosting a website for me is through tor.

[–] fraydabson@sopuli.xyz 12 points 1 year ago (2 children)

What about using cloudflare? You can setup a tunnel on the hosted server so cloudflare dns knows where to find you without your IP

[–] RustedSwitch@lemmy.world 3 points 1 year ago (1 children)

I had no idea this was a thing. Do they charge a lot for this? What’s the service called?

[–] fraydabson@sopuli.xyz 6 points 1 year ago

They have a free plan that’s all I use. Go to cloudflare.com and register a free account. Point your dns/name servers to cloudflare. Then on your dashboard in cloudflare is a section for tunnels. It will walk you through how to install the tunnel. Then you should be good.

load more comments (1 replies)
[–] rarkgrames@lemmy.world 12 points 1 year ago

It needs an “Under construction” animated gif

[–] amanaftermidnight@lemmy.world 12 points 1 year ago (4 children)
[–] activator90@lemmynsfw.com 1 points 1 year ago

Maybe he doesn't have the money to rent a domain or VPS

load more comments (3 replies)

This is great but also seeing the words "my first website" with links to services from post 2000 makes me feel ancient 😭

[–] XTornado@lemmy.ml 9 points 1 year ago (1 children)

Maybe paste the url here? Just saying... 🤔

[–] kionite231@lemmy.ca 2 points 1 year ago

ot6ewcgzioleglf2jp2iofludol3hw5gcaycaj7n5tolf6wcu7ofbzid.onion

[–] nothacking@discuss.tchncs.de 8 points 1 year ago* (last edited 1 year ago)

The single biggest improvement from here is to increase the contrast so the text is readable. https://contrastrebellion.com/

[–] thermal_shock@lemmy.world 8 points 1 year ago (1 children)

Even without a static, you can use services like ddns.net to auto update if your IP address changes with their app. Pretty simple setup, free version too.

[–] FippleStone@aussie.zone 3 points 1 year ago

But just to note, this doesn't work if your ISP places you in a double NAT situation by using carrier grade NAT

[–] XTornado@lemmy.ml 7 points 1 year ago* (last edited 1 year ago) (5 children)

For ip thing you should be able to use CloudFare Tunnel free service, works with dynamic IPs and without opening ports

That said do not ask me for help, I haven't used it.

load more comments (5 replies)
[–] JackGreenEarth@lemm.ee 6 points 1 year ago

If it's just going to be one page with thinks to other things, an idea for making it look nice is to have 4 semi transparent background squares with border radius, with an icon and text description of the service in the square. It could adapt to screen size so the squares would either be in a row, a column, or a grid.

Of course, if you already had a vision I don't want to interfere with that.

[–] meisme@lemmy.world 6 points 1 year ago

Cool but needs more contrast, it's impossible to read for the visually impaired.

[–] Pyroglyph@lemmy.world 5 points 1 year ago

Looks fine for your first website! I would change the colour of the text, though. Black on another dark colour is kinda harder to read. You can catch these problems by opening Firefox Dev Tools (F12), going to the Accessibility tab, and changing "Check for issues" to "Contrast". It'll list all the elements that have too low a contrast ratio.

[–] thermal_shock@lemmy.world 5 points 1 year ago (1 children)

Even without a static, you can use services like ddns.net to auto update if your IP address changes with their app. Pretty simple setup, free version too.

[–] Darkrai@kbin.social 5 points 1 year ago (2 children)

That's what I do. Funnily though, I can't remember which device is hosting the auto update client to update ddns. As long as it's still updated right? Lol

[–] Xcf456@lemmy.nz 2 points 1 year ago (1 children)

What do you use to auto update ddns?

[–] Darkrai@kbin.social 1 points 1 year ago (1 children)

The auto update client, it's halfway down this page on how to automatically update your hostname/IP.

https://www.noip.com/support/knowledgebase/dynamic-dns-ddns-troubleshooting-guide

load more comments (1 replies)
[–] thermal_shock@lemmy.world 1 points 1 year ago

Yeah, it's probably running as a service, no icon anywhere. Should be good.

[–] IceTree@iusearchlinux.fyi 5 points 1 year ago

It's beautiful. Plus FOSS services let's go!

[–] reddithalation@sopuli.xyz 4 points 1 year ago

If you use cloudflare, there's a docker container to update your sites DNS records to your current dynamic IP (also cloudflare is good ddos protection) https://github.com/oznu/docker-cloudflare-ddns

[–] kevin@lemmy.sdf.org 3 points 1 year ago

I had this problem once, Pagekite.net is made for exactly this. There are also some VPNs that provide static IPs - one in my part of the world is Franciliens

[–] Ragnarok022@lemmy.world 2 points 1 year ago
[–] tracyspcy@lemmy.ml 2 points 1 year ago

I like aesthetics!

[–] kevin@lemmy.sdf.org 1 points 1 year ago

I had this problem once, Pagekite.net is made for exactly this. There are also some VPNs that provide static IPs - one in my part of the world is Franciliens

[–] Agility0971@lemmy.world 1 points 1 year ago

i disagree with the color of the text. too much contrast. may I suggest it being dark blue?

load more comments
view more: next ›