Skip to content

technology-toolbox/website

Repository files navigation

Technology Toolbox website

This repository contains the Technology Toolbox website: https://www.technologytoolbox.com.

Technology Toolbox responsive website

Features

  • Built with Hugo
  • Responsive design (mobile friendly)
  • Site structure designed for hundreds (or even thousands) of blog posts -- organized by year/month/day
  • Multiple taxonomies for blog content (view posts by tags, categories, or date)
  • Bootstrap 5 (for styles and components)
  • Bootstrap Icons (for small, inline SVG images)
  • Commento (for blog comments)
  • Uses Cloudflare content delivery network (CDN) for third-party libraries
  • Improved Google Analytics to support Content Security Policy for reducing the risk of cross-site scripting (XSS) attacks
  • Syntax highlighting for code samples

Installation

Important: This website requires installing the "extended" version of Hugo in order to compile Sass/SCSS.

  1. Clone the repository:

    git clone https://github.com/technology-toolbox/website.git
  2. Copy the theme to the website:

    cd website
    
    git submodule add https://github.com/technology-toolbox/techtoolbox-hugo themes/techtoolbox-hugo
  3. Install NPM dependencies:

    # Install NPM dependencies for website theme
    pushd "themes/techtoolbox-hugo"
    
    npm install
    
    popd
    
    # Install NPM dependencies for website
    npm install
  4. Start the Hugo server:

    hugo server

    or

    npm start
  5. Browse the website: http://localhost:1313/

Contributing

If you find a bug, have a question, or would like to submit a feature idea, please use the issues list.

If you would like to contribute, please fork the repository and make the changes in a feature branch. Pull requests are welcome!

License

This website is released under the MIT License.