flamed,
@flamed@social.lol avatar

📝 New Post: An Easy Web.

Jumping on internet discourse again 🔥

https://flamedfury.com/posts/an-easy-web/

robb,
@robb@social.lol avatar

@flamed "My side project ideas aside” glad I'm not the only one thinking about this.

flamed,
@flamed@social.lol avatar

@robb i have my latest Matchbox lined up on my desk right now, taunting me to make a collection page 🙃

sarajw,
@sarajw@front-end.social avatar

@robb @flamed same.

I know terminals are terrifying for most people (totally get that), and of course the non-dev shouldn't have to install a code editor and environment or mess with npm.

I almost feel like we can go super simple in a lot of cases while still having people see the code -

How about just providing a copy-paste boilerplate of a simple single page starter site. It's carefully commented, with obvious areas for editing left open with lots of spacing, "EDIT HERE", "LEAVE THIS" etc.

flamed,
@flamed@social.lol avatar

@sarajw @robb

> How about just providing a copy-paste boilerplate of a simple single page starter site. It's carefully commented, with obvious areas for editing left open with lots of spacing, "EDIT HERE", "LEAVE THIS" etc.

This is the exact thing that I want to put together. A series of similar but different single or multiple-page templates for building fan sites.

https://buildmorefansites.flamedfury.com coming soon!

sarajw,
@sarajw@front-end.social avatar

@flamed @robb yesssssss - like, that people can just copy and throw into neocities, or save as an html file and pop up to @goodenoughllc's https://yay.boo

flamed,
@flamed@social.lol avatar

@sarajw @robb @goodenoughllc 💯 in my excitement i totally left off the drag and drop into Neocities comment 😂

Glad you're on the same vibe!

sarajw,
@sarajw@front-end.social avatar

@flamed @robb

Absolutely! The temptation would be to just throw something like this up on github but I think even that looks a bit too codey for this sort of thing. But I trust in what you'll do, and make it friendly.

I love this idea! I might make one too some day (and leave the classless CSS project unfinished, hahaha I knew this would happen)

flamed,
@flamed@social.lol avatar

@sarajw finish the classless project up, maybe I could leverage it 😊

sarajw,
@sarajw@front-end.social avatar

@flamed ooo....

sarajw,
@sarajw@front-end.social avatar

@flamed Ideas coming now - we can leverage :has() for when a template still has placeholders in it - so you can leave in gallery items with no user-changed image addresses and be like

.gallery-item:has([src="YOUR_IMAGE_FILENAME.HERE"] { display: none }  
goodenoughllc,
@goodenoughllc@mastodon.world avatar

@sarajw @flamed @robb Ah. Certainly something we'd encourage! How do we help enable people to give it a little personal flair as well? 🤔

sarajw,
@sarajw@front-end.social avatar

@goodenoughllc @flamed @robb I know right, I guess I'll be putting the CSS inline and adding comments there too...

sarajw,
@sarajw@front-end.social avatar

@goodenoughllc @flamed @robb in some ways it'd be nice to make a simple page generator - but I don't want to overcomplicate this... It needs a website with an automated "copy to clipboard" or "download as file" but with the code mostly exposed probably... Hm hm hm

flamed,
@flamed@social.lol avatar

@sarajw @goodenoughllc

I think we’re on the right track with drop in html/css templates with instructions commented in…

CSS variables at the top of the styles page with instructions for changing colours or fonts.

A directory of html files for various types of pages and folders for images.

Then a tutorial on how to create an account at somewhere like Neocities and how to drag and drop their website folder in and see their effort live on the web.

flamed,
@flamed@social.lol avatar

@sarajw @goodenoughllc

Im going to do some fansite research and understand what the standard website would look like for a musician, a band, an actor, a movie, a tv show, a computer game, a book, a song etc.

The templates should have simple layouts that are fluid and accessible.

flamed,
@flamed@social.lol avatar

@sarajw @goodenoughllc

Further iterations would include component templates/examples where you can copy and paste into particular places in your html to extend functionality, widgets etc

sarajw,
@sarajw@front-end.social avatar

@flamed @goodenoughllc oh niiiiice. I'm enjoying your vision!

I love the idea that a person can just copy and paste and experiment and grow, and as they get comfy just delete the comments :)

flamed,
@flamed@social.lol avatar

@sarajw @goodenoughllc

I like neocities but wish there were other, similar options.

