I'm building a series of websites that have simple concepts but too many of the players have tried to make their product so big. I also used to live in a very rural area so my goal is to make websites that load fast even on very slow internet. I'm starting with Lynx.boo.
A linktree style website that lets you fully customize your CSS (and adds a bunch of classes to your links to help style them easier as well as very non-restrictive CSS you can do html{display:none;} if you really want to) and the features aren't locked behind yet-another monthly fee. I'll be adding analytic support when I figure out the best way to do it.
Also there isn't a user system (per se), you just confirm changes by email but you never register for the site and you won't be spammed. Please feel free to try to break the CSS (or anything) as much as you want. I think it's fairly robust but I would love any security vulnerabilities you see.
Thank you for your time!
I spent time teaching in Alaska and it made me really appreciate websites with small footprints.
Some time ago I trialed a bunch of classless CSS projects, paired with Hugo using the "classless-blog" theme, and these were my top picks, out of order:
- holiday: https://holidaycss.js.org/
- bamboo: https://rilwis.github.io/bamboo/demo/index.html
- fieber: https://fieber.hack.re/
- pico classless: https://picocss.com/docs/classless
- yorha: https://metakirby5.github.io/yorha/
- simple: https://simplecss.org/
- water: https://watercss.kognise.dev/
- bolt: https://boltcss.com/
- Lissom.CSS: https://lissomware.github.io/css/
All of them except yorha have light/dark modes, and all of them except yorha are IMO too light by default in light mode.
Anyway nice job!
the opposite is also true - just because you're using plain html and css does not mean your site must be super, super simple.
Its size in kilobytes varies depending on how many posts are displayed on the front page.
Like Upwork where the client rates and reviews the SW but the SW rates and reviews the client. New accounts on either side are treated more skeptically but also the power users are also more easily identified.
When backpages was shut down I spent a few days playing around with it but ultimately between the legal risk (which I'm fine with, generally), the social risk of being the guy who runs a SW website (even though I've never hired a SW before, myself), and the internal debate I had about trafficking (I was pretty convinced my system would protect girls from trafficking but I wouldn't be able to live with myself if I did actually enable someone to be trafficked.
I think you have a valuable website and I don't think enough people are willing to openly operate in this area.
Thanks for the example :)
My favorite 'touch' is the in-situ text replacement for canceling an action.
Having personal experience designing in the context of / restoring brutalist architecture (the kind people live and work* in), I submit with gratitude that this tool misses some key aspects of the style:
1. No concrete used in construction, and therefore no concrete smell, aka "eau de mid-century Americana."**
2. No sense of impending arrest by secret police around every corner.
3. Does not require regular pressure washing to avoid looking like a set-piece from a post-apocalyptic horror movie.
* for certain values of "live" and "work" ** sans cigarettes
0 <https://www.nasa.gov/wp-content/uploads/2015/01/nasa_graphic...>
I know your comment is being funny, but I will note that brutalist design in websites is a different design theory than in architecture (though, I'm not specifically conforming to any design)
brutalistwebsites.com seems to interpret brutalism as "I use monospace, maybe I'm monochrome and I don't need to put much on this page."
My own idea for what brutalist web design should be: "I have one good CSS file which I include in my project. It looks fine and now I'm done worrying about the design."
I personally refer to my style as "Marketing Brutalism".
Have a goal for the end user (an action or an enlightenment depending on the sites purpose.)
Make it clear and concise.
Good enough is a feast. You just need to appear 51% trustworthy.
If you are IBM in the 80s and you've successfully promulgated the meme "No one ever got fired for choosing IBM" than you are already there.
This is of course assuming a blind exposure, and you've done nothing to get people to tie their identity to your brand, once a persons personality is wrapped in your brand you just have to shovel products in front of their face and their families faces during the holidays.
It's added to the roadmap to investigate more.
maybe some combination of the <noscript> tag and then if so wrapping the buttons in <form> and making the buttons submit those forms?
The easy way to make it simple is do it as a form and then embellish it with javascript. Maybe counter intuitive but still. Let the javascript mangle the form so it does not look like a form and Bob is your uncle. By always using that pattern you easily end up with good usability and accessibility.
The same as with CSS. Make good content with nice semantic HTML. Then go crazy with super cool CSS.
But I am an old fart who hates Tailwind with a vengance. But I do acknowledge it get work done and many think it is great. So I will sulk in the corner and say that they are doing it wrong. Old man yelling at clouds.
Next: REST is great but misunderstood. I do not miss SOAP.
But know this: I love your sentiment and attitude. Nice job! Grumble ;-)
The validation on the form page doesn’t require a valid url but when you hit submit the validation fails if the url is incorrect. When you click back to go correct it you can’t fix it because the submit button is still spinning.
Also requiring a title for a url doesn’t seem necessary, just use the domain as the title or the url itself if it’s empty.
Sorry don’t have any other feedback I stopped there.
Also I need to fix the submit button problem.
Edit: This has all been fixed.
Some additional feedback:
Still would be nice to just put in website.com and have it assume I mean https://website.com
- If a title is required maybe offer the option to just set the title as an emoji or something. This is definitely just my personal feedback I could be an outlier here.
- Once I submitted the email went to spam. I assume there’s not much you can do here other than become more established.
- After clicking the confirm link I’m taken to a page that says my changes have been confirmed and saved. I’d expect messaging along the lines of your page has been created along with a link to my page. Screenshot: https://www.dropbox.com/scl/fi/leus6ntppsf9yihe6i1sb/Lynx.Bo...
- At this point the only way I found to get to my page is just to type in what I assumed was the url format into the browser: lynx.boo/username
Wrote the feedback as I went through it. Once I see the page itself I understand why a title is required and an emoji might not make sense. Love the super clean layout and simplicity though, I will keep this tool in mind.
You can disagree and think that the OP was letting the definition of "minimalism" and "brutalism" do too much heavy lifting.
But you rather imply that without javascript you cannot create a "winning" website. And ignored that the OP has a real point: Can we call a website minimalist if it requires javascript. It was not excluded that you could embellish (maybe a lot) with javascript. In the same way I would expect javascript to load async.
While I have heard your argument before it implies a really interesting design "smell". On that we might disagree. But it is there nevertheless.
Your curiosity implies that winner takes all. I agree that javascript has won. But I feel you imply that it is then ok for the victor to burn down the village. We forgot what made the web. The foundation is still html and not javascript. What I read as the "javascript attitude" makes is harder to transition away from javascript when that day comes.
Javascript is really great. Warts and all. But the "strong" proponents keeps forgetting the beauty in separation of concerns. On this point we can then have an honest disagreement.
I hope I do not come off too harsh. I genuinely wanted to address your curiosity.
I think the OPs pov is quite clear. So with your reaction I suspect we also disagree on JS0 and JSugar. That is again some bad voodoo on how to seperate concerns from people who looks at who is winning now and missing the bigger picture.
HN for a start ...
It is utterly trivial and totally useful.
I don't like the bookmark feature of a browser because if I switch browsers or use another computer, it's gone. The file gets backed up, too.
Aaaahhhnnd, I keep a spiral paper notebook on my desk for ... notes!
Tables are pretty simple:
<table border=1 cellpadding=4 cellspacing=0>
<tr>
<td> <A HREF="https://www.google.com">Google</A>
<td> <A HREF="http://slashdot.org">Slashdot</A>
<td> <A HREF="https://www.ebay.com">Ebay</A>
Www.myurl.com
For reasons unknown
Then I have to refresh and then I don’t want to do it again.
Edit: or better yet, a little bit of javascript to catch it first. I'm really trying to use the minimal amount of JS possible.
My site link of
> Avi Perl's personal site!
Shows as
> Avi Perl's personal site!
On the edit page, there's no link to my homepage where the links are shown. In fact, it wasn't obvious that that's where I needed to visit in order to see my links. It was a guess that brought me to my page.
The confirmation links are going to spam in Gmail.
Perhaps the confirmation page can have a link to redirect me to my edit page, or my homepage?
With a very long bio, on mobile, the last button is floating over your text on the bottom which doesn't look great.
On mobile, the text on the bottom of the page is also a bit off-kilter in its centering.
Idea: If each entry had its own short name, you could also operate as a URL shorter. If I could add "p" as the "short name" for my personal site, lynx.boo/aviperl/p could function as an alternative to tinyurl. Combined with an option to hide the URL from my homepage, I never need those services again. :)
What happens when you need to reclaim a URL for the site that someone has already set up as a user? As the owner of your about page, I guess I'll find out :D https://lynx.boo/about
1) Not rendering special characters (especially basic punctuation) is a rookie mistake. Good catch. 2) confirmation links will go to spam in pretty much all mail clients. I'm investigating more because I have all the things an email should but also it's on a no reputation ip and I would bet my neighbours don't have perfect records. But as part of the whole "internet the way it used to be" thing I'm not using these SMTP operators.
3) I noticed the issue with the footer last night before bed. Luckily that's an easy enough fix.
5) your saying the footer text is off centre? I'll have to look at why..
4) redirect to the page is going in today. Before I had it as an unstyled text notification but that was too minimal for me. I haven't added a bunch of logic yet.
(I accidently read those out of order)
6) funnily enough, I have a 90% finished "bit.ly but minimal" site that I started before this which has QR support and basic analytics but I ADHD'd into this idea. I'm going to launch that as part of this minimalist suite. That doesn't mean things can't be borrowed though.
7) Actually I think there are much cooler domains to snag. You can use single characters, you can use emojis, you can do a lot. I did reserve a handful but where would I draw the line? If you are purposefully exploiting it trying to pretend to BE LynxBoo we would have problems but otherwise I want to reward creativity and I hope people grab all sorts of fun names.
Another note: in the email, it's totally not clear what I'm "approving" which is not really a huge issue. But it might be nice to include the username in the email.
nc apitman.com 2052 <<< /txt/feed
I also have a few PHP scripts to help me view the links https://eapl.me/links/all_links.php?tag=dev
It’s not the easiest thing to manage, so I'm thinking of more scripts to update or delete old links from the web instead from SSH like I do now.
+1 to the other comment about not needing to name a link (be great if it grabbed the page title or allowed the url only.)
The confirmation went to spam.
Probably this is not the spirit of minimalism (but maybe the spirit of Unix), I would love to be able to augment this with other services: this stays a very minimal link hosting but it offers web hooks and an API key. This means if a link was added, I could self host with something that uses an AI to summarise the for example, or extract a screenshot from the page, or triggers something that adds it to my notes, etc… To me, this would be a great way for the web to be. Rather than companies trying to scale up around link sharing, or be open source and hope people will dive into a codebase.
I am trying to make it difficult for bots to create/edit lynx because spam etc.
I should note it on the site that the confirmation might go to spam.
1. Bare bones. Pure utility, any styling is simply for readability. Craigslist style.
2. Big, garish, bold; sometimes called Nu-brutalism or Sportsbrut.
I should note that each of these has very little, if anything, to do with the 20th century architectural trend, which focused on applying usage of basic shapes and raw materials at a large scale. On the web, the "raw materials" part is the only real connection to the origins of the term, with the first one focused on lofi design with basic tooling, and the second highlighting garish things you can do with basic forms.
Neo-brutalism is another trend to note; think of it as a focus on raw shapes with some niceties added on top to make things more interesting.
Links:
1. https://www.smashingmagazine.com/2020/01/split-personality-b...
2. https://medium.com/@sepidy/how-can-i-design-in-the-neo-bruta...
Great links
Both utterly pedantic quibbles that are completely intended to be ignored.
Good job.
And & isn't available to search literally on Twitter so if you want to see what people are talking about you without tagging you you can't.
I need to get better at it.
Admittedly, I just assumed most people would use it in their bios on social media and I also use it on a QR code.
It's a fair critique. I was going to make the logo a lynx but decided no images.
I had no trouble going from landing -> working link page. The confirmation email did go to junk mail, though that was already expressed/known. I marked it as not junk in case that counts for anything.
I found Linktree is very popular amongst creators on Tiktok for sharing their various profiles, but I always thought it would be cool to find or build a simpler alternative with a cleaner UI. You built it! I think TT and IG would be a good place to advertise too if you're looking for more users, since creators there often need a table of links under a single URL.
This seems like it could be abused pretty easily. Not necessarily insecure but I could get a lot of spam no?
It could be annoying but it seems an edge case to be abused.
I suggest toning down the brutalist "look" just from 10 to 9. Two things you can do that will keep the soul of your site and make it more usable: - add system-matched light and dark mode, that 100% white is very aggressive and bright, too much so and is putting me off using it. - just bring the white and black in a tiny bit from 100% white and 100% black, make it a slightly softer grey and almost black. Again this is more about making it accessibile to eyeballs. Brutalist doesn't mean unpleasent afterall.
I had this on the homepage but removed it. I'll add it back, I also want to add some examples of custom CSS so people can copy/paste.
It's the plan but I have a bunch of stuff that I hard coded in the final push that I would need to make into variables.
I already have the code there to make people do follow. I was just going to make an automated program that saw people who generate traffic and put it into a queue to manually check.
Just provide a text box which accepts a list of entries where each entry is just "title URL". That's what I expect from this being brutalist.
Notify line number with the link if text box contains invalid url.
In other words, how much should people assume this'll stick around and be with investing time and habits into?
Many others have said things I agree with.
I would make the submit button the higher button and make it a more compelling color.
The very first link I input was immediately erased because the button was red!
Thanks for sharing. I like the minimal design.
For increased brutalism, I'd suggest another color theme, though... needs moar gray.
doh!
My website: https://www.orawalters.com/ My lynx: https://lynx.boo/ora/