Skip to content

Commit

Permalink
deploy: b250ba6
Browse files Browse the repository at this point in the history
  • Loading branch information
helenclx committed Apr 12, 2024
1 parent 975d44e commit 7d67930
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion blog/feed.xml
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<p><img src="https://helenclx.github.io/assets/images/posts/rebuilding-my-developer-portfolio-with-eleventy/Helen-Chong-portfolio-old.png" alt="First version of Helen Chong's developer portfolio" /></p>
<p>When I <a href="https://twitter.com/helen_clx/status/1621696817795854336">shared the first version of my developer portfolio website on Twitter</a>, my tweet was liked and replied to by both <a href="https://twitter.com/ossia/status/1621729431009071104">Quincy Larson</a>, the founder of freeCodeCamp, and <a href="https://twitter.com/Ksound22/status/1621739428057079808">Kolade Chris</a> themselves, despite me not even tagging freeCodeCamp nor Kolade.</p>
<p><img src="https://helenclx.github.io/assets/images/posts/rebuilding-my-developer-portfolio-with-eleventy/Quincy-Larson-Kolade-Chris-tweet-replies.png" alt="Quincy Larson and Kolade Chris' replies to my tweet" /></p>
<p>As my front-end web development skills grew, I made my own improvements to the code of my portfolio website, most notably revamping the CSS to a mobile-first approach. In August 2023, I also <a href="https://helenclx.github.io/blog/posts/2024-04-11-rebuilding-my-developer-portfolio-with-eleventy/2023-08-21-Welcome-to-Helen-Codes">launched my tech and coding blog</a> to document my coding learnings and talk about various tech topics. At first, I tried to build my blog with a Jekyll template in a separate repository, but switched to <a href="https://zonelets.net/">Zonelets</a>, so I can write and manage my blog in HTML, CSS and JavaScript, languages I was already familiar with, and moved my blog to my portfolio website's own repository.</p>
<p>As my front-end web development skills grew, I made my own improvements to the code of my portfolio website, most notably revamping the CSS to a mobile-first approach. In August 2023, I also <a href="https://helenclx.github.io/blog/posts/2023-08-21-Welcome-to-Helen-Codes">launched my tech and coding blog</a> to document my coding learnings and talk about various tech topics. At first, I tried to build my blog with a Jekyll template in a separate repository, but switched to <a href="https://zonelets.net/">Zonelets</a>, so I can write and manage my blog in HTML, CSS and JavaScript, languages I was already familiar with, and moved my blog to my portfolio website's own repository.</p>
<p>However, as my portfolio website grew, I began to realise that writing all the code by hand makes a website tedious to maintain and update, especially if the website also includes a blog, since making new blog posts would require copy and pasting the same HTML heading over and over.</p>
<p>I started to research for ways to dynamically build a website, and as a result, I discovered more about static site generators (SSGs). I first heard of static site generators through GitHub and Jekyll, but I abandoned Jekyll after my brief attempt in building my blog with it, because Ruby is not a language I am familiar with, not to mention inconvenient to set up on Windows. Fortunately, I eventually discovered the ultimate solution to my problem: <a href="https://www.11ty.dev/">Eleventy</a>.</p>
<p>Eleventy, often abbreviated as 11ty, stands out among other SSGs in its flexibility. It not only supports many template languages including HTML, Markdown, JavaScript, Nunjucks, Liquid, and even having its own web component template called <a href="https://www.11ty.dev/docs/languages/webc/">WebC</a>, but also allows users to mix and match different template languages to build their own static websites. I like to be able to have control over how I build my own projects, which makes Eleventy an attractive option.</p>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -241,7 +241,7 @@ <h2 class="heading--main">Rebuilding My Developer Portfolio with Eleventy</h2>
<p><img src="/assets/images/posts/rebuilding-my-developer-portfolio-with-eleventy/Helen-Chong-portfolio-old.png" alt="First version of Helen Chong's developer portfolio"></p>
<p>When I <a href="https://twitter.com/helen_clx/status/1621696817795854336">shared the first version of my developer portfolio website on Twitter</a>, my tweet was liked and replied to by both <a href="https://twitter.com/ossia/status/1621729431009071104">Quincy Larson</a>, the founder of freeCodeCamp, and <a href="https://twitter.com/Ksound22/status/1621739428057079808">Kolade Chris</a> themselves, despite me not even tagging freeCodeCamp nor Kolade.</p>
<p><img src="/assets/images/posts/rebuilding-my-developer-portfolio-with-eleventy/Quincy-Larson-Kolade-Chris-tweet-replies.png" alt="Quincy Larson and Kolade Chris' replies to my tweet"></p>
<p>As my front-end web development skills grew, I made my own improvements to the code of my portfolio website, most notably revamping the CSS to a mobile-first approach. In August 2023, I also <a href="./2023-08-21-Welcome-to-Helen-Codes">launched my tech and coding blog</a> to document my coding learnings and talk about various tech topics. At first, I tried to build my blog with a Jekyll template in a separate repository, but switched to <a href="https://zonelets.net/">Zonelets</a>, so I can write and manage my blog in HTML, CSS and JavaScript, languages I was already familiar with, and moved my blog to my portfolio website's own repository.</p>
<p>As my front-end web development skills grew, I made my own improvements to the code of my portfolio website, most notably revamping the CSS to a mobile-first approach. In August 2023, I also <a href="../2023-08-21-Welcome-to-Helen-Codes">launched my tech and coding blog</a> to document my coding learnings and talk about various tech topics. At first, I tried to build my blog with a Jekyll template in a separate repository, but switched to <a href="https://zonelets.net/">Zonelets</a>, so I can write and manage my blog in HTML, CSS and JavaScript, languages I was already familiar with, and moved my blog to my portfolio website's own repository.</p>
<p>However, as my portfolio website grew, I began to realise that writing all the code by hand makes a website tedious to maintain and update, especially if the website also includes a blog, since making new blog posts would require copy and pasting the same HTML heading over and over.</p>
<p>I started to research for ways to dynamically build a website, and as a result, I discovered more about static site generators (SSGs). I first heard of static site generators through GitHub and Jekyll, but I abandoned Jekyll after my brief attempt in building my blog with it, because Ruby is not a language I am familiar with, not to mention inconvenient to set up on Windows. Fortunately, I eventually discovered the ultimate solution to my problem: <a href="https://www.11ty.dev/">Eleventy</a>.</p>
<p>Eleventy, often abbreviated as 11ty, stands out among other SSGs in its flexibility. It not only supports many template languages including HTML, Markdown, JavaScript, Nunjucks, Liquid, and even having its own web component template called <a href="https://www.11ty.dev/docs/languages/webc/">WebC</a>, but also allows users to mix and match different template languages to build their own static websites. I like to be able to have control over how I build my own projects, which makes Eleventy an attractive option.</p>
Expand Down

0 comments on commit 7d67930

Please sign in to comment.