From dfa985812f0a9625543f09fa25e3005ddb42f6b5 Mon Sep 17 00:00:00 2001 From: Tyler Perkins Date: Mon, 11 Sep 2023 22:45:24 -0400 Subject: [PATCH] Update style and first post --- content/posts/first-post.md | 6 ++---- layouts/_default/_markup/render-image.html | 1 + layouts/_default/_markup/render-link.html | 1 + static/css/styles.css | 9 ++++++--- 4 files changed, 10 insertions(+), 7 deletions(-) create mode 100644 layouts/_default/_markup/render-image.html create mode 100644 layouts/_default/_markup/render-link.html diff --git a/content/posts/first-post.md b/content/posts/first-post.md index 77bf0a7..28c0bf3 100644 --- a/content/posts/first-post.md +++ b/content/posts/first-post.md @@ -4,17 +4,15 @@ date: 2023-09-11T21:30:41-04:00 draft: false --- -# First Post - This is my first post from the rewrite! I decided to rewrite my website in [Hugo](https://gohugo.io) this time instead of PHP. The real innovation here is the new tech stack underpinning the process of hosting this thing. So previously, I had no clue about "real" server hosting (like what actual companies do). But now that I have some experience under my belt in both my professional environment and in my hobby hosting, I now know a bit more about how to host in a more durable manner. Over engineering? Probably. But that's where the fun lies! ## New Tech Stack -The new tech stack this time around is a replicated S3 bucket (hosted using [Minio](https://min.io)) that is hosted in two separate sites, and synced together every 10 mins is hosting the content for this website. Then an nginx reverse proxy is doing some basic security and routing rules, then forwarding it to you as you see it currently. Pretty sweet! +The new tech stack this time around is a replicated S3 bucket ( hosted using [Minio](https://min.io) ) that is hosted in two separate sites, and synced together every 10 mins is hosting the content for this website. Then an nginx reverse proxy is doing some basic security and routing rules, then forwarding it to you as you see it currently. Pretty sweet! -The real win for me comes from a great simplification of the deployment process, though. With hugo, I can build the static website, then with my self hosted CI/CD runner ([Drone](https://drone.io), my self hosted instance is [here](https://drone.clortox.com)) I can auto build the site then deploy it, and only change the state in the bucket! How awesome is that! +The real win for me comes from a great simplification of the deployment process, though. With hugo, I can build the static website, then with my self hosted CI/CD runner ( [Drone](https://drone.io), my self hosted instance is [here](https://drone.clortox.com) ) I can auto build the site then deploy it, and only change the state in the bucket! How awesome is that! ![](https://s3.clortox.com/static-assets/img/mermaid-diagram-2023-09-11-214406.png) diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html new file mode 100644 index 0000000..abd13db --- /dev/null +++ b/layouts/_default/_markup/render-image.html @@ -0,0 +1 @@ +
{{ .Text }}
diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html new file mode 100644 index 0000000..1d72780 --- /dev/null +++ b/layouts/_default/_markup/render-link.html @@ -0,0 +1 @@ +{{ .Text | safeHTML }} diff --git a/static/css/styles.css b/static/css/styles.css index 60f2b1c..88929b7 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -185,7 +185,7 @@ html { object-fit: contain; } -article a { +article > a { text-decoration: none; display: flex; padding: 50px; @@ -196,12 +196,15 @@ article a { transition: background 200ms linear; } -article a:hover { +article > a:hover { background: black; } .post { - margin: 10px; + margin-right: 10vw; + margin-left: 10vw; + margin-top: 3vh; + margin-bottom: 1vh; } img {