Skeletons

Expansive skeletons are integrated starting points for web sites or web applications. Skeletons include starter web pages, layouts, partial pages, stylesheets, scripts and required packages for an easy, one-step launch of your web site.

Installing Skeletons

Skeletons are packaged as a single Pak package that specifies all the required dependencies. As such, you can install a skeleton with pak install skeleton and it will download and install all the required packages.

For example, to create a web site that will use Semantic-UI, a modern alternative to Bootstrap, install the exp-semantic-skeleton skeleton. First create an empty directory to hold your application and then run pak install.

$ mkdir demo $ cd demo $ pak install exp-semantic-skeleton
  [Install] jquery 1.11.1 [Install] semantic 0.50.0 [Install]
  exp-semantic-skeleton 0.1.0

This installs the semantic-ui skeleton, the Semanic-UI and jQuery libraries, and a set of Expansive plugins to process Less and CSS stylesheets and scripts, as show by the pak list command.

$ pak list
  exp-css 0.2.0 installed from embedthis/exp-css exp-js 0.2.0 installed from
  embedthis/exp-js exp-less 0.2.0 installed from embedthis/exp-less
  exp-semantic-skeleton 0.1.0 installed from embedthis/exp-semantic-skeleton
  jquery 1.11.2 installed from @npm/jquery semantic-ui 1.11.2 installed from
  Semantic-Org/Semantic-UI-CSS

The exp-css plugin manages browser css prefixes and minifies CSS stylesheets. The exp-js plugin processes script files to minify and compress. The exp-less plugin processes Less stylesheets and compiles them into CSS files. These plugins are automatically invoked for the appropriate file extensions. Although, you can modify this behavior via the expansive.json configuration file.

Popular Skeletons

exp-html-skeleton — Expansive HTML5 Skeleton
exp-bootstrap-skeleton — Expansive Bootstrap Skeleton
exp-semantic-skeleton — Expansive Semantic-UI Skeleton
esp-angular-skeleton — ESP AngularJS Skeleton
esp-html-skeleton — ESP HTML5 Skeleton