No JS, No CSS, No HTML: online "clubs" celebrate plainer websites

[email protected]

They’re not standards, it’s just default styles, which you can change.

[email protected]

Theoretically, browsers could even stop from the JS engine from being started for the site in the first place.

The NoScript extension is basically this. Most of the client side stuff is off by default and you can enable it per-domain. It breaks a whole lot of websites, but often in ways where the main content of a website is still readable. Over time, you can build up a list of "allow by default" domains and most of the web you care about works. Though, you may have to spend a moment or two sorting out permissions when you visit a new site.

[email protected]

Hahahah. Awesome. Have fun! You just need a simple webserver. The builtin one will do and then you use the ota functions of the ESP IDF.

[email protected]

I don't think the promise chain is really needed here.

I used this script:

import Axios from 'axios'
import OldFS from 'fs'
import { PromiseChain } from '@feather-ink/ts-utils'

const fs = OldFS.promises

const image = process.argv[2]
const destination = `http://${process.argv[3]}/vfs/ota`
const now = process.argv[4] === 'now'
const once = process.argv[4] === 'once'

async function triggerUpdate(): Promise<void> {
  console.log('Uploading new binary')
  const file = await fs.readFile(image)

  await Axios({
    method: 'POST',
    url: destination,
    headers: {
      'Content-Type': 'application/octet-stream',
      'Content-Length': file.byteLength
    },
    data: file
  })
  console.log('Finished uploading')
}

(async () => {
  const updateChain = new PromiseChain()
  console.log(`Watching file '${image}' for changes\nWill upload to '${destination}'!`)
  if (once) {
    await triggerUpdate()
    return
  }
  if (now)
    await updateChain.enqueue(triggerUpdate)
  OldFS.watch(image, async (eventType) => {
    if (eventType !== 'change')
      return
    let succ = false
    do {
      try {
        console.log('Change detected')
        await updateChain.enqueue(triggerUpdate)
        succ = true
      } catch (e) {
        console.error(e)
        console.log('Retrying upload')
      }
    } while (!succ)
    console.log('Upload finished')
  })
})()

Relevent code on the esp:

You can ignore my cpp stuff and just put this in the handler of the stock webserver.

auto ota = vfs->addHandler(makeDirectory("ota"));
        {
          ota->addHandler(makeDirect([](auto &con) {
            if (con.req->method != HTTP_POST)
              return HandlerReturn::UNHANDLED;

            // https://github.com/espressif/esp-idf/tree/master/examples/system/ota/native_ota_example/main
            // https://docs.espressif.com/projects/esp-idf/en/latest/esp32/api-reference/system/ota.html
            auto updatePartition = esp_ota_get_next_update_partition(nullptr);
            if (updatePartition == nullptr)
              return sendError(con,500, "No free ota partition found!");
            esp_ota_handle_t otaHandle;
            auto err = esp_ota_begin(updatePartition, con.req->content_len, &otaHandle);
            if (err != ESP_OK)
              return sendError(con, 500, std::string{"Can't start ota update: "} + esp_err_to_name(err), true);

            int receivedBytes = 0;
            do {
              auto end = httpd_req_recv(con.req, buf.data(), buf.size());
              // ESP_LOGE(TAG, "Received %d", receivedBytes);
              // hexDump("RECV:", buf.data(), end);
              if (end <= 0) {
                esp_ota_abort(otaHandle);
                return sendError(con, 500, "Error receiving", true);
              }
              err = esp_ota_write(otaHandle, buf.data(), end);
              if (err != ESP_OK) {
                esp_ota_abort(otaHandle);
                return sendError(con, 500, std::string{"Error writing: "} + esp_err_to_name(err), true);
              }
              receivedBytes += end;
            } while (receivedBytes < con.req->content_len);

            err = esp_ota_end(otaHandle);
            if (err != ESP_OK)
              return sendError(con, 500, std::string{"Failed to end: "} + esp_err_to_name(err), true);

            err = esp_ota_set_boot_partition(updatePartition);
            if (err != ESP_OK)
              return sendError(con, 500, std::string{"esp_ota_set_boot_partition failed: "} + esp_err_to_name(err), true);
            auto ret = sendOK(con);
            FactoryResetServiceCon().reboot(1000 / portTICK_PERIOD_MS);
            return ret;
          }));
        }

