diff --git a/.gitignore b/.gitignore index a14702c..066c986 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,6 @@ +# nixos shenanigans +result* + # dependencies (bun install) node_modules diff --git a/package.json b/package.json index 8a36d3e..afdf796 100644 --- a/package.json +++ b/package.json @@ -5,10 +5,10 @@ "private": true, "scripts": { "tw-dev": "bunx tailwindcss -i style.css -o dist/style.css --watch", - "bun-dev": "bun --watch index.ts", "prev": "bunx serve dist", "deploy": "bunx wrangler deploy --assets=./dist", - "build": "bunx tailwindcss -i style.css -o dist/style.css && bun index.ts" + "build": "bunx tailwindcss -i style.css -o dist/style.css && bun index.ts", + "dev": "bun --watch index.ts" }, "devDependencies": { "@types/bun": "latest" diff --git a/posts/hello-world.md b/posts/hello-world.md new file mode 100644 index 0000000..c5d3755 --- /dev/null +++ b/posts/hello-world.md @@ -0,0 +1,23 @@ +title: Hello World! +desc: I've been procrastinating for a long time but here we are. +date: 2026-06-03 +draft: false +^--- + +Honestly didn't even thought I would build this mainly because of burnout from school and just life in general. But I managed to lock in on building this blog project mainly because I've been needing a place to dump my mind and ideas on and I've been looking for an opportunity to practice and fix my grammar and ~~totally formal~~ writing. I'll be talking about more than just tech related stuff and _maybe_ some real life things I'm experiencing. + +I will hopefully develop and expand this blog with mroe features and write more than my previous blogs. Not a gurantee but I really hope so as I have a _bad_ habit of leaving things undocumented. The current way of making new blog post doesnt really allow me to make posts from mobile easily so I might not post as often as I wanted to but I'll fix that later. I also have plans to make this my main website _if_ things are _stable enough_ and this ends up receiving more traffic. + +--- + +## Technical Details + +The design and architecture of this blog is heavily insipired by my friend's site, [orangc](https://notes.orangc.net/). Only difference I wrote a custom static site generator using [Bun](https://bun.com/) as it has a [builtin parser for Markdown](https://bun.com/docs/runtime/markdown). I'm pretty proud of the end result as so far the build script uses _zero_ NPM dependencies (_except for [Tailwind](https://tailwindcss.com/) of course_) and was actually relatively fast. Everything is hosted on [Cloudflare Workers](https://www.cloudflare.com/products/workers/) with the source code for this site hosted on [my Forgejo instance](https://git.satr14.my.id/satr14/ssg.md) (including all posts written in markdown, you can click on the **view revisions** link under the post title to view the commits for this post). + +This isn't one of my first attempts of writting a blog website. Most of them failed mainly due to lack of motivation to actually write anything. I tried using [Hugo](https://gohugo.io/) once but that learning curve (~~or just a skill issue~~) was too high for me so I opted to write my own blog from scratch using [SvelteKit](https://kit.svelte.dev/) and [Pocketbase](https://pocketbase.io/) which was **highly** overkill and was teadious to even write. + +List of features to implement: +- [ ] Table of contents +- [ ] Comments, Reactions, View counts +- [ ] Live message feed for anything I feel like shitposting (think WhatApp channels) +- [ ] Submission form to send messages to me straight from this site diff --git a/style.css b/style.css index 7875daf..88e05d0 100644 --- a/style.css +++ b/style.css @@ -19,6 +19,7 @@ a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) { @apply decoration-ctp-blue underline p { @apply text-lg my-6; } hr { @apply border-t border-ctp-surface1 my-6; } +del { @apply text-ctp-subtext1 italic; } ul, ol { @apply list-inside my-4 pl-2; } ol { @apply list-decimal; } @@ -41,4 +42,4 @@ details[open] summary { @apply text-ctp-blue mb-3; } ol.homepage-posts li { @apply my-2 text-lg marker:content-['>_'] marker:font-extrabold marker:text-ctp-lavender; } ol.homepage-posts li a { @apply font-bold; } -ol.homepage-posts li i { @apply text-ctp-subtext1; } \ No newline at end of file +ol.homepage-posts li i { @apply text-ctp-subtext1; }