admin
Folder containing the configuration files for Netlify CMS, a headless CMS often used to provide a UI for content management for COLONY websites. Development is not commonly required during the build phase of a project but can be implemented to provide a simple content management solution for non-technical users as needed.
Learn More about Netlify CMScss
Folder for storage of all CSS for the project. In the standard COLONY repository structure this folder is pre-loaded with the CSS files for COLONY Framework, COLONY Components & various third party stylesheets. The folder also contains the style.css file which hold all custom CSS for the project.
Video Overview
css/components
Folder for storage of all CSS files relating to COLONY Components. Some stylesheets are already present for common pre-loaded components and this is also the location for holding any additional component stylesheets that are installed during the build process.
Learn More about Componentscss/third-party
Folder for storage of all CSS files relating to Third Party elements. Some stylesheets are already present for common pre-loaded elements and this is also the location for holding any additional stylesheets that are added during the build process.
Learn More about Third Partycss/colony-structure.css
CSS file supporting COLONY Framework. The colony-structure.css stylesheet contains the root variables for all spacing, gaps and container widths in a project. This file also contains the CSS controlling the shorthand & utility classes for margins, padding, layout, flex & grid.
Learn More about Colony Stylecss/colony-style.css
CSS file supporting COLONY Framework. The colony-style.css stylesheet contains the root variables for all fonts, text, colors and common element styling in a project. This file also contains the CSS controlling the shorthand & utility classes for look & feel items.
Learn More about Colony Stylecss/style.css
CCS file containing all custom styling for a project (including responsive). Blank by default this is the stylesheet that will be used for any CSS written during development. Thsi file also contains the @import statements for any COLONY Components that are installed.
js
Folder for storage of all Javascript for the project. In the standard COLONY repository structure this folder is pre-loaded with the js files for some COLONY Components & various Third Party libraries. The folder also contains the main.js file which hold all custom Javascript for the project.
Video Overview
js/components
Folder for storage of all Javascript files relating to COLONY Components. Some js files are already present for common pre-loaded components and this is also the location for holding any additional component js files that are installed during the build process.
Learn More about Componentsjs/third-party
Folder for storage of all Javascript files relating to Third Party libraries. Some js files are already present for common pre-loaded libraries and this is also the location for holding any additional libraries that are added during the build process. Additional libraries should be approved prior to installation.
Learn More about Third Partyjs/main.js
Javascript file containing all custom code for a project. Blank by default this is the file that will be used for any Javscript written during development.
Other Folders
Within Assets there are also pre-created sub folders for storage of various type of website asset.
files
Folder for storage of all frontend facing files related to the project.
fonts
Folder for storage of all font files related to a project.
img
Folder for storage of all images related to a project.
video
Folder for storage of all videos related to a project.