NireBryce

reality is the battlefield

the first line goes in Cohost embeds

๐Ÿฅ I am not embroiled in any legal battle
๐Ÿฆ other than battles that are legal ๐ŸŽฎ

I speak to the universe and it speaks back, in it's own way.

mastodon

email: contact at breadthcharge dot net

I live on the northeast coast of the US.

'non-functional programmer'. 'far left'.

conceptual midwife.

https://cohost.org/NireBryce/post/4929459-here-s-my-five-minut

If you can see the "show contact info" dropdown below, I follow you. If you want me to, ask and I'll think about it.


wavebeem
@wavebeem
# Changelog

## 2023-12-02

- Added Miasma theme back
- Added Classic Light theme
- Renamed "Markup" to "HTML"
syntax highlighting by codehost

๐Ÿ‘‰ codehost.wavebeem.com

Themes


Miasma

// 3... 2... 1... Blast-off!
async function countdown(): Promise<void> {
  for (let i = 10; i > 0; i--) {
    console.log(i);
    await sleep(1000);
  }
  console.log("Blast-off!");
}

/**
 * `setTimeout` for `delay` miliseconds
 */
async function sleep(delay: number): Promise<void> {
  return new Promise((resolve) => {
    setTimeout(resolve, delay);
  });
}

countdown();
syntax highlighting by codehost

Toxic

// 3... 2... 1... Blast-off!
async function countdown(): Promise<void> {
  for (let i = 10; i > 0; i--) {
    console.log(i);
    await sleep(1000);
  }
  console.log("Blast-off!");
}

/**
 * `setTimeout` for `delay` miliseconds
 */
async function sleep(delay: number): Promise<void> {
  return new Promise((resolve) => {
    setTimeout(resolve, delay);
  });
}

countdown();
syntax highlighting by codehost

Classic Light

// 3... 2... 1... Blast-off!
async function countdown(): Promise<void> {
  for (let i = 10; i > 0; i--) {
    console.log(i);
    await sleep(1000);
  }
  console.log("Blast-off!");
}

/**
 * `setTimeout` for `delay` miliseconds
 */
async function sleep(delay: number): Promise<void> {
  return new Promise((resolve) => {
    setTimeout(resolve, delay);
  });
}

countdown();
syntax highlighting by codehost

You must log in to comment.

in reply to @wavebeem's post:

ooh, light theme!

thank you for bringing the themes back! i've been working on a post (this one), and i wanted to use the miasma theme for illuminating my git examples. i couldn't find it when i checked a few days ago, so i was very confused. glad to see they're back!

yeah!! i have been a light theme user at various points due to my astigmatism, and also when working in brightly lit environments. good to have both options. i styled this after my memory of how Visual Studio 6.0 looks haha.

sorry to remove the themes without a good reason. i sometimes forget people are actually using the site and it's not just a silly side project.

please let me know if you have any other thoughts about codehost

oh, wow - i didn't know you regularly used it! that makes sense. i use light themes in the daytime and dark themes at night.

i thought of using codehost after seeing this post by @fullmoon, where she uses it to outline matrix multiplications.

on the other hand, i could just use backticks... git doesn't have much in the way of syntax highlighting, so that might work too!

yeahhhh i used to go back and forth between light/dark themes and had a theme pack with several of each.

light theme code design is very different from dark theme code design, though, and i've simplified my approach to focus on just one theme at a time now (previously it was Miasma, now I'm focusing on Toxic)

i've seen this post from @fullmoon before and honestly it's a very clever use of codehost. i don't know i would've thought of that. but it works amazingly well for the post.

yeah i think for your post it probably wouldn't help much to use codehost, but imo it still looks better than the default cohost styling since the content visually spans the full post width

what do you mean by "light theme code design is very different from dark theme code design"? do you mean you have to use different colour schemes, or that you have to write different code?

and thanks for the suggestion! it's a nice-looking box

i mean that maintaining a collection of themes, it's hard to use the same "principle" to make a light theme vs a dark theme. so it was a lot of work maintaining a theme set that looked good with light vs dark color palettes.

the theme pack was Uno Due Tre btw if you wanna see how it looks

btw i answered the "ask" you asked :) good question. i'd love to hear more about what you're into as well