Quick Start
Overview
Hugo
Overview Hugo Documentation YouTube Playlist
Project Repositories
Directory Structure Layouts Folder Static Folder
Framework
Overview Root Variables Colors Fonts & Text Common Elements Responsive Spacing Margins & Padding Layout & Positioning Containers Content Boxes Flex Grid
Development System
Overview 1. Project Setup 2. Framework Config 3. Development 4. Responsive 5. Quality Assurance Demo Build
Components
Overview Component Library Types & Structure Pre-Installed Simple Installation Advanced Installation Customisation Development
Third Party
Overview Ajax Chimp Cloudflare Stream Font Awesome jQuery UI js Cookie Netlify Identity Shopify Slick Slider Strapi Schema Dot Org

Video Overview

A look at the process for installing components requiring Javascript or third party libraries.

Chapters & Transcript.

Installation Steps

1

Complete Simple Installation

Before commencing advanced installation action complete the Simple Installation steps including the installation of the HTML and any accompanying CSS files to your project.

2

Add Javascript to Project

For some components you may need to add a Javascript file to your project. If required this with be displayed under the action buttons on the component tile and should be added to static/assets/js/components. You will then need to copy the Script Link from the installation instructions on the component tile & add to the bottom of layouts/partials/scripts.html.

3

Activate Third Party Libraries

If a component requires a third party library then this will be specified in the installation instructions on the component tile. To enable a third party library go to data/configScripts.json and set the value for the desired library to true.