The thing I observe about neocitizens is that after a while they’re comfortable with html/css and want to start using php for its templating capabilities. Consistent navigation is a pain for static handcrafted sites.

Can a static host expose something like Server Side Includes (SSI)? Are they still a thing? That was Apache right?

sarajw,
@sarajw@front-end.social avatar

@flamed there's a whole load of web dev I don't know that fell in the gap between my teenage site building and my new front end dev career 😅

I tagged in @goodenoughllc because yay.boo is a nice easy file upload, like Netlify was some time ago (now that "just drop your files here" thing is well hidden within deploy settings and no longer central on their landing page).

I dunno if yay.boo might consider adding a UI/text area for inputting HTML & CSS on the web - that's what's cool at neocities.

candide,
@candide@vis.social avatar

@sarajw The Drop page still exists! 😊

https://app.netlify.com/drop

I was just showing it to folks at a workshop I gave recently on .

Although these instructions are suited for that app, they're still relevant for other static sites: https://candideu.github.io/logseq-demo-graph-site-export/#/page/publishing%20your%20graph%20online/block/hosting%20your%20exported%20graph

video/mp4

sarajw,
@sarajw@front-end.social avatar

@candide oh I know it just bothers me that you have to know it's there, I'm sure it used to be front and central to their landing page.

sarajw,
@sarajw@front-end.social avatar

@flamed @goodenoughllc I would say once they're looking at php or other solutions, that's when static frameworks like astro and 11ty come in, and those users are a bit beyond this remit, I feel...

kev,
@kev@fosstodon.org avatar

@sarajw @flamed @robb I was recently made aware of @postowl. It looks really promising.

https://www.postowl.com/

mstrkapowski,

@sarajw @robb @flamed I'm old enough to remember Posterous, which was literally "publish to the web by sending an email". I feel it was a brilliant idea, just at the wrong time.

All this recent talk of making getting on the indie web as easy as possible - which it should be! - has got me wondering where we draw the line between it's an app (site tool) problem and a hosting problem? Elements of both need to be thought about

sarajw,
@sarajw@front-end.social avatar

@mstrkapowski @robb @flamed definitely both.

sarajw,
@sarajw@front-end.social avatar

@mstrkapowski @robb @flamed sorry, let me elaborate - so there are tons of places you can just get your stuff online, so many platforms.

What we want is for it to be easier for people to put their own stuff online, and have it transferrable if say their hosting goes down - much like we mostly can with our personal websites, those of us who've built them.

If someone puts a bunch of html code into neocities, and it goes away, they can plop those files elsewhere. The whole process needs easing.

flamed,
@flamed@social.lol avatar

@sarajw @mstrkapowski

Sorry Chris, missed this one amongst it all last night.

As Sara mentioned already and what I touched upon in my post was that all the discourse was about this tool or that to get someone set up blogging.

We’ve dived into thinking about beyond a blog, special interest “personal” homepages and how to get someone up and running with little friction.

HTML/CSS templates with instructions how to drop their files into Neocities sounds like a great first iteration.

flamed,
@flamed@social.lol avatar

@sarajw @mstrkapowski

Sara’s started by shipping her classless template and I’m going to follow up with a few templates to get some one started to build a fansite!

sarajw,
@sarajw@front-end.social avatar

@flamed @mstrkapowski the classless template still isn't done really, what I've just put on neocities is separate with its own styles. Imma just playing :)

joachim,
@joachim@boitam.eu avatar

@sarajw @robb @flamed I’d like to plug my friend @maiwann ’s project Scribouilli (still only in French for now), it's basically a Markdown -> git -> HTML files on a git-based host like GitHub Pages. The git part of the stack is hidden, no need to trouble yourself with that: Scribouilli handles the project creation on your Git platform, etc. The goal is to provide a very simple way to make and host a basic website.

https://scribouilli.org/

  • All
  • Subscribed
  • Moderated
  • Favorites
  • web
  • kavyap
  • mdbf
  • osvaldo12
  • ethstaker
  • tacticalgear
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • modclub
  • Youngstown
  • everett
  • slotface
  • rosin
  • GTA5RPClips
  • JUstTest
  • khanakhh
  • cisconetworking
  • tester
  • ngwrru68w68
  • normalnudes
  • Durango
  • InstantRegret
  • cubers
  • provamag3
  • anitta
  • Leos
  • megavids
  • lostlight
  • All magazines