Commit fb1217c4 authored by Noel Quiles's avatar Noel Quiles

Use Accord's built-in PostCSS adapter; no Gulp

This definitely took some doing, but now Lost can be used within Roots'
compilation pipeline instead of having to run Gulp after compilation.
This is GREAT for development since it means I only have to wait for the
initial compilation refresh, instead of waiting and refreshing a second
time because Gulp and Roots don't talk to each other.  This also means
less build dependencies and less to start up when I get to developing.
Beautiful.
parent 14de9a0a
.DS_Store
node_modules
tmp
process.env
public
......@@ -5,15 +5,14 @@ dynamic_content = require 'dynamic-content'
autoprefixer = require 'autoprefixer-stylus'
js_pipeline = require 'js-pipeline'
css_pipeline = require 'css-pipeline'
marked = require 'marked'
slugify = require 'underscore.string/slugify'
lost = require 'lost'
module.exports =
ignores: ['readme.md', 'gulpfile.js', '**/layout.*', '**/_*', '.gitignore', 'ship.*conf']
ignores: ['readme.md', '**/_*', '.gitignore']
extensions: [
js_pipeline(files: 'assets/js/*.ls'),
css_pipeline(files: 'assets/css/_dev/*.styl')
css_pipeline(files: 'assets/css/*.styl')
dynamic_content()
]
......@@ -21,11 +20,11 @@ module.exports =
use: [axis(), rupture(), typographic(), autoprefixer()]
sourcemap: true
postcss:
use: [lost()]
'livescript':
sourcemap: true
jade:
pretty: true
locals:
markdown: marked
......@@ -5,17 +5,19 @@ dynamic_content = require 'dynamic-content'
autoprefixer = require 'autoprefixer-stylus'
js_pipeline = require 'js-pipeline'
css_pipeline = require 'css-pipeline'
marked = require 'marked'
slugify = require 'underscore.string/slugify'
lost = require 'lost'
module.exports =
ignores: ['readme.md', 'gulpfile.js', '**/layout.*', '**/_*', '.gitignore', 'ship.*conf']
ignores: ['readme.md', '**/_*', '.gitignore']
extensions: [
js_pipeline(files: 'assets/js/*.ls', out: 'js/main.js', minify: true, hash: true),
css_pipeline(files: 'assets/css/_dev/*.styl', out: 'css/style.css', minify: true, hash: true)
js_pipeline(files: 'assets/js/*.ls', out: 'js/main.js', minify: true, hash: false),
css_pipeline(files: 'assets/css/*.styl', out: 'css/style.css', minify: true, hash: false)
dynamic_content()
]
stylus:
use: [axis(), rupture(), typographic(), autoprefixer()]
\ No newline at end of file
use: [axis(), rupture(), typographic(), autoprefixer()]
postcss:
use: [lost()]
\ No newline at end of file
......@@ -93,4 +93,12 @@ navitems = 5
// Fix for axis mishandling the caching of nib's transition()
transition(arguments)
arguments = unquote('all .3s ease') unless arguments
transition: arguments
\ No newline at end of file
transition: arguments
normalize-css()
typographic()
@font-face
font-family enmod
font-style normal
src url(fonts/enmod.ttf)
\ No newline at end of file
@import '_settings'
// ~~~~~~~~~
// ~ Setup ~
// ~~~~~~~~~
normalize-css()
@font-face
font-family enmod
font-style normal
src url(fonts/enmod.ttf)
typographic()
// ~~~~~~~~~~
// ~ Mixins ~
// ~~~~~~~~~~
......
var gulp = require('gulp'),
postcss = require('gulp-postcss'),
sourcemaps = require('gulp-sourcemaps'),
autoprefixer = require('gulp-autoprefixer'),
lost = require('lost');
var paths = {
// My workaround for PostCSS (and Lost) to work locally is to handle PostCSS processing in a 'dev' folder, outputting to production.
cssSource: 'public/css/_dev/',
cssDestination: 'public/css/'
};
gulp.task('styles', function() {
return gulp.src(paths.cssSource + '**/*.css')
.pipe(sourcemaps.init())
.pipe(postcss([
lost()
]))
.pipe(autoprefixer())
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest(paths.cssDestination));
});
//gulp.watch(paths.cssSource + '**/*.css', ['styles']);
gulp.task('default', ['styles']);
{
"name": "testsite",
"description": "Testing Roots",
"name": "noelquiles.com",
"description": "The online presence of Noel Quiles",
"dependencies": {
"LiveScript": "^1.3.1",
"LiveScript": "^1.2.x",
"autoprefixer-stylus": "^0.5.x",
"axis": "^0.3.x",
"coffee-script": "^1.8.x",
......@@ -10,20 +10,14 @@
"dynamic-content": "^0.2.0",
"jade": "^1.x",
"js-pipeline": "^0.2.x",
"jstransformer-marked": "^0.0.1",
"marked": "^0.3.x",
"postcss": "^4.1.5",
"roots-contentful": "^0.0.7",
"postcss": "^4.1.11",
"rupture": "^0.6.x",
"string": "^3.1.1",
"stylus": "^0.49.x",
"typographic": "^2.9.3",
"underscore.string": "^3.0.3"
"typographic": "^2.9.3"
},
"devDependencies": {
"gulp": "^3.8.11",
"gulp-autoprefixer": "^2.2.0",
"gulp-postcss": "^5.1.3",
"gulp-sourcemaps": "^1.5.2",
"lost": "^6.0.1"
}
}
......@@ -29,7 +29,7 @@ html
header
h1.title noel quiles
.descript
:markdown
:marked
###Developer of . . .
section
......
extends _layout
block content
h1= entry.title
!= markdown(entry.body)
\ No newline at end of file
......@@ -4,7 +4,7 @@ block content
.stage-select
.mainnav
#frontends-item
:markdown
:marked
####frontends
UI/UX for websites, graphics, flyers...if a user's going to look at it I can make it. Those are my frontends: that which helps my audience interface with desired information. Here's a few I've done:
......@@ -12,7 +12,7 @@ block content
.slick-frontends
.item
.info
:markdown
:marked
#### MCCC Teach Page
##### Mercer County Community College
......@@ -25,7 +25,7 @@ block content
.item
.info
:markdown
:marked
#### Summer Session 2015 Info
##### Mercer County Community College
......@@ -38,7 +38,7 @@ block content
.item
.info
:markdown
:marked
#### Information Site/Blog
##### A Bird Without Wings
......@@ -51,7 +51,7 @@ block content
.item
.info
:markdown
:marked
#### Squarespace Design/Layout
##### Maroon Media
......@@ -64,7 +64,7 @@ block content
.item
.info
:markdown
:marked
#### David Silverman Talk Flyer
##### Humanist Chaplaincy at Rutgers University
......@@ -86,7 +86,7 @@ block content
//- .item
//- img(src="img/", alt="examples")
#games-item
:markdown
:marked
#### games
I have done quite a bit of game design in my college days (ca. 2013). I've run the design gamut, from level progression and layout, to asset creation, to music, to 3D modeling, to writing...the list goes on. Don't ask me about programming though...my few game programming ventures involved countless "if" statements and a mess of spaghetti code.
......@@ -98,20 +98,20 @@ block content
Also be on the lookout for the mobile puzzler a few developers and myself have in development, for Android!
#stories-item
:markdown
:marked
#### stories
If there's one thing I pride myself on, it's how to tell a story. I've done it six ways to Sunday, and every time has been a joy. So I guess you could not only call me a developer but also a writer: of prose, poetry, rants, and heavily biased opinions. My blog, like this section itself, is under construction, so once it's completed check all my stories out there.
#fresh-beats-item
:markdown
:marked
#### fresh beats
Ok, so maybe these beats aren't as fresh as advertised, but there's more where this came from on [my SoundCloud]().
<iframe width="100%" height="400px" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/12296997%3Fsecret_token%3Ds-FWGol&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
#contact-item
:markdown
:marked
#### contact
Let's get in touch! I'm all over the web, but here's some places I stop in at more than the rest:
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment