pass mdx images through next/image for full optimization benefits

This commit is contained in:
2022-01-09 22:53:10 -05:00
parent 32d1683e51
commit 6436a34c59
34 changed files with 256 additions and 180 deletions
+4 -2
View File
@@ -10,13 +10,15 @@ tags:
image: "/static/images/notes/y2k-sandbox/screenshot.png"
---
import Image from "./components/embeds/Image";
A few months ago, I stumbled upon [my first website ever](https://jakejarvis.github.io/my-first-website/) on an old floppy disk. Despite the instant cringing, I [uploaded it](https://github.com/jakejarvis/my-first-website) to GitHub, [collected other iterations](/previously/), and made an [#awesome-list](https://github.com/jakejarvis/awesome-first-code) of others who were brave and/or shameless enough to do the same. But why not take that ~~one~~ 1,000 steps further?
Introducing the [**Y2K Sandbox**](https://y2k.app/) — with fully-featured, fully-isolated, on-demand [**Windows Millennium Edition®**](https://www.youtube.com/watch?v=CaNDeyYP98A) virtual machines, simply to experience my first website in its natural Internet Explorer 5 habitat. And maybe play some [3D Pinball: Space Cadet](https://en.wikipedia.org/wiki/Full_Tilt!_Pinball#3D_Pinball_for_Windows_%E2%80%93_Space_Cadet). Oh, and [Microsoft Bob](https://en.wikipedia.org/wiki/Microsoft_Bob) is there too if you want to say hello and catch up. 🤓
<figure>
<a className="no-underline" href="https://y2k.app/" target="_blank" rel="noopener noreferrer">
<img
<Image
src="/static/images/notes/y2k-sandbox/screenshot.png"
width="865"
height="649"
@@ -39,7 +41,7 @@ The frontend is _much_ simpler with [a few lines of JavaScript](https://github.c
I must give credit to both [charlie.bz](https://charlie.bz/) and [benjojo.co.uk](https://benjojo.co.uk/), similar websites I was enamored with when they were posted on Hacker News a few years ago. Think we'll see some websites like these with Windows 29 in a decade?
<figure>
<img
<Image
src="/static/images/notes/y2k-sandbox/windows-me.png"
width="320"
height="92"