I also used a custom partition table for 2 partitions so that when my program crashes it can just go back to boot the previous version.

Here it is for reference:

partitions.csv

# Name,   Type, SubType, Offset,  Size, Flags
# Note: if you change the phy_init or app partition offset, make sure to change the offset in Kconfig.projbuild
nvs,      data, nvs,     0x011000, 0x006000,
otadata,  data, ota,     0x017000, 0x002000,
phy_init, data, phy,     0x019000, 0x001000,
ota_0,    app,  ota_0,   0x020000, 0x1F0000,
ota_1,    app,  ota_1,   0x210000, 0x1F0000,

Note: This partition table is for a special model of the ESP32 though.

Also another disclaimer: This code does not represent my current coding abilities and may be outdated - it worked well though.

[email protected]

Passing information between two simultaneously existing entities? Get outta here! All cultures use the Jung collective unconscious to store knowledge!

[email protected]

I'll say one thing for the No CSS philosophy - at least it eliminates light-colored text on a light-colored background using the thinnest possible font, which is probably the stupidest stylistic trend since the web began.

[email protected]

In a perfect world, these would be decided not server-side, but client-side by choices made by the browser users.

But our world is not perfect.

[email protected]

(ó﹏ò｡) oh no my internet cred

[email protected]

I photocopied my screen (those all in one printers are heavy) and I cannot find the glue little help?

[email protected]

you can’t be tracked via css

https://github.com/jbtronics/CrookedStyleSheets

[email protected]

Alright man, I didn't mean for it to hit so hard. I'm just trying to help. I assumed you were English-speaking because they are honestly the ones to most often make that kind of mistake. Sorry if I offended you.

Anyway, I edited my first comment there, before you replied last. So the correct thing is there now. (It should be "than".)

Love ya.

[email protected]

That's not even convincing pedantery. Nobody would assune that a browser's standard style might be an RFC, IETF- or in any way official standard,

[email protected]

https://bestestmotherfucking.website/

[email protected]

WORDS???? The cheek of it!

[email protected]

Oh neat! I'm working on a forum that doesn't use any javascript

[email protected]

I meant it’s not standardised across browsers, so it doesn’t really matter if you change them within certain bounds. You can certainly set up something akin to some basic nice typesetting, get your default margins, padding, fonts, bg color sorted. They’re all reset in basically all websites anyway.

[email protected]

Yes. I think we're missing each other pinpointing details while meaning the same. Every browser has it's defaut or "standard" style, nowadays even adapting to the system theme and trying to guess if to use day or night settings etc. Nevertheless it won't break lines in a reasonable way, won't deal with footnotes in an acceptable way and either break the layout of pure text pages or the layout of illustrated pages. HTML5 makes these specific things somewhat better as it allows realtively advanced document structure but nevertheless, a few lines of CSS to reflect at least the prinipial character of the document are unlikely to hurt anyone in a worse way than a one-style-fits-all layout for everything will hurt tha vast majority.

[email protected]

JavaScript, the powerful but sometimes overused code

now there's an understatement.

[email protected]

I host my own website, and I decided to rewrite the JS portions in React, in order to learn the framework. Boy was it a learning experience: To do the same thing required 2-4 times the amount of code—and that’s just in the scripts, let alone the all the bloat from the packages and the bundler.

I know this is a bit more radical than cutting out frameworks, but working with the JS ecosystem was such a pain, largely because there’s you need to piece together different software to make a stack work, which may or may not go together well. And since your stack is likely unique, good luck getting help on your problems. It made me miss Rust (albeit most languages do)—in Rust, you have Cargo for everything, and it’s beautiful. Rust has its own difficulties, but they actually feel surmountable compared to the dependency hell of JS.

[email protected]

That is just stupid. How about a slighly more complex markdown.

What I really want is a P2P archive of all the relevant news articles of the last decades in markdown like in firefox "reader view". And some super advanced LLM powered text compression so you can easily store a copy of 20% of them on your PC to share P2P.

Much of the information on the internet could vanish within months if we face some global economic crisis.

agnos.is Forums

No JS, No CSS, No HTML: online "clubs" celebrate plainer websites