diff --git a/content/blog/svg-pixel-art.md b/content/blog/svg-pixel-art.md new file mode 100644 index 0000000..6ef77cb --- /dev/null +++ b/content/blog/svg-pixel-art.md @@ -0,0 +1,28 @@ +--- +title: "SVG Pixel Art" +date: 2024-02-19T10:24:49-05:00 +draft: false +tags: [] +math: false +medium_enabled: false +--- + +This year, I participated in the 32-bit Cafe [Valentine's Day Event](https://tilde.32bit.cafe/~ribose/events/valentines2024/). They gave a few ways to participate, and this year I made a little Valentine's day card. + +![Image of card that says "Happy Valentine's" with pixel art of a heart.](/files/images/blog/20240219105747.png) + +For the whole animated version, check out my [tilde.club page](http://tilde.club/~brozek/valentines-2024.html). + +The picture above is a PNG screenshot, but for the card itself I wanted to use SVGs as the primary graphics format to create the heart. + +If you were to ask me why, I would claim it's because SVGs are flexible when it comes to size. Though if I was to be honest, it's beause SVGs are a plaintext format that I can edit. + +Looking around for a tool to create this, I came across a [SVG Pixel Art project](https://jerosoler.github.io/SvgPixelArt/) from Jero Soler. + +![Screenshot of the pixel art editor](/files/images/blog/20240219110500.png) + +The editor provides a very familiar experience to Gimp and Photoshop. It includes advance features like layering which I didn't feel the need to use for this quick drawing. + +The available colors leave some to be desired. After downloading the SVG, I was able to edit the `fill` attribute with the hex values of the tacky colors I wanted to use instead. + +I recommend trying the website out yourself next time you want to make some pixel art. For me, it's less daunting and more familiar to use than Inkscape, the more prevalent svg editing tool. \ No newline at end of file diff --git a/content/menu/_index.md b/content/menu/_index.md index 3987d0a..5b6946d 100644 --- a/content/menu/_index.md +++ b/content/menu/_index.md @@ -116,6 +116,7 @@ Poultry - [Banana Bread](banana-bread/) - Popcorn - Strawberry Shortcake -- [Fruit Smoothie](fruit-smoothie/) - Tres Leche Cacke - Nutella Hot Chocolate +- [Kindness in a cup Smoothie](kindness-in-a-cup/) +- [Angel Food Smoothie](angel-food-smoothie/) diff --git a/content/menu/angel-food-smoothie.md b/content/menu/angel-food-smoothie.md new file mode 100644 index 0000000..a394fdd --- /dev/null +++ b/content/menu/angel-food-smoothie.md @@ -0,0 +1,21 @@ +--- +title: "Kindness in a cup" +date: 2024-02-19 +hideDate: true +draft: false +--- + +Copycat type recipe of the one from Smoothie King. + + +## Ingredients + +- 1.25 cups of water +- 70 grams of banana +- 160 grams of strawberry +- 30 grams of dry milk +- 4 teaspoons of turbinado sugar + +## Recipe + +1. Blend until smooth \ No newline at end of file diff --git a/content/menu/fruit-smoothie.md b/content/menu/fruit-smoothie.md deleted file mode 100644 index e9cb320..0000000 --- a/content/menu/fruit-smoothie.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: "Fruit Smoothie" -date: 2023-04-14 -hideDate: true -draft: false ---- - -Creates 4 cups of fruit smoothie. - -I tried this with bannanas and mangos. - -## Ingredients -- 300g of whichever fruit you want -- 6 spoons of yogurt -- 1.5 cups milk - -## Recipe - -Throw all into a blender and blend until smooth diff --git a/content/menu/kindness-in-a-cup.md b/content/menu/kindness-in-a-cup.md new file mode 100644 index 0000000..c3126dc --- /dev/null +++ b/content/menu/kindness-in-a-cup.md @@ -0,0 +1,22 @@ +--- +title: "Kindness in a cup" +date: 2024-02-19 +hideDate: true +draft: false +--- + +Copycat type recipe of the one from Smoothie King. + + +## Ingredients + +- 1.25 cups of apple juice +- 70 grams of banana +- 130 grams of mango +- 130 grams of strawberry +- 2 teaspoons of turbinado sugar +- 10 grams of dry milk + +## Recipe + +1. Blend until smooth \ No newline at end of file diff --git a/static/files/images/blog/20240219105747.png b/static/files/images/blog/20240219105747.png new file mode 100644 index 0000000..cca9329 Binary files /dev/null and b/static/files/images/blog/20240219105747.png differ diff --git a/static/files/images/blog/20240219110500.png b/static/files/images/blog/20240219110500.png new file mode 100644 index 0000000..a7cd3d4 Binary files /dev/null and b/static/files/images/blog/20240219110500.png differ