Starter project for CodeIgniter base web site template

V 2.2.1

This is a bare bones set up for a website using Codeigniter and HTML5 boilerplate. Contains a simple controller for a static site.

Contains

• Avenirer's Codeigniter MY Model https://github.com/avenirer/CodeIgniter-MY_Model
• Bourbon http://http://bourbon.io/, Bitters http://bitters.bourbon.io/ and Neat http://neat.bourbon.io/.
• Browser Sync https://www.browsersync.io/
• Codeigniter 3 http://www.codeigniter.com
• Composer https://getcomposer.org/
• HTML5 Boilerplate https://html5boilerplate.com/
• Ion Auth http://benedmunds.com/ion_auth/
• Gulp.js http://gulpjs.com/
• Kenjis Codeigniter Twig https://github.com/kenjis/codeigniter-ss-twig
• Modernizr http://modernizr.com/
• Normalize.css https://necolas.github.io/normalize.css/
• SASS http://sass-lang.com/
• SMACSS https://smacss.com/
• Twig https://twig.sensiolabs.org/
• Yarn http://yarnpkg.com/

Avenirer's MY Model

Avenirer's MY Model for CodeIgniter

Bourbon, Neat and Bitters

This template uses Bourbon http://http://bourbon.io/, Bitters http://bitters.bourbon.io/ and Neat http://neat.bourbon.io/ as a base for the SASS.

Bourbon, Neat and Bitters are stored in node_modules

• SASS files live in /assets/sass
• Added some extra variables in /assets/base/_variables.scss for headings.
• Added heading size variables to /assets/base/_typography.scss
• Commented out resets in /assets/base/_lists.scss

Browser Sync

Browser sync to reload browser after any changes to CSS.

Codeigniter

There is a bare bones Codeigniter installation to handle the backend.

Composer

Composer is set up for extra PHP pagackages

Docker

There is a Docker set up for an old version of PHP (5.5.9). This version is no longer supported and should not be used for production.

It is advisable to replace this with a more modern PHP 7 implementation.

• https://www.php.net/eol.php

HTML5 Boilerplate

Used as a starter for the html template

Ion Auth

Ben Edmonds' Ion Auth authentication library to keep the bad guys away from sensitive areas.

Gulp.js

This still uses Gulp 3. Gulp 4 is the latest stable version. Upgrading to Gulp 4 requires a rewrite of gulpfile.js

• Compiles SASS
• Adds browser prefixes.
• Compresses image files and places them in assets/build/images folder.
• Outputs display using browsersync

Modernizr

The same version that comes with HTML5 Boilerplate. You may want to get a custom build from Modernir.

Normalize

It uses normalize.css as the reset.

SASS

You can use Gulp to compile the SASS.

SMACSS

Based on Mina Markham's old V1 Sassy Starter. She has a new version based on atomic design. https://github.com/minamarkham/sassy-starter

Twig

Added Twig templating

Yarn

Yarn is used to manage packages. See http://yarnpkg.com/ for installation instrunctions.

Installation

1 Copy files and extract

2 Create cache directory and set permissions

mkdir application/cache
mkdir application/cache/twig
touch application/cache/index.html
touch application/cache/twig/index.html
chmod 777 application/cache
chmod 777 application/cache/twig

3 Install node modules

yarn 

4 Install composer packages

composer update

5 Install Twig into Codeigniter

php vendor/kenjis/codeigniter-ss-twig/install.php

6 Update application/config/config.php and gulpfile.js

Update these to reflect your new location.

7 (Optional) Bring up Docker containers

docker-compose up -d

File Structure

application
-- cache
-- config
-- controllers
-- core
-- helpers
-- hooks
-- languages
-- libraries
-- logs
-- migrations
-- models
-- sql
-- third_party
-- views
assets
-- build
-- css
-- images
-- js
-- sass
-- svgs
index.php
gulpfile.js
node_modules
package.json
system
vendor
yarn.lock