Code Monkey home page Code Monkey logo

qg-web-template's Introduction

Queensland Government Web Template

If you are using assets from this Repo, please send an email to [email protected] so we can add you to our change management communications list

This template is designed to provide a template for all Franchise websites, and the underpinning technology for new Agency websites.

Repo structure

This repo should contain three main branches. DO NOT WORK DIRECTLY INTO THESE BRANCHES. Instead create your own branch in a folder format 'Bugfix/QOL-0000-Your-issue' (see Working in GIT for more information).

File structure

  • gulp/ - Gulp functions and settings file
  • product definitions/ - Definitions and requirements for this template
  • src/ - This is where the source files for the template are kept
    • other-files/ - Special files for build and release
      • build/ - .htaccess file and other files required to get build to work. These are excluded on release.
      • release/ - readme.md and other files for the destination release repository. These are not included on build.
    • assets/
      • _project - SCSS, JS, external libraries, code-snippets, and images vital for the template to operate correctly. Files in here are compiled specially by gulp. Keep an eye on the build file when making changes. This directory will be renamed to the version number for the template (V3).
        • _blocks/ - Component based structure containing all SCSS, HTML and JS.
          • components/ - Re-usable modules
          • layout/ - Strictly elements that pertain to a certain area of the layout, for example heading or footer. Re-usable components should be stored in 'components'. Note: Contains 'include' HTML partials
          • legacy/ - Old legacy components that are to be re-built, not linted
          • utils/ - Re-usable elements only used by other internal JS or SCSS functions
          • scss-general/ - Non component SCSS
        • qg-main.js - Master switchbox for JS
        • qg-main.scss - Master switchbox for SCSS/CSS
      • images/ - Images for the template
      • lib/ - External libraries for use in the template
    • docs/ - The end user documentation / pattern library on using this template
    • template-pages/ - The template files that pull in the includes, css and js. These are automatically adjusted to point to local or CDN files on release.
  • tests/ - All test functions

Generated directories

  • build/ - For testing your changes
  • release/ - Makes the template ready for deployment

qg-web-template's People

Contributors

asifaminb avatar dependabot-preview[bot] avatar devonpis avatar duttonw avatar ganapavz avatar gavinjacobi avatar gvanimurthy avatar nimevans avatar osidt avatar tw-epenkman avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.