From 9cdf93c7b05d45ce40855553980c790710ef0c87 Mon Sep 17 00:00:00 2001 From: BBaoVanC Date: Mon, 18 Oct 2021 14:03:05 -0500 Subject: [PATCH] Take bobatheme blog post out of draft stage --- .../blog/the-redesign-of-my-website/index.md | 56 ++++++++++--------- 1 file changed, 31 insertions(+), 25 deletions(-) diff --git a/content/blog/the-redesign-of-my-website/index.md b/content/blog/the-redesign-of-my-website/index.md index 24bc0da..a6a54ea 100644 --- a/content/blog/the-redesign-of-my-website/index.md +++ b/content/blog/the-redesign-of-my-website/index.md @@ -3,7 +3,6 @@ title: The redesign of my website date: 2021-10-16 toc: true -draft: true tags: - announcement @@ -18,7 +17,7 @@ resources: --- For the past three weeks I've been designing and perfecting a new theme for my -website: bobatheme from scratch. I tried to keep it simple without looking ugly. +website with the goal of keeping it simple but not ugly. @@ -29,32 +28,32 @@ website: bobatheme from scratch. I tried to keep it simple without looking ugly. I've switched to a new theme. Visually, it's similar to [hugo-bearblog](https://github.com/janraasch/hugo-bearblog) which was the theme I had previously. Bearblog does a great job for being simple and very light, but -it's not quite for me. bobatheme has a lot of fancy features thanks to Hugo. For -example: list pages (such as [/blog/](/blog/)) have previews for each article, -including featured images or videos for some articles, you can link to specific -headers in an article, and articles have metadata such as word count, reading -time, and the git commit that last modified them. However, the biggest feature -bobatheme has over the previous themes I've used is **icons**. +it's not featureful enough for me. bobatheme has a lot of fancy features thanks +to Hugo. For example: list pages (such as [/blog/](/blog/)) have previews for +each article, including featured images or videos for select articles. You can +also link to specific headers in an article, and articles have metadata such as +word count, reading time, and the git commit that last modified them. My +favorite new feature, however, is that bobatheme has icons. ### Icons I'm using an icon pack called [Feather](https://feathericons.com/). Using Hugo, I have a template that just takes the contents of the SVG file and inserts it directly into the HTML source code. While that increases the size of the HTML -file, it minimizes the amount of requests that your browser has to make, and it -doesn't really increase the size by very much in the end after compression. +file, it minimizes the amount of requests that your browser has to make, and in +a lot of cases, it will reduce the total amount of data you have to download +thanks to compression. ### No JavaScript (yet) -There isn't any JavaScript yet, but I think I'll probably use a little to add -some features such as copying code blocks to the clipboard. (I couldn't think of -any other ideas to put here.) +There isn't any JavaScript yet, but in the future I'll use a little to add small +features such as copying code blocks to the clipboard. ## My website is on GitHub -My website was previously on git.bbaovanc.com, but I [moved it to -GitHub](https://github.com/BBaoVanC/bbaovanc.com) to take -advantage of a cool feature: +My website's source code was previously on git.bbaovanc.com, but I migrated it +to [a new repository on GitHub](https://github.com/BBaoVanC/bbaovanc.com) so I +could use Netlify to automatically build website previews for pull requests. ### Netlify @@ -63,17 +62,22 @@ linked in a comment. ## Translations -I'm working on translating all pages on my site to Spanish. I'm open to -translations for other languages, but I don't know any others so I won't be -able to help. +I'm working on translating all pages on my site to Spanish. If you know Spanish, +or any other languages, I'd appreciate if you could help out by reviewing +existing translations, or submitting new ones. See the [contributing +guidelines](https://github.com/BBaoVanC/bbaovanc.com/blob/master/CONTRIBUTING.md#translations) +for more information). ### Tracking Status -I'm currently tracking translation status using [projects on -GitHub](https://github.com/BBaoVanC/bbaovanc.com/projects). Each language has +I'm currently tracking translation status using [GitHub +projects](https://github.com/BBaoVanC/bbaovanc.com/projects). Each language has one "progress" project which shows each page's translation status in the language, and a second "pull requests" project which organizes individual pull -requests. +requests. For example, here's the [Spanish Translation +Progress](https://github.com/BBaoVanC/bbaovanc.com/projects/4) and [Spanish +Translation Pull Requests](https://github.com/BBaoVanC/bbaovanc.com/projects/1) +projects. ### Contribute translations @@ -85,6 +89,8 @@ some new translations into other languages, or write translations for pages that aren't already translated. Just remember to read the [contribution -guidelines](https://github.com/BBaoVanC/bbaovanc.com/blob/master/CONTRIBUTING.md) -before contributing as I have some important information such as how to build -the site yourself instead of having to wait for Netlify. +guidelines](https://github.com/BBaoVanC/bbaovanc.com/blob/master/CONTRIBUTING.md#translations) +before contributing as I have some important information such as how to format +pull requests and how to build the site yourself instead of having to wait for +Netlify. You can also look at any existing translation related pull requests as +an example.