wavebeem

world wide weirdo

ย 

๐Ÿ’• @hauntedlatte

๐Ÿ  portland, or, usa

๐Ÿ“† mid-30s

๐Ÿ’ฌ here to make friends and chat

ย 


ย 

๐ŸŽฎ video games
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป web development
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿซ teaching others

ย 


ย 

๐ŸŽจ digital aesthetics
๐Ÿ’…๐Ÿป makeup & jewelry
๐Ÿ‘— gothic fashion
๐Ÿ‘ฉ๐Ÿปโ€๐ŸŽจ making pixel art

ย 


ย 

๐Ÿค˜๐Ÿป progressive metal
๐ŸŽธ video game music

ย 


ย 

๐ŸŸข everything green
๐ŸŒŸ neon colors and transparent plastic

ย 


blog + rss
wavebeem.com/
discord
@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