adding posts from my blog
Timothy Rogers
|
|
@ -11,8 +11,9 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/check": "^0.9.4",
|
"@astrojs/check": "^0.9.4",
|
||||||
"@astrojs/tailwind": "^5.1.4",
|
"@astrojs/tailwind": "^6.0.0",
|
||||||
"astro": "^5.1.2",
|
"@tailwindcss/typography": "^0.5.16",
|
||||||
|
"astro": "^5.2.3",
|
||||||
"dayjs": "^1.11.13",
|
"dayjs": "^1.11.13",
|
||||||
"tailwindcss": "^3.4.13",
|
"tailwindcss": "^3.4.13",
|
||||||
"typescript": "^5.6.2"
|
"typescript": "^5.6.2"
|
||||||
|
|
|
||||||
570
pnpm-lock.yaml
generated
BIN
public/post-pics/2021/Screen_Shot_2021-10-29_at_8.24.55_AM.webp
Normal file
|
After Width: | Height: | Size: 53 KiB |
BIN
public/post-pics/2021/Screen_Shot_2021-10-29_at_9.19.44_AM.webp
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
public/post-pics/2022/136.webp
Normal file
|
After Width: | Height: | Size: 37 KiB |
BIN
public/post-pics/2022/1MhfuY5BLaDOVHuso0Pw17kZ.webp
Normal file
|
After Width: | Height: | Size: 5.8 KiB |
BIN
public/post-pics/2022/470.webp
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
public/post-pics/2022/LGQ2GFbz7D6rntVRTYVqwhwX.webp
Normal file
|
After Width: | Height: | Size: 5.8 KiB |
BIN
public/post-pics/2022/event-layout.webp
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
public/post-pics/2025/01/PRETTY.webp
Normal file
|
After Width: | Height: | Size: 267 KiB |
BIN
public/post-pics/2025/01/deviations.webp
Normal file
|
After Width: | Height: | Size: 119 KiB |
BIN
public/post-pics/2025/01/flooded-town.webp
Normal file
|
After Width: | Height: | Size: 63 KiB |
BIN
public/post-pics/2025/01/tower.webp
Normal file
|
After Width: | Height: | Size: 128 KiB |
BIN
public/post-pics/2025/01/wishes.webp
Normal file
|
After Width: | Height: | Size: 438 KiB |
BIN
public/stickers/happy-typing.webp
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
public/wp-import/2013/2013-02-11-04_48_56-Task-Manager.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
public/wp-import/2013/2013-02-11-04_56_31-Task-Manager.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 270 KiB |
BIN
public/wp-import/2013/2013-02-11-13_45_23-Task-Manager.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/wp-import/2013/2013-02-11-14_01_45-Task-Manager.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/wp-import/2013/2013-02-11-14_10_18-Task-Manager.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/wp-import/2013/2013-02-13-17_17_31-Astra-Viewer.png
Normal file
|
After Width: | Height: | Size: 565 KiB |
BIN
public/wp-import/2013/454036.jpg
Normal file
|
After Width: | Height: | Size: 192 KiB |
BIN
public/wp-import/2013/Snapshot_002.png
Normal file
|
After Width: | Height: | Size: 588 KiB |
BIN
public/wp-import/2013/Snapshot_003.png
Normal file
|
After Width: | Height: | Size: 525 KiB |
BIN
public/wp-import/2013/Snapshot_004.png
Normal file
|
After Width: | Height: | Size: 673 KiB |
|
After Width: | Height: | Size: 686 KiB |
BIN
public/wp-import/2019/Screenshot-2019-01-27-at-11.18.25-AM.png
Normal file
|
After Width: | Height: | Size: 71 KiB |
|
|
@ -14,13 +14,13 @@ Now, before I dig in too much deeper... I think it is important to point out tha
|
||||||
|
|
||||||
## Wishes/User Messages
|
## Wishes/User Messages
|
||||||
|
|
||||||
<div><img src="/post-pics/2025/01/whishes.webp" alt="Wishes in Once Human sprouting out of the ground" /></div>
|
<div><img src="/post-pics/2025/01/wishes.webp" alt="Wishes in Once Human sprouting out of the ground" /></div>
|
||||||
|
|
||||||
So one thing that is very new to me is seeing messages that other players in the open world are able to just drop all over the world in things called "wishes" which seem really cool to me. Lots of users tend to write messages that are just comments of how nice the scenery is or tips on where stuff is hidden on the map when at a mission location. However, my favorite is there is just lots of messages of just raw encouragement of like "You got this, you are important and keep pushing forward every day." Stuff like that, isn't something I would think to see of people in video games, especially from other players.
|
So one thing that is very new to me is seeing messages that other players in the open world are able to just drop all over the world in things called "wishes" which seem really cool to me. Lots of users tend to write messages that are just comments of how nice the scenery is or tips on where stuff is hidden on the map when at a mission location. However, my favorite is there is just lots of messages of just raw encouragement of like "You got this, you are important and keep pushing forward every day." Stuff like that, isn't something I would think to see of people in video games, especially from other players.
|
||||||
|
|
||||||
## Base Building
|
## Base Building
|
||||||
|
|
||||||
<div><img src="/post-pics/2025/01/base-building.webp" alt="Base building in Once Human" /></div>
|
<div><img src="/post-pics/2025/01/PRETTY.webp" alt="Base building in Once Human" /></div>
|
||||||
|
|
||||||
One of the other big things I have been enjoying about this game is the ability to build your own base. It is really cool in the since that your base exists in the open world along side other players, and you use them to craft and store resources. However, you also use them to stand up vending machines to sell stuff you have crafted or gathered to other players. It is also one of the cool ways to use the real world money if you choose to buy into the game, to get special cosmetics items for your home. Even if you don't invest real money, you can pick up tons of customization items by exploring the world and looting... typically looting in the optional areas of the map tend to show up more of the stuff for your base.
|
One of the other big things I have been enjoying about this game is the ability to build your own base. It is really cool in the since that your base exists in the open world along side other players, and you use them to craft and store resources. However, you also use them to stand up vending machines to sell stuff you have crafted or gathered to other players. It is also one of the cool ways to use the real world money if you choose to buy into the game, to get special cosmetics items for your home. Even if you don't invest real money, you can pick up tons of customization items by exploring the world and looting... typically looting in the optional areas of the map tend to show up more of the stuff for your base.
|
||||||
|
|
||||||
|
|
@ -35,3 +35,6 @@ Inside your base you also collect and use these creatures called "Deviations" wh
|
||||||
<div><img src="/post-pics/2025/01/flooded-town.webp" alt="Base showing off deviations" /></div>
|
<div><img src="/post-pics/2025/01/flooded-town.webp" alt="Base showing off deviations" /></div>
|
||||||
|
|
||||||
Lastly I just have to say, the world is so pretty... it is somewhat horror themed as it is post-disaster... but as you see that is one of the cities you end up going to that just has such a good photogenic look. I will say that sometimes the buildings can seem a bit repetitive, but they do try to mix it up a bit... but it is still something I enjoy just going around and enjoying all the scenic views in the game.
|
Lastly I just have to say, the world is so pretty... it is somewhat horror themed as it is post-disaster... but as you see that is one of the cities you end up going to that just has such a good photogenic look. I will say that sometimes the buildings can seem a bit repetitive, but they do try to mix it up a bit... but it is still something I enjoy just going around and enjoying all the scenic views in the game.
|
||||||
|
|
||||||
|
<div><img src="/post-pics/2025/01/tower.webp" alt="Thermal Tower in Once Human" /></div>
|
||||||
|
I am currently playing on the "Way Of Winter" now, as my second season... and I have to say I have very much been enjoying the additon of having to worry about warmth and heat. It also lets us build those really cool towers for people to build their bases around to help fight the weather of where you are.
|
||||||
|
|
|
||||||
103
src/layouts/Blog.astro
Normal file
|
|
@ -0,0 +1,103 @@
|
||||||
|
---
|
||||||
|
interface Props {
|
||||||
|
title: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const { title } = Astro.props;
|
||||||
|
---
|
||||||
|
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="description" content="Astro description" />
|
||||||
|
<meta name="viewport" content="width=device-width" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
|
<meta name="generator" content={Astro.generator} />
|
||||||
|
<title>{title}</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div
|
||||||
|
class="w-full min-h-screen bg-repeat bg-pink-300"
|
||||||
|
style="background-image: url('/images/bg-img.webp');"
|
||||||
|
>
|
||||||
|
<div class="container mx-auto p-4">
|
||||||
|
<div class="flex flex-col gap-2">
|
||||||
|
<div class="bg-pink-200 border-purple-400 border-4 rounded-md">
|
||||||
|
<img src="/images/header.webp" class="p-2 rounded-xl" />
|
||||||
|
<!-- add pink hr -->
|
||||||
|
<hr class="border-purple-400 border-2" />
|
||||||
|
<div
|
||||||
|
class="grid grid-flow-col auto-cols-max gap-2 px-4 pb-2 pt-2 text-pink-500 justify-center font-bold"
|
||||||
|
>
|
||||||
|
<div><a href="/">Home</a></div>
|
||||||
|
<div><a href="/shrines/">Shrines</a></div>
|
||||||
|
<div><a href="/blog/">Ramblings</a></div>
|
||||||
|
<div><a href="/hobbies/">Hobbies</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bg-pink-200 border-purple-400 border-4 rounded-md p-4">
|
||||||
|
<div class="py-2 rounded border-2 border-dashed border-purple-400">
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="bg-pink-200 border-purple-400 border-4 rounded-md p-2 text-center"
|
||||||
|
>
|
||||||
|
<tt>Friends Sites</tt>
|
||||||
|
<div
|
||||||
|
class="grid grid-cols-2 sm:flex sm:flex-wrap gap-2 p-2 justify-center items-center"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<a href="https://arch.dog/" target="_blank"
|
||||||
|
><img src="/images/buttons/arch-dog.png" /></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://brodokk.space/" target="_blank"
|
||||||
|
><img src="/images/buttons/brodokk-space.webp" /></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://david.garden/" target="_blank"
|
||||||
|
><img src="/images/buttons/david-garden.webp" /></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://steffo.dev/" target="_blank"
|
||||||
|
><img src="/images/buttons/steffo.webp" /></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<tt>Some Buttons I Like</tt>
|
||||||
|
<div
|
||||||
|
class="grid grid-cols-3 sm:flex sm:flex-wrap gap-2 p-2 justify-center items-center"
|
||||||
|
>
|
||||||
|
<div><img src="/images/buttons/anybrowser.webp" /></div>
|
||||||
|
<div>
|
||||||
|
<a href="https://archlinux.org/" target="_blank"
|
||||||
|
><img src="/images/buttons/Arch.png" /></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div><img src="/images/buttons/dothack.png" /></div>
|
||||||
|
<div><img src="/images/buttons/dragons.jpg" /></div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://en.wikipedia.org/wiki/Non-binary_gender"
|
||||||
|
target="_blank"><img src="/images/buttons/enby.png" /></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://jointhefediverse.net/?lang=en-us"
|
||||||
|
target="_blank"><img src="/images/buttons/fediverse.gif" /></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div><img src="/images/buttons/gnu-linux.gif" /></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -32,16 +32,12 @@ const { title } = Astro.props;
|
||||||
>
|
>
|
||||||
<div><a href="/">Home</a></div>
|
<div><a href="/">Home</a></div>
|
||||||
<div><a href="/shrines/">Shrines</a></div>
|
<div><a href="/shrines/">Shrines</a></div>
|
||||||
<div>
|
<div><a href="/blog/">Ramblings</a></div>
|
||||||
<a href="https://hack13.blog/" target="_blank">Ramblings</a>
|
|
||||||
</div>
|
|
||||||
<div><a href="/hobbies/">Hobbies</a></div>
|
<div><a href="/hobbies/">Hobbies</a></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-pink-200 border-purple-400 border-4 rounded-md p-4">
|
<div class="bg-pink-200 border-purple-400 border-4 rounded-md p-4">
|
||||||
<div
|
<div class="p-4 rounded border-2 border-dashed border-purple-400">
|
||||||
class="p-4 rounded border-2 border-dashed border-purple-400"
|
|
||||||
>
|
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,7 @@
|
||||||
---
|
---
|
||||||
import { getCollection, render } from "astro:content";
|
import { getCollection, render } from "astro:content";
|
||||||
|
import Layout from "../../layouts/Layout.astro";
|
||||||
|
import dayjs from "dayjs";
|
||||||
// 1. Generate a new path for every collection entry
|
// 1. Generate a new path for every collection entry
|
||||||
export async function getStaticPaths() {
|
export async function getStaticPaths() {
|
||||||
const posts = await getCollection("blog");
|
const posts = await getCollection("blog");
|
||||||
|
|
@ -13,5 +15,19 @@ const { post } = Astro.props;
|
||||||
const { Content } = await render(post);
|
const { Content } = await render(post);
|
||||||
---
|
---
|
||||||
|
|
||||||
<h1>{post.data.title}</h1>
|
<Layout title=`Blog - ${post.data.title}`>
|
||||||
<Content />
|
<div class="flex justify-center w-full">
|
||||||
|
<div>
|
||||||
|
<h1 class="text-3xl text-center font-bold">{post.data.title}</h1>
|
||||||
|
<p class="italic text-center">
|
||||||
|
{dayjs(post.data.published).format("MMMM DD, YYYY")}
|
||||||
|
</p>
|
||||||
|
<br />
|
||||||
|
<article
|
||||||
|
class="prose text-center text-black prose-blockquote:bg-transparent"
|
||||||
|
>
|
||||||
|
<Content />
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
export default {
|
export default {
|
||||||
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {},
|
extend: {},
|
||||||
},
|
},
|
||||||
plugins: [],
|
plugins: [require("@tailwindcss/typography")],
|
||||||
}
|
};
|
||||||
|
|
|
||||||