AOGE Banners

Web Banners created with Adobe Photoshop, HTML, CSS, JS and JigSaw static site generator.

Here's why:

• Lightning fast deployment
• Organized boilerplate code
• Implemented DRY principals

The style guide for these banners can be found Here

Built With

• JigSaw
• Bootstrap

Getting Started

This project contains a static web page with 3 animated GIF banners. I used jigsaw to create the basic scaffolding and to install all dependancies automatically. Once installed you can run: /vendor/bin/jigsaw serve in order to start up the web server

Prerequisites

Node.js - This project requires Node v13 or greater.

To run this project, you must have Node.js installed. If you do not have Node.js installed, follow these installation instructions

Installation

To install, start by creating a new directory

1. mkdir web
2. cd web
3. Clone the repo into the new 'web' directory

   git clone https://github.com/zuriknet/aogrbanner.git ./

4. Install NPM packages

   npm install

5. Build the project

   vendor/bin/jigsaw build

6. Start up the web server

   vendor/bin/jigsaw serve

7. Navigate to: http://localhost:8000/

Thats it, you should now see the webpage and the three animated GIF banner images

(back to top)

Contact

Zurik Phillips - @mistix - zurik@icloud.com

Project Link: https://github.com/zuriknet/aogrbanner

(back to top)