Git Product home page Git Product logo

spook's Introduction

Spook

A starter Ghost theme built using Bootstrap 4 and Font Awesome.

Make the most of styling with SASS and building with Webpack.

demo image

Features

  • Use Webpack to compile your JS and SCSS easily that gets pulled in by the theme.
  • Comes with jQuery enabled out of the box for your JS needs.
    • If you hate jQuery, this is easily disabled in your webpack.config.js.
  • Write your JS using ES2015 with Babel support.
  • Use the beauty of Font Awesome all over to add some pizaaz to your theme.
  • Barebones theme, the perfect base to begin building off of.

How To Install

  1. Move into your ghost themes directory.
  2. Clone the repo.
  • git clone https://github.com/calebanthony/spook.git
  1. Move into the spook directory.
  2. Run npm install
  3. Run npm run dev to generate the assets/build directory that the theme pulls from.

How To Use

Spook is designed to be barebones and let you just start editing.

Entry Points

Feel free to edit your webpack.config.js to your hearts content, but out of the box:

  • All your JS comes from assets/js/app.js.
  • All your SCSS comes from assets/css/app.scss.

Output

All Webpack's work gets outputted to assets/build/[css|js]/bundle.[css|js]. The fonts get output to assets/build/fonts and are pulled from Font Awesome's package. You can update and pull the new fonts in automagically with Webpack!

Commands

There are a few commands built into the package.json to help with rapid development:

  • npm run dev runs development once. This is non-minified.
  • npm run watch watches your code and runs development build on file save.
  • npm run prod runs your production code, meaning minified.

spook's People

Contributors

calebanthony avatar

Watchers

James Cloos avatar Ryan Hurst 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.