mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-13 16:45:14 +01:00
fixes & cleanup
This commit is contained in:
parent
4f337c9c3e
commit
e824ddf0b8
GPG Key ID:
BD3C1F3EDD7831FC
1017
_src/.htaccess
1017
_src/.htaccess
File diff suppressed because it is too large
Load Diff
@ -23,6 +23,7 @@
|
||||
margin-right: 0
|
||||
|
||||
.featured-link
|
||||
@extend .link--nounderline
|
||||
display: block
|
||||
position: relative
|
||||
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
top: $spacer
|
||||
|
||||
@media $screen-sm
|
||||
left: -($spacer * 2)
|
||||
left: -($spacer * 4)
|
||||
|
||||
@media $screen-lg
|
||||
left: -($spacer * 4)
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<aside class="actions">
|
||||
<div class="grid grid--gutters grid--full grid-small--half">
|
||||
<div class="grid__col">
|
||||
<article class="action comment">
|
||||
<article class="action twitter">
|
||||
<svg class="icon icon-entypo icon-entypo-twitter">
|
||||
<use xlink:href="/assets/img/sprite.svg#entypo-twitter"></use>
|
||||
</svg>
|
||||
|
||||
@ -41,6 +41,6 @@ So here's the trick: The icons from Photoshop are stored in Adobe Photoshop CS3.
|
||||
|
||||
|
||||
|
||||
Hope this helps you although it's very tricky. But changing icons for images in Mac OS X is a bit out of my control since i don't develop Mac OS X ;-)
|
||||
Hope this helps you although it's very tricky. But changing icons for images in Mac OS X is a bit out of my control since i don't develop Mac OS X.
|
||||
|
||||
By the way, this should also work in Tiger...
|
||||
|
||||
@ -341,7 +341,7 @@ A xpi-plugin providing support for text-shadow in Firefox written by Shimoda Hir
|
||||
The author animates multiple text-shadows with javascript, really incredible. Also various nice examples on this page.
|
||||
|
||||
* [Text-Shadow in Safari 1.1](http://whatdoiknow.org/archives/001305.shtml)
|
||||
Propably the oldest text-shadow demo originally made for Safari 1.1 ;-)
|
||||
Propably the oldest text-shadow demo originally made for Safari 1.1
|
||||
|
||||
* [10.5.2 brings WebKit text-shadow rendering changes](http://www.islayer.com/blog/?p=255)
|
||||
Blog entry on islayer.com about different text-shadow rendering across different Mac OS X versions
|
||||
|
||||
@ -70,7 +70,7 @@ Before starting to create hundreds of watermark images remember that Aperture au
|
||||
|
||||
If you want to have full control and the highest quality you should repeat the above steps for every pixel size you are going to export from Aperture. So if you have a email preset which resizes the exported image to 600px than you should use a canvas of 600x600px in Photoshop and draw your watermark at that size. You could save those files with the pixel size added in the file name to avoid confusion.
|
||||
|
||||
Now you can close Photoshop or let it open if you have enough RAM ;-)
|
||||
Now you can close Photoshop or let it open if you have enough RAM.
|
||||
|
||||
|
||||
|
||||
|
||||
@ -160,7 +160,7 @@ And he has found another Parallax effect on the [website of the Rissington Podca
|
||||
|
||||
[Sonus:portals](http://www.sonus-game.com/)
|
||||
|
||||
A star parallax which follows your mouse pointer. Done with jQuery and with heavy CPU load ;-)
|
||||
A star parallax which follows your mouse pointer. Done with jQuery and with heavy CPU load.
|
||||
|
||||
[](http://www.sonus-game.com/)
|
||||
|
||||
|
||||
@ -30,7 +30,7 @@ Either just download the icons or read the exciting story about the First Photog
|
||||
|
||||
# The story behind these icons
|
||||
|
||||
There's a fascinating story behind these icons which is nothing more than the story of the invention of photography. Grab yourself a cup of coffee or tea and sit back while reading this story. Of course, if you're bored already just grab the download package further down this page ;-)
|
||||
There's a fascinating story behind these icons which is nothing more than the story of the invention of photography. Grab yourself a cup of coffee or tea and sit back while reading this story. Of course, if you're bored already just grab the download package further down this page.
|
||||
|
||||
## Nicéphore Niépce and The First Photograph
|
||||
|
||||
@ -62,7 +62,7 @@ If you're interested in all the different processes and techniques used by Niép
|
||||
|
||||
Finally let me say that this is just a brief description of Niépce's discoveries and photographic inventions in general. If you're interested I've provided some more resources for you to dive into this topic after the next paragraph.
|
||||
|
||||
Now switch back from historical learning to Icon Design ;-)
|
||||
Now switch back from historical learning to Icon Design.
|
||||
|
||||
## References in the icons
|
||||
|
||||
@ -70,7 +70,7 @@ The Camera Obscura seen in my icon set is a drawing of the replica of Niépce's
|
||||
|
||||
The photography you can find in the iPhoto icon is the First Photograph "View from the Window at Le Gras", produced as a Heliography and dated to 1826 or 1827.
|
||||
|
||||
And finally, if you know the Aperture and iPhoto icons then you may have noticed the references to these applications too (just compare the lenses). ;-)
|
||||
And finally, if you know the Aperture and iPhoto icons then you may have noticed the references to these applications too (just compare the lenses).
|
||||
|
||||
## Sources and more informations on Nicéphore Niépce
|
||||
|
||||
@ -84,7 +84,7 @@ In-Depth historical article about the First Photograph and Niépce's life in gen
|
||||
When in France you have to visit this museum in Chalon sur Saône where they have a Niépce and a Daguerre room.
|
||||
|
||||
[Nicéphore Niépce on Wikipedia](http://en.wikipedia.org/wiki/Nicéphore_Niépce)
|
||||
If you're more into un-referenced facts (Citation needed) ;-)
|
||||
If you're more into un-referenced facts (Citation needed)
|
||||
|
||||
[The Daguerreian Society: Daguerreian texts](http://daguerre.org/resource/texts.html)
|
||||
Massive 19th and 20th century text archive of The Daguerreian Society about the daguerreotype
|
||||
|
||||
@ -19,7 +19,7 @@ redirect_from:
|
||||
|
||||
In addition to my Niépce's Camera Obscura icons for Aperture and iPhoto I have made some Wallpapers containing both icons.
|
||||
|
||||
All Wallpapers are using a custom designed background which imitates the look of a metal plate like it was used in Niépce's experiments although it wasn't golden ;-) To make it more Mac style I have added a stenciled dots pattern (which is a commonly used reference to the front design of the MacPro).
|
||||
All Wallpapers are using a custom designed background which imitates the look of a metal plate like it was used in Niépce's experiments although it wasn't golden. To make it more Mac style I have added a stenciled dots pattern (which is a commonly used reference to the front design of the MacPro).
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/niepces_camera_obscura_wallpaper_pack_by_kremalicious.zip">Download Niépce's Camera Obscura Wallpaper</a>
|
||||
|
||||
@ -251,4 +251,4 @@ And finally there's my Futurama: Out Of Whale Oil Wallpaper pack for Desktop and
|
||||
|
||||
And that's it folks. Hope you enjoyed this fun article. If you know of more Mac or Apple references in Futurama or links to nice Futurama icons, wallpapers or application resources feel free to post them in the comments.
|
||||
|
||||
As always: before making your next coffee you should share this article on your favorite social website. Your vote is highly appreciated! After you've finished voting and making your next coffee or tea you could subscribe to my [RSS-Feed](http://www.kremalicious.com/feed/), discuss this article or buy me my next coffee ;-)
|
||||
As always: before making your next coffee you should share this article on your favorite social website. Your vote is highly appreciated! After you've finished voting and making your next coffee or tea you could subscribe to my [RSS-Feed](http://www.kremalicious.com/feed/), discuss this article or buy me my next coffee.
|
||||
|
||||
@ -19,7 +19,7 @@ redirect_from:
|
||||
- /2009/02/out-of-whale-oil/
|
||||
---
|
||||
|
||||
Simple, high-resolution Futurama tribute wallpaper pack inspired by the latest Futurama movie Into The Wild Green Yonder. This pack includes 4 versions of the Planet Express ship whale oil indicator in 2 different sizes for desktop and iPhone use. Vivid pink Feminista versions included too ;-)
|
||||
Simple, high-resolution Futurama tribute wallpaper pack inspired by the latest Futurama movie Into The Wild Green Yonder. This pack includes 4 versions of the Planet Express ship whale oil indicator in 2 different sizes for desktop and iPhone use. Vivid pink Feminista versions included too.
|
||||
|
||||
Here're the details for the whole pack:
|
||||
|
||||
@ -31,7 +31,7 @@ Simple, high-resolution Futurama tribute wallpaper pack inspired by the latest F
|
||||
|
||||
[](http://www.kremalicious.com/goodies/#wall)
|
||||
|
||||
Seriously, the pink versions are burning my eyes but the pink is a good reference to the events in the recent movie ;-)
|
||||
Seriously, the pink versions are burning my eyes but the pink is a good reference to the events in the recent movie.
|
||||
|
||||
<p class="content-download">
|
||||
<a class="icon-download" href="/media/out-of-whale-oil-wall-by-kremalicious.zip">Download</a>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -14,7 +14,7 @@ tags:
|
||||
- icon
|
||||
---
|
||||
|
||||
Here's a quick twitter icon for use on your websites which is kind of a by-product from one of my last projects. But I would consider it a waste to just bury this deep in my filesystem so I think it's best I'm throwing this out to you. ;-)
|
||||
Here's a quick twitter icon for use on your websites which is kind of a by-product from one of my last projects. But I would consider it a waste to just bury this deep in my filesystem so I think it's best I'm throwing this out to you.
|
||||
|
||||
This icon comes in various formats (PNG, ICNS, iContainer) and in 4 different sizes (128px, 48px, 32px, 16px) with each icon size redrawn (of course). Just head over [to my Goodies page](http://www.kremalicious.com/goodies/) or click the following download button and grab these icons while they're hot.
|
||||
|
||||
|
||||
@ -19,7 +19,7 @@ Here's a new desktop goodie for your pleasure. It's a replacement dock icon for
|
||||
|
||||
|
||||
|
||||
While the Tweetie Mac icon (and it's UI) was discussed quite controversial (which caused some very nice Tweetie replacement icons to appear, like [here](http://jonasraskdesign.com/medias/medias.html), [here](http://iconblock.deviantart.com/art/Tweetie-Mix-120360482), [here](http://macthemes2.net/forum/viewtopic.php?id=16795744) or [here](http://www.flickr.com/photos/marcelomarfil/3611311439/)), I grew to like the style of it. But Adium beside Tweetie in the Dock just looked weird... (No offense, [Adam](http://www.artofadambetts.com/weblog/?p=108) ;-)) So I redrew the whole icon and used Adium's duck silhouette on it and made some obvious and subtle changes in comparison to the Tweetie icon. And thanks to [Loren](http://blog.atebits.com/) who kind of rubber-stamped this icon release.
|
||||
While the Tweetie Mac icon (and it's UI) was discussed quite controversial (which caused some very nice Tweetie replacement icons to appear, like [here](http://jonasraskdesign.com/medias/medias.html), [here](http://iconblock.deviantart.com/art/Tweetie-Mix-120360482), [here](http://macthemes2.net/forum/viewtopic.php?id=16795744) or [here](http://www.flickr.com/photos/marcelomarfil/3611311439/)), I grew to like the style of it. But Adium beside Tweetie in the Dock just looked weird... (No offense, [Adam](http://www.artofadambetts.com/weblog/?p=108)) So I redrew the whole icon and used Adium's duck silhouette on it and made some obvious and subtle changes in comparison to the Tweetie icon. And thanks to [Loren](http://blog.atebits.com/) who kind of rubber-stamped this icon release.
|
||||
|
||||
The icon comes in various formats (iContainer, icns, png) in sizes from 512px-16px and as an Adium dock icon package. This icon package uses some more icons (just 128px each) for the different states of Adium (online, offline, alert etc.) and includes the application icon too.
|
||||
|
||||
@ -40,4 +40,4 @@ Just head over [to my Goodies page](http://www.kremalicious.com/goodies/) or cli
|
||||
|
||||
The icon is free for your personal use and I hope you'll enjoy it. If you do, don't forget to [spread the word via Twitter](http://twitter.com/home?status=Adiumeetie%3A%20Tweetie%20Style%20Adium%20Dock%20Icon%20from%20%40kremalicious%20http://kremalicious.com/adiumeetie/) and all your other favorite social media sites.
|
||||
|
||||
Oh, and for best look and karma you should [buy a license for Tweetie](http://www.atebits.com/tweetie-mac/buy/) right away ;-)
|
||||
Oh, and for best look and karma you should [buy a license for Tweetie](http://www.atebits.com/tweetie-mac/buy/) right away.
|
||||
|
||||
@ -174,7 +174,7 @@ Well and that's it. I would love to link to some smart WordPress Codex pages for
|
||||
<a href="http://krlc.us/givecoffee"></a>
|
||||
|
||||
|
||||
As always: before making your next coffee you should share this article on your favorite social website. Your vote is highly appreciated! After you've finished voting and making your next coffee or tea you could subscribe to my [RSS-Feed](http://www.kremalicious.com/feed/), discuss this article or buy me my next coffee ;-)
|
||||
As always: before making your next coffee you should share this article on your favorite social website. Your vote is highly appreciated! After you've finished voting and making your next coffee or tea you could subscribe to my [RSS-Feed](http://www.kremalicious.com/feed/), discuss this article or buy me my next coffee.
|
||||
|
||||
|
||||
|
||||
|
||||
@ -62,13 +62,13 @@ You can do this under *System Preferences > Network* by creating a specific Tor
|
||||
|
||||
|
||||
|
||||
After hitting *OK* & *Apply* at the initial network screen, you can easily switch to this newly created location from your menu bar under > Location whenever you start up Tor.
|
||||
After hitting *OK* & *Apply* at the initial network screen, you can easily switch to this newly created location from your menu bar under * > Location* whenever you start up Tor.
|
||||
|
||||
Switching to the Tor location routes all network traffic on your system through Tor. Note that you have to repeat those steps for every other network interface if you use, say, Wi-Fi and Ethernet interchangeably.
|
||||
|
||||
## All in one go: start Tor & set network proxy settings automatically
|
||||
|
||||
When you're already in the Terminal to start up Tor, additionally setting the network settings invloves a lot of fiddling around. Ain't nobody got time for that.
|
||||
When you're already in the Terminal to start up Tor, additionally setting the network settings involves a lot of fiddling around. Ain't nobody got time for that.
|
||||
|
||||
Thankfully macOS provides a way to programmatically set those proxy values via the `networksetup` utility. I've found a [nice script](http://leonid.shevtsov.me/en/an-easy-way-to-use-tor-on-os-x) for this but running it opened multiple admin password prompts. So I extended it a bit to make it more user friendly.
|
||||
|
||||
|
||||
126
gulpfile.js
126
gulpfile.js
@ -1,5 +1,7 @@
|
||||
'use strict'
|
||||
|
||||
// load plugins
|
||||
var $ = require('gulp-load-plugins')();
|
||||
var $ = require('gulp-load-plugins')()
|
||||
|
||||
// manually require modules that won"t get picked up by gulp-load-plugins
|
||||
var gulp = require('gulp'),
|
||||
@ -8,52 +10,52 @@ var gulp = require('gulp'),
|
||||
parallelize = require('concurrent-transform'),
|
||||
browser = require('browser-sync'),
|
||||
autoprefixer = require('autoprefixer'),
|
||||
cssnano = require('cssnano');
|
||||
cssnano = require('cssnano')
|
||||
|
||||
// Temporary solution until gulp 4
|
||||
// https://github.com/gulpjs/gulp/issues/355
|
||||
var runSequence = require('run-sequence');
|
||||
var runSequence = require('run-sequence')
|
||||
|
||||
// handle errors
|
||||
var onError = function(error) {
|
||||
$.util.log('');
|
||||
$.util.log($.util.colors.red('You fucked up:', error.message, 'on line' , error.lineNumber));
|
||||
$.util.log('');
|
||||
this.emit('end');
|
||||
$.util.log('')
|
||||
$.util.log($.util.colors.red('You fucked up:', error.message, 'on line' , error.lineNumber))
|
||||
$.util.log('')
|
||||
this.emit('end')
|
||||
}
|
||||
|
||||
// 'development' is just default, production overrides are triggered
|
||||
// by adding the production flag to the gulp command e.g. `gulp build --production`
|
||||
var isProduction = ($.util.env.production === true ? true : false);
|
||||
var isProduction = ($.util.env.production === true ? true : false)
|
||||
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
// Terminal Banner
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
|
||||
console.log("");
|
||||
console.log($.util.colors.gray(" <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>"));
|
||||
console.log("");
|
||||
console.log($.util.colors.cyan(" (o) Just what do you think you're doing,", process.env.USER, "? "));
|
||||
console.log("");
|
||||
console.log($.util.colors.gray(" <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>"));
|
||||
console.log("");
|
||||
console.log("")
|
||||
console.log($.util.colors.gray(" <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>"))
|
||||
console.log("")
|
||||
console.log($.util.colors.cyan(" (o) Just what do you think you're doing,", process.env.USER, "? "))
|
||||
console.log("")
|
||||
console.log($.util.colors.gray(" <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>"))
|
||||
console.log("")
|
||||
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
// Config
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
|
||||
// Port to use for the development server.
|
||||
var PORT = 1337;
|
||||
var PORT = 1337
|
||||
|
||||
// Browsers to target when prefixing CSS.
|
||||
var COMPATIBILITY = ['last 2 versions', 'ie >= 9'];
|
||||
var COMPATIBILITY = ['last 2 versions', 'ie >= 10']
|
||||
|
||||
// paths
|
||||
var SRC = '_src',
|
||||
DIST = '_site',
|
||||
S3BUCKET = 'kremalicious.com',
|
||||
S3PATH = '/',
|
||||
S3REGION = 'eu-central-1';
|
||||
S3REGION = 'eu-central-1'
|
||||
|
||||
// icons
|
||||
var ICONS = {
|
||||
@ -67,12 +69,12 @@ var ICONS = {
|
||||
}
|
||||
}
|
||||
|
||||
var iconset = ICONS.entypo;
|
||||
var iconset = ICONS.entypo
|
||||
|
||||
// Iterate through the icon set array
|
||||
iconset.icons.forEach(function(icon, i, icons) {
|
||||
icons[i] = iconset.src + icon + '.svg';
|
||||
});
|
||||
icons[i] = iconset.src + icon + '.svg'
|
||||
})
|
||||
|
||||
// SVG sprite
|
||||
var SPRITE = {
|
||||
@ -104,7 +106,7 @@ var BANNER = [
|
||||
' ** <%= pkg.repository.url %> ',
|
||||
' **/',
|
||||
''
|
||||
].join('\n');
|
||||
].join('\n')
|
||||
|
||||
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
@ -120,28 +122,28 @@ gulp.task('clean', function(done) {
|
||||
DIST + '/.*', // delete all hidden files
|
||||
'!' + DIST + '/media/**'
|
||||
], done)
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
// Jekyll
|
||||
//
|
||||
gulp.task('jekyll', function(cb) {
|
||||
browser.notify('Compiling Jekyll');
|
||||
browser.notify('Compiling Jekyll')
|
||||
|
||||
var spawn = require('child_process').spawn;
|
||||
var spawn = require('child_process').spawn
|
||||
|
||||
if (isProduction) {
|
||||
process.env.JEKYLL_ENV = 'production';
|
||||
var jekyll = spawn('bundle', ['exec', 'jekyll', 'build', '--lsi'], { stdio: 'inherit' });
|
||||
process.env.JEKYLL_ENV = 'production'
|
||||
var jekyll = spawn('bundle', ['exec', 'jekyll', 'build', '--lsi'], { stdio: 'inherit' })
|
||||
} else {
|
||||
var jekyll = spawn('bundle', ['exec', 'jekyll', 'build', '--config', '_config.yml,_config.dev.yml', '--drafts', '--future', '--incremental'], { stdio: 'inherit' });
|
||||
var jekyll = spawn('bundle', ['exec', 'jekyll', 'build', '--config', '_config.yml,_config.dev.yml', '--drafts', '--future', '--incremental'], { stdio: 'inherit' })
|
||||
}
|
||||
|
||||
jekyll.on('exit', function(code) {
|
||||
cb(code === 0 ? null : 'ERROR: Jekyll process exited with code: ' + code);
|
||||
});
|
||||
});
|
||||
cb(code === 0 ? null : 'ERROR: Jekyll process exited with code: ' + code)
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -161,7 +163,7 @@ gulp.task('html', function() {
|
||||
minifyCSS: true
|
||||
})))
|
||||
.pipe(gulp.dest(DIST))
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -172,7 +174,7 @@ gulp.task('css', function() {
|
||||
var processors = [
|
||||
autoprefixer({ browsers: COMPATIBILITY }),
|
||||
cssnano()
|
||||
];
|
||||
]
|
||||
|
||||
return gulp.src([
|
||||
SRC + '/_assets/styl/kremalicious3.styl',
|
||||
@ -186,7 +188,7 @@ gulp.task('css', function() {
|
||||
.pipe($.rename({ suffix: '.min' }))
|
||||
.pipe(gulp.dest(DIST + '/assets/css/'))
|
||||
.pipe(browser.stream())
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -201,7 +203,7 @@ gulp.task('js:libraries', function() {
|
||||
.pipe($.if(isProduction, $.uglify())).on('error', onError)
|
||||
.pipe($.rename({ suffix: '.min'}))
|
||||
.pipe(gulp.dest(DIST + '/assets/js/'))
|
||||
});
|
||||
})
|
||||
|
||||
// Project js
|
||||
gulp.task('js:project', function() {
|
||||
@ -213,7 +215,7 @@ gulp.task('js:project', function() {
|
||||
.pipe($.if(isProduction, $.header(BANNER, { pkg: pkg })))
|
||||
.pipe($.rename({suffix: '.min'}))
|
||||
.pipe(gulp.dest(DIST + '/assets/js/'))
|
||||
});
|
||||
})
|
||||
|
||||
// Service Worker js
|
||||
gulp.task('js:sw', function() {
|
||||
@ -224,7 +226,7 @@ gulp.task('js:sw', function() {
|
||||
}
|
||||
}))).on('error', onError)
|
||||
.pipe(gulp.dest(DIST + '/'))
|
||||
});
|
||||
})
|
||||
|
||||
// Collect all script tasks
|
||||
gulp.task('js', ['js:libraries', 'js:project', 'js:sw'])
|
||||
@ -241,7 +243,7 @@ gulp.task('icons', function() {
|
||||
.pipe($.if(isProduction, $.imagemin({ svgoPlugins: [{ removeViewBox: false }] })))
|
||||
.pipe($.svgSprite(SPRITE))
|
||||
.pipe(gulp.dest(iconset.dist))
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -260,7 +262,7 @@ gulp.task('images', function() {
|
||||
svgoPlugins: [{ removeViewBox: false }]
|
||||
})))
|
||||
.pipe(gulp.dest(DIST + '/assets/img/'))
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -269,7 +271,7 @@ gulp.task('images', function() {
|
||||
gulp.task('fonts', function() {
|
||||
return gulp.src(SRC + '/_assets/fonts/**/*')
|
||||
.pipe(gulp.dest(DIST + '/assets/fonts/'))
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -278,7 +280,7 @@ gulp.task('fonts', function() {
|
||||
gulp.task('media', function() {
|
||||
return gulp.src(SRC + '/_media/**/*')
|
||||
.pipe(gulp.dest(DIST + '/media/'))
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -294,7 +296,7 @@ gulp.task('rev', function() {
|
||||
.pipe($.if(isProduction, $.rev.manifest()))
|
||||
.pipe(gulp.dest(DIST + '/assets/'))
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -304,12 +306,12 @@ gulp.task('rev', function() {
|
||||
gulp.task('rev:replace', function() {
|
||||
// globbing is slow so do everything conditionally for faster dev build
|
||||
if (isProduction) {
|
||||
var manifest = gulp.src(DIST + '/assets/rev-manifest.json');
|
||||
var manifest = gulp.src(DIST + '/assets/rev-manifest.json')
|
||||
return gulp.src(DIST + '/**/*.{html,xml,txt,json,css,js,png,jpg,jpeg,svg,eot,ttf,woff}')
|
||||
.pipe($.if(isProduction, $.revReplace({ manifest: manifest })))
|
||||
.pipe(gulp.dest(DIST))
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -320,8 +322,8 @@ gulp.task('server', ['build'], function() {
|
||||
server: DIST,
|
||||
port: PORT,
|
||||
reloadDebounce: 2000
|
||||
});
|
||||
});
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
@ -333,13 +335,13 @@ gulp.task('server', ['build'], function() {
|
||||
// Build site, run server, and watch for file changes
|
||||
//
|
||||
gulp.task('default', ['build', 'server'], function() {
|
||||
gulp.watch([SRC + '/_assets/styl/**/*.styl'], ['css']);
|
||||
gulp.watch([SRC + '/_assets/js/*.js'], ['js', browser.reload]);
|
||||
gulp.watch([SRC + '/_assets/img/**/*.{png,jpg,jpeg,gif}'], ['images', browser.reload]);
|
||||
gulp.watch([SRC + '/_assets/img/**/*.{svg}'], ['icons', browser.reload]);
|
||||
gulp.watch([SRC + '/_media/**/*'], ['media', browser.reload]);
|
||||
gulp.watch([SRC + '/**/*.{html,xml,json,txt,md,yml}', './*.yml'], ['build', browser.reload]);
|
||||
});
|
||||
gulp.watch([SRC + '/_assets/styl/**/*.styl'], ['css'])
|
||||
gulp.watch([SRC + '/_assets/js/*.js'], ['js', browser.reload])
|
||||
gulp.watch([SRC + '/_assets/img/**/*.{png,jpg,jpeg,gif}'], ['images', browser.reload])
|
||||
gulp.watch([SRC + '/_assets/img/**/*.{svg}'], ['icons', browser.reload])
|
||||
gulp.watch([SRC + '/_media/**/*'], ['media', browser.reload])
|
||||
gulp.watch([SRC + '/**/*.{html,xml,json,txt,md,yml}', './*.yml'], ['build', browser.reload])
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -347,9 +349,9 @@ gulp.task('default', ['build', 'server'], function() {
|
||||
//
|
||||
gulp.task('build', function(done) {
|
||||
|
||||
console.log($.util.colors.gray(" ------------------------------------------"));
|
||||
console.log($.util.colors.green(' Building ' + ($.util.env.production ? 'production' : 'dev') + ' version...'));
|
||||
console.log($.util.colors.gray(" ------------------------------------------"));
|
||||
console.log($.util.colors.gray(" ------------------------------------------"))
|
||||
console.log($.util.colors.green(' Building ' + ($.util.env.production ? 'production' : 'dev') + ' version...'))
|
||||
console.log($.util.colors.gray(" ------------------------------------------"))
|
||||
|
||||
runSequence(
|
||||
'clean',
|
||||
@ -358,8 +360,8 @@ gulp.task('build', function(done) {
|
||||
'rev',
|
||||
'rev:replace',
|
||||
done
|
||||
);
|
||||
});
|
||||
)
|
||||
})
|
||||
|
||||
|
||||
//
|
||||
@ -375,7 +377,7 @@ gulp.task('deploy', function() {
|
||||
"accessKeyId": process.env.AWS_ACCESS_KEY,
|
||||
"secretAccessKey": process.env.AWS_SECRET_KEY,
|
||||
"region": S3REGION
|
||||
});
|
||||
})
|
||||
|
||||
return gulp.src(DIST + '/**/*')
|
||||
.pipe($.awspublishRouter({
|
||||
@ -407,11 +409,11 @@ gulp.task('deploy', function() {
|
||||
}))
|
||||
// make sure everything goes to the root '/'
|
||||
.pipe($.rename(function (path) {
|
||||
path.dirname = S3PATH + path.dirname;
|
||||
path.dirname = S3PATH + path.dirname
|
||||
}))
|
||||
.pipe(parallelize(publisher.publish(), 100))
|
||||
.pipe(publisher.sync()) // delete files in bucket that are not in local folder
|
||||
.pipe($.awspublish.reporter({
|
||||
states: ['create', 'update', 'delete']
|
||||
}));
|
||||
});
|
||||
}))
|
||||
})
|
||||
|
||||
Loading…
Reference in New Issue
Block a user