index

the sinister potion

antidisciplinary fun haver, cartoon mad scientist, objectpilled surrealist, universal collector, lover of perversion, spiritually nullo

art @unrealward

posts from @index tagged #reference

also:

escott
@escott
updated: 5 Mar 2024

hi this is v2 of my cohost resources post, i accidentally deleted the other one, and i had to remake this from memory and my browser histories.

please comment if you have cool tools/advice/resources that I can collect here <33

prechoster, my best friend
  • so remember that in cohost, you can use a limited set of html tags, and the only way you can style them is through the style="" attribute
  • prechoster allows more kinds of code and converts them into html+ for cohost posts
  • my main use for it is style inlining, where i write html with class attributes and a separate css stylesheet that targets those classes, and then prechoster inlines the styles
  • i also use it for editing long posts as it has a decent text editor and a preview
other resource lists
pages to follow
styling and css
tools i like
how to math
  • Convert TeX to HTML by pommicket, which outputs flat HTML that you can just paste into your post. However note that the MathJax font used doesn't render in my mobile firefox.
    • example: 1+1𝑥𝑥
  • prechoster also allows using KaTeX in writing posts
    1. go to the sidebar
    2. go to examples and templates
    3. use the "KaTeX MathML" template
      • this works because cohost supports MathML, so all prechoster is doing is running a script that looks for content enclosed in $, converting that into MathML, and inserting that into the post
advice & how to cohost
alt text, image descriptions, screen reader accessibility

foreverial
@foreverial
This page's posts are visible only to users who are logged in.

@index shared with:


ChaiaEran
@ChaiaEran

So, I like Neocities. I think it's really great that someone out there is dedicated to providing free static HTML hosting, like the good old days.

You know what I don't like? Neocities' garbage HTML editor. It's an iframe in-browser, and it has none of the advantages that writing HTML in an actual IDE would have. Plus, it can kinda break if you refresh the page, and sometimes things revert, and--

It's a mess, is what I'm saying. Their entire backend GUI is kind of a mess. If you want to edit an HTML file in an actual IDE, you'd have to download the file, edit it, and re-upload it. Plus, it makes it kind of hard to keep a local backup of your site, you'd have to redownload the site every time you change something. And actually sending in the files via FTP is a no-go, since you have to pay $5 a month for that, and you want to use the service for free.

Well, what can you do? Use the CLI, that's what!

But Chaia! I don't like using the command line. I wanna use a GUI. I don't wanna type "neocities push /" every time I change something!

That's fine. If you can stomach using the CLI for ten minutes, then you'll have all the benefits of it without having to use it ever again!



wavebeem
@wavebeem

Make your website pop with glossy Web 2.0-inspired design.

My personal site has been rebranded to work with the new style.

The part I'm most proud of is my interactive theme editor. Using this tool you can see a live preview of your own custom color scheme, grab a CSS snippet to use it, and get a live accessibility report on your color contrast.


@index shared with:


amgg
@amgg

I made a userscript that adds a "view source" button to posts! (it shows the original markdown source, not just the HTML on the page)

view on github download on greasyfork

plaintext links just in case: view on github, download on greasyfork

Also, just for fun, here's an interactive demo of how it looks/works (slightly broken on dark mode, TODO):

hello world!

html

markdown

0 comments
view source
wrap text
good job! (in the userscript this button will actually work)
<!-- good job! -->

hello world!

<div style="font-size:1.5em;">html</div>

> **markdown**

last update: 1.0.9 (2024/02/27)

compatibility info and changelog:


 
Pinned Tags