Coder Social home page Coder Social logo

opsdev-ws / bastard-opsdev Goto Github PK

View Code? Open in Web Editor NEW

This project forked from karloespiritu/bastard

0.0 4.0 0.0 2.35 MB

A Free Boilerplate Responsive Theme for Ghost blogging platform. (Built with Bootstrap 3, SASS, Font Awesome, Bower, and Grunt)

License: MIT License

JavaScript 8.33% CSS 84.63% Handlebars 7.04%

bastard-opsdev's Introduction

Bastard Theme for Ghost

A free boilerplate responsive theme for Ghost blogging platform.

Bastard theme was built using Bootstrap 3, SASS, Font Awesome, Bower, and Grunt. Grunt is used to automate tasks for compiling and minifying the theme components and Bower to manage package dependencies. You can use the theme as is, or customize it by editing the bastard.js and /assets/sass/*.scss files.

Bastard

Demo

I'm using this theme for my personal site, karloespiritu.com

Download

You can download the theme here: http://karloespiritu.github.io/Bastard

Theme Features

  • Clean and well-documented code
  • Developed using Bootstrap 3.3, SASS, Font Awesome, Grunt, and Bower
  • Organized CSS3 stylesheets using SASS
  • Fully responsive layout
  • Full bleed cover images for posts
  • Retina display ready, looks great on any device or resolution
  • Full screen cover page with parallax effect
  • Syntax highlighting using HighlightJs
  • One file css/js for performance optimization
  • Automatic linting, compiling, and minification of SCSS and JS files using Grunt
  • Automatic image file size optimization using IMGMin and SVGMin
  • Easily update theme dependencies using Bower package manager
  • Google Analytics integrated
  • Includes FitVids.Js for fluid video embeds
  • It's free:)

Using Bastard Theme

  1. Copy the theme folder inside /content/themes of Ghost.
  2. Restart Ghost and then go to Ghost's Settings (http://your.domain.com/ghost/settings/general/). Choose "Bastard" from the theme dropdown menu and save your changes.
  3. Optionally, you can update the background cover with your own image to replace the default cover image.
  4. Have fun :)

Customising Bastard Theme

Bastard theme uses Grunt to lint, compile, and concatenate the javascript and SASS components. Customize the theme by editing the assets/js/bastard.js and sass/* files. Run grunt to compile your changes or use the grunt watch while you build your own theme.

  1. Make sure you have Node.js, Bower and Grunt installed on your system.
  2. Copy theme folder to Ghost themes directory /content/themes. Open your terminal and make the theme's folder your current working directory.
  3. Run bower install to install package dependencies.
  4. Run npm install to install Grunt components.
  5. Restart Ghost and switch the theme to use Bastard in the Ghost's Settings.
  6. Make your changes by updating /sass/*, /assets/*, and *.hbs files of the theme.
  7. Run grunt watch to start watching for file changes or run grunt to build your latest changes.
  8. If you have new images for the theme, just place them inside image_sources folder and Grunt will handle the optimisation automatically and store the optimized version inside assets/images/.
  9. Update the social media icon links by updating partials/social.hbs.
  10. Update gravatar by updating URL in partials/gravatar.hbs.

Resources & Dependencies

To Get in Touch

To get in touch, you can drop me an email or find me on Twitter.

License

MIT License

Author

Karlo Espiritu

bastard-opsdev's People

Contributors

cmosetick avatar karloespiritu avatar

Watchers

 avatar  avatar  avatar  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.