Skip to content

Commit

Permalink
fix links, add new post
Browse files Browse the repository at this point in the history
  • Loading branch information
fennifith committed Sep 2, 2024
1 parent 52ca4df commit 4f1029e
Show file tree
Hide file tree
Showing 10 changed files with 29 additions and 21 deletions.
4 changes: 2 additions & 2 deletions src/content/blog/2018-11-14-Continuous-Integration.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: ../../layouts/redirect.astro
title: Continuous Integration with Travis CI for Android
description: "An in-depth tutorial explaining how to set up Travis CI to deploy signed builds to Google Play. Among other things."
project: "ValCanBuild/TravisAndroidExample"
redirect: https://unicorn-utterances.com/posts/travis-ci-for-android/
link: https://unicorn-utterances.com/posts/travis-ci-for-android/
redirect: https://playfulprogramming.com/posts/travis-ci-for-android/
link: https://playfulprogramming.com/posts/travis-ci-for-android/
tags: blog
---
4 changes: 2 additions & 2 deletions src/content/blog/2019-03-18-Introduction-to-Android.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: ../../layouts/redirect.astro
title: "Introduction to Android: Contexts, Intents, and the Activity lifecycle"
description: "A basic overview of the main components of an Android app and how they interact with each other and the Android system."
redirect: https://unicorn-utterances.com/posts/introduction-to-android-framework/
link: https://unicorn-utterances.com/posts/introduction-to-android-framework/
redirect: https://playfulprogramming.com/posts/introduction-to-android-framework/
link: https://playfulprogramming.com/posts/introduction-to-android-framework/
tags: blog
---
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,21 @@ title: "Dynamic Backgrounds in Unicorn Utterances' Preview Images"
description: "An explanation of some CSS tricks and techniques I used to make a neat contribution to the Unicorn Utterances blog site."
links:
- name: "Unicorn Utterances"
url: "https://unicorn-utterances.com/"
url: "https://playfulprogramming.com/"
- name: "Grainy Gradients - Jimmy Chion"
url: "https://css-tricks.com/grainy-gradients/"
tags: blog
---

Earlier this week, [Corbin Crutchley](https://crutchcorn.dev/) built a social image generator for the [Unicorn Utterances](https://unicorn-utterances.com/) blog using React and puppeteer. This was built from a mockup that was expertly designed by [Kevin Aguilar](https://twitter.com/kevttob) - featuring an intuitive layout, clear accented title text, and a background image displaying arbitrary PHP code on a laptop screen.
Earlier this week, [Corbin Crutchley](https://crutchcorn.dev/) built a social image generator for the [Unicorn Utterances](https://playfulprogramming.com/) blog using React and puppeteer. This was built from a mockup that was expertly designed by [Kevin Aguilar](https://twitter.com/kevttob) - featuring an intuitive layout, clear accented title text, and a background image displaying arbitrary PHP code on a laptop screen.

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">As of today, every single blog post on <a href="https://twitter.com/UnicornUttrncs?ref_src=twsrc%5Etfw">@UnicornUttrncs</a> has a unique social media preview with the title of the blog post<br><br>Huge thanks to <a href="https://twitter.com/kevttob?ref_src=twsrc%5Etfw">@kevttob</a> for designing the preview image!<a href="https://t.co/uh0Her4Y1X">https://t.co/uh0Her4Y1X</a></p>&mdash; Corbin Crutchley 🥑 (@crutchcorn) <a href="https://twitter.com/crutchcorn/status/1527537422833135616?ref_src=twsrc%5Etfw">May 20, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

This gave me an interesting idea: what if, instead of displaying arbitrary code, it used the actual code snippets featured in the blog posts? Instead of embedding an image, I could use overlapping HTML elements with some elaborate CSS styling to recreate its appearance with any text content.

## Background

* [Unicorn Utterances](https://unicorn-utterances.com) is a community blog site featuring awesome technical and educational content from a variety of incredibly skilled developers and engineers.
* [Unicorn Utterances](https://playfulprogramming.com) is a community blog site featuring awesome technical and educational content from a variety of incredibly skilled developers and engineers.

* The "social/preview image" being described here is what shows up when the link to a blog post is displayed in a post or message on social media. While some social platforms use varying implementations, most of this information is provided through the [Open Graph protocol](https://ogp.me).

Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/2022-06-14-Minecraft-Data-Packs.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: ../../layouts/redirect.astro
title: "Minecraft Data Pack Programming: Introduction"
description: "A beginner-friendly series for teaching programming concepts with Minecraft data packs."
redirect: https://unicorn-utterances.com/posts/minecraft-data-packs-introduction
link: https://unicorn-utterances.com/posts/minecraft-data-packs-introduction
redirect: https://playfulprogramming.com/posts/minecraft-data-packs-introduction
link: https://playfulprogramming.com/posts/minecraft-data-packs-introduction
tags: blog
---
4 changes: 2 additions & 2 deletions src/content/blog/2022-06-15-Minecraft-Data-Packs.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: ../../layouts/redirect.astro
title: "Minecraft Data Pack Programming: Command Syntax"
description: "A beginner-friendly series for teaching programming concepts with Minecraft data packs."
redirect: https://unicorn-utterances.com/posts/minecraft-data-packs-cmd-syntax
link: https://unicorn-utterances.com/posts/minecraft-data-packs-cmd-syntax
redirect: https://playfulprogramming.com/posts/minecraft-data-packs-cmd-syntax
link: https://playfulprogramming.com/posts/minecraft-data-packs-cmd-syntax
tags: blog
---
4 changes: 2 additions & 2 deletions src/content/blog/2022-08-20-Minecraft-Data-Packs.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: ../../layouts/redirect.astro
title: "Minecraft Data Pack Programming: Scoreboard Usage"
description: "A beginner-friendly series for teaching programming concepts with Minecraft data packs."
redirect: https://unicorn-utterances.com/posts/minecraft-data-packs-scoreboards
link: https://unicorn-utterances.com/posts/minecraft-data-packs-scoreboards
redirect: https://playfulprogramming.com/posts/minecraft-data-packs-scoreboards
link: https://playfulprogramming.com/posts/minecraft-data-packs-scoreboards
tags: blog
---
10 changes: 5 additions & 5 deletions src/content/blog/2023-10-23-WHIBUT.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,14 @@ A lot of my time recently has been spent working on things that aren't all prese

## Unicorn Utterances, Version 2.0

[Unicorn Utterances](https://unicorn-utterances.com) is a blog site/community I'm involved with that hosts all kinds of educational computer science and technology content.
[Unicorn Utterances](https://playfulprogramming.com) is a blog site/community I'm involved with that hosts all kinds of educational computer science and technology content.

Last week, I merged a [992-commit Pull Request](https://github.com/unicorn-utterances/unicorn-utterances/pull/497) into the Unicorn Utterances website that we've been working on for the past 6+ months! This included a complete overhaul of every part of the site, making it easier and more accessible to browse and read the articles we host.

> To clarify, "we" includes:
> - [Eduardo Pratti](https://unicorn-utterances.com/unicorns/edpratti), the awesome lead designer behind the update!
> - [Corbin Crutchley](https://unicorn-utterances.com/unicorns/crutchcorn), the other primary developer.
> - [Xeno](https://unicorn-utterances.com/unicorns/xenophorium), who also helped with development.
> - [Eduardo Pratti](https://playfulprogramming.com/unicorns/edpratti), the awesome lead designer behind the update!
> - [Corbin Crutchley](https://playfulprogramming.com/unicorns/crutchcorn), the other primary developer.
> - [Xeno](https://playfulprogramming.com/unicorns/xenophorium), who also helped with development.
> - A [bunch](https://github.com/unicorn-utterances/unicorn-utterances/issues/784) [of](https://github.com/unicorn-utterances/unicorn-utterances/issues/781) [other](https://github.com/unicorn-utterances/unicorn-utterances/issues/741) [people](https://github.com/unicorn-utterances/unicorn-utterances/issues/843) that helped test and debug the site along the way!
I can't overstate how much of an improvement this was from the previous version of the site, and I'm really glad we've finished it.
Expand Down Expand Up @@ -83,7 +83,7 @@ Learning from my previous endeavor, I have more recently started building [an ov

<iframe src="https://is.a.horrific.dev/@fennifith/110812015472937720/embed" class="mastodon-embed" style="max-width: 100%; border: 0" width="400" height="534" allowfullscreen></iframe>

Bevy is still powered by WGPU, but implements its own render graph system, as well as using the [Entity Component System (ECS)](https://en.wikipedia.org/wiki/Entity_component_system) pattern to implement game logic. I have an upcoming post about this as well - which will be written for [Unicorn Utterances](https://unicorn-utterances.com) - to provide an introduction to ECS in more detail.
Bevy is still powered by WGPU, but implements its own render graph system, as well as using the [Entity Component System (ECS)](https://en.wikipedia.org/wiki/Entity_component_system) pattern to implement game logic. I have an upcoming post about this as well - which will be written for [Unicorn Utterances](https://playfulprogramming.com) - to provide an introduction to ECS in more detail.

There are [a few interesting features](https://gitlab.com/fennifith/snake/-/issues) I've planned out for this project, but nothing hugely revolutionary - I'm intentionally keeping this fairly simple and limited to something I can actually achieve.

Expand Down
8 changes: 8 additions & 0 deletions src/content/blog/2024-09-01-Entity-Component-System.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
layout: ../../layouts/redirect.astro
title: "Entity Component System: The Perfect Solution to Reusable Code?"
description: "ECS presents a lot of advantages for all kinds of games. What makes it so special?"
redirect: https://playfulprogramming.com/posts/bevy-ecs-code-reusability
link: https://playfulprogramming.com/posts/bevy-ecs-code-reusability
tags: blog
---
2 changes: 1 addition & 1 deletion src/content/projects/0.0.playfulprogramming.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: Playful Programming
description: The perfect place to learn all kinds of programming, from introductory ideas to advanced abstractions.
category: websites
icon: https://avatars.githubusercontent.com/unicorn-utterances
icon: https://avatars.githubusercontent.com/playfulprogramming
screenshots: []
links:
- name: Browse our posts
Expand Down
4 changes: 2 additions & 2 deletions src/pages/now.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ title: Now

# Now

This is a [now page](https://nownownow.com/about). It's a way to share everything currently happening in my life. I last updated it on 2024-08-10.
This is a [now page](https://nownownow.com/about). It's a way to share everything currently happening in my life. I last updated it on 2024-09-01.

## What am I doing now?

Expand All @@ -18,7 +18,7 @@ This is a [now page](https://nownownow.com/about). It's a way to share everythin

## Groups I'm involved with

[Unicorn Utterances](https://unicorn-utterances.com/) is a collaborative blog site that provides helpful resources for a variety of computer science-related topics.
[Playful Programming](https://playfulprogramming.com/) is a collaborative blog site that provides helpful resources for a variety of computer science-related topics.

[The Frame Drops](https://theframedrops.com) occasionally organizes small fundraisers to support a charity through various programming & gaming events.

Expand Down

0 comments on commit 4f1029e

Please sign in to comment.