Skip to content

adhocgraFX/pasodoble_2

Repository files navigation

#PasoDoble-2

responsive Joomla! 3.4x template

  • less
  • adhocgrafx template styleguide
  • skeleton made with
  • lightweight off-canvas system for
    • nav
    • aside (left / right) and
    • app-bar
  • flexbox layout
  • responsive touchable slides: flickity
  • modal media boxes: formstone lightbox
  • responsive images: mobify
  • code display: prism
  • analytics > options
  • font resizer > options
  • accept cookies info > options
  • instagram-like css img filter-classes
  • category blog with cards styling; page-class-suffix
  • category blog with masonry styling; page-class-suffix > masonry

###PasoDoble in action pasodoble

Npm und gulp:

  1. Node js, Info siehe: Node
  2. Gulp, Info siehe: Gulp

####Installation:

  1. Node installieren

  2. Terminal / Ide mit Terminal - als Administrator ausführen - wichtig!

  3. Gulp global installieren:

     npm install -g gulp
    
  4. Node dependencies installieren (package.json):

     npm install
    

####Alternativ package.json selber aufbauen: npm init npm install gulp --save-dev npm install gulp-autoprefixer gulp-concat gulp-convert-encoding gulp-less gulp-livereload gulp-minify-css gulp-notify gulp-sourcemaps gulp-uglify --save-dev

####Workflow, Gulp Befehle: gulp all: script, style, print, watch gulp (default): script, style, print gulp script: app.js gulp style: style.css gulp print: print css gulp watch

Work in progress!

todos:

  • der heilige Gral - die Suche geht weiter - gulpfile für js und less
  • unset über options steuerbar; dann wird template.js.php anstelle app.js geladen

Gulp:

  • js und less: style.css und app.js in dist folder
  • css sourcemaps: in dist/map folder

About

RWD Joomla! 3.4x template

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages