Dinhanhthi.com Versions Save

Full Changelog: https://github.com/dinhanhthi/dinhanhthi.com/compare/v6.0.0...v6.0.1

This is the first version of version 6. From this, I wrote a step-by-step tutorial for creating a site like dinhanhthi.com.

Update 11ty packages to newer versions.

Fix: anchor link not working with h2 headings who have children.

Scripting for a better workflow + change style of some components.

• Fixes and small changes
• Private badge in search result.
• Custom js files for each page.

👉 Read more in Changelog.

• 🎉 New
  • Add | Note of Thi in header title (browser's tab) for pages being not home.
  • Add logos for places in About page.
  • Add a small arrow icon on TOC headings which have children inside.
  • Using postcss and its autoprefixer.
  • Add button "Back to top" ☝.
  • Add bage "External" for external posts in search results.
• 🧰 Fixes
  • Fix npm command sample:watch-opt and sample:11ty-opt.
  • Strange anchor link icon appearing on prod version.
  • Bad logic for npm commands in package.json.
  • Heading numbering for headings inside other components.
  • Heading inside other components display in TOC.
  • Overfow math equation on mobile.
  • Add :::col-2-list which matches to "already-exist" <div class="col-2-list">.
• 🎨 Styling
  • Change copy block icon.
  • Change alert box style.
  • More border-radius for boxes.
  • Add border-box back to TOC & change its style a little bit like the heading!
  • Improve spacing and styling of some components.
  • Add border for TOC (both in posts and index).
  • Progress bar display in white background also.
• 💪🏻 Enhancement
  • Upgrade @11ty/eleventy to 1.0.0-beta.1 (previous 1.0.0-canary.38).
  • Upgrade markdown-it-anchor to 8.3.1 (previous 5.2.5).
  • Upgrade concurrently to 6.3.0 from 6.2.1.
  • Create 11ty filter getTech() for About pages. Now, we only need the id of skills in techs.json.
  • Add scroll-behavior: smooth;
  • Add filter jsmin and inline minified javascript for main.js and search.js.

👉 Read more in Changelog.

• 🎉 New
  • New social icon styling on home page.
  • Github's style for anchor link.
  • Copy button (with effects) for code blocks.
• 🧰 Fixes
  • Edit on Github work for sample posts by introducing a variable editSample in plugin optimize-html.js.
• 💪🏻 Enhancement
  • Change Github style anchor link to fontello and reduce the javascript codes.
• 🎨 Styling
  • Animation for hide/show box.
  • Color (reduce darkness) of active link in TOC.
  • Animation waving effect for "👋" on index.

👉 Read more in Changelog.

• 🎉 New
  • Code syntax highlight for both dark/light themes.
  • Scrollbar differ in dark/light themes.
  • Styling numbering of heading h2.
• 🧽 Cleaning
  • Remove purgeCSS because we don't use CSS frameworks in this project (so there aren't unsed css codes here)
  • Minify fontello.css.
  • Move all personal informations (_data, images for posts, headers,...) to a separated repo.
  • Private-purpose codes (don't make it be so easy for others to modify). I don't have too much time for generalizing the theme 😞.
  • Separate older versions into different repositories.
  • Clean unused keys in _data.
• 💪🏻 Enhancement
  • Update to [email protected] (previous 0.13.0).
  • Add more weights to font "Recoleta".
  • Minimize fontello css.
  • Make npm command more understandable.
• 🎨 Styling
  • "Ligher" font weight for headings.
  • Smaller overall font-size of several things.
  • Add a warning box and backlink to sample posts.
  • Change a little bit for <a> tag's style.
  • Add animation on hover for social icons on home page.

👉 Read more in Changelog.