Introduction & Installation

Introduction

Foundation-core is intended as a quickly configurable starting point for small and large web sites.

Here are some highlights:

• TailwindCSS (https://tailwindcss.com/)
• ES6 Javascript
• A responsive typography system.
• A tool for testing pages on our site for W3C, JS errors, Missing SEO etc. (Site Test)
• A tool for displaying design grids ctrl+alt+g
• A content builder system (The Block Builder)
• An image macros for generating responsive images based on design sizes.

To get started follow the steps in the Installation, then move onto the Development step below that.

Pre Installation

We currently recommend the following tools be installed to use Foundation core:

• Node version manager https://github.com/nvm-sh/nvm
• Node 14 (Installed using Node Version Manager) nvm install 14 or nvm use 14
• Composer https://getcomposer.org/doc/00-intro.md#installation-linux-unix-macos
• Brew https://brew.sh/
• Valet & PHP https://laravel.com/docs/8.x/valet#installation
• DBngin https://dbngin.com/
• MySQL 5.7  (Installed using DBngin)
• Sequel Ace (For DB Content management) https://github.com/Sequel-Ace/Sequel-Ace

Installation

1. Clone foundation-core https://bitbucket.org/subism/foundation-core/src/main/
2. Duplicate foundation-core's files to a new folder. (Install script coming soon)
3. Configure the .env file with a security key and database values
4. Run npm install
5. Configure webpack.mix.js with your local dev site url on line 82 (e.g. https://subism.test in the below example)
6. Import the DB from the /db folder

78 // BrowserSync

79 // -------------------------------

81 mix.browserSync({

82 proxy: 'https://subism.test',

Development

1. Run the build command to compile JS and CSS (see Build System)
2. Configure site theme in the tailwind config file (see Configuration)