Skip to content

Instantly share code, notes, and snippets.

@gustavoquinalha
gustavoquinalha / index.html
Created October 12, 2015 23:55
very simple svg animation
<link href='http://fonts.googleapis.com/css?family=Freckle+Face' rel='stylesheet' type='text/css'>
<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 50 750 10" width="95%" height="90%">
<path id="img_1" d="m 1.754386,184.81832 739.473684,0" />
<path id="img_2" d="m 199.12281,171.66043 46.49123,-44.73684 36.8421,44.73684 139.47368,-141.228072 89.47369,141.228072 72.80702,-67.54386 51.75438,67.54386"/>
@gustavoquinalha
gustavoquinalha / html
Created April 5, 2017 20:52
menu cacique
<div class="top-menu">
<div class="visible-md visible-lg">
<div class="header-menu">
<div class="">
<a href="#" class="header-menu-mobile-button">Categorias</a>
<ul class="header-menu-list">
<li class="header-menu-item">
<a href="/bebidas-1" title="Bebidas"><span class='icon bebidas'></span>Bebidas</a>
<div class='submenu no-image bebidas'>
<ul class="container-flex">
@gustavoquinalha
gustavoquinalha / css
Last active April 6, 2017 14:02
menu cacique css
#orders-list {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
width: 100%;
float: left;
}
#orders-list li {
margin: 0 0 10px 0;
padding: 10px;
gulp.task('css', function(){
gulp.src('css/*.css')
.pipe(uncss({
html: ['*.html'],
js: ['*.js']
}))
.pipe(cleanCSS({debug: true}, function(details) {
console.log(details.name + ': ' + details.stats.originalSize);
console.log(details.name + ': ' + details.stats.minifiedSize);
}))
gulp.task('un-css', function () {
return gulp.src('css/all.css')
.pipe(uncss({
html: ['*.html'],
js: ['*.js']
}))
.pipe(rename('final-clean.css'))
.pipe(gulp.dest('css/final'))
});
gulp.task('minifi-css', function(){
gulp.src('css/final/final-clean.css')
.pipe(concat('minific.min.css'))
.pipe(uglify())
.pipe(gulp.dest('css'))
});
gulp.task('build-js', function(){
gulp.src('js/*.js')
.pipe(concat('all.js'))
.pipe(gulp.dest('js/test/'))
})
gulp.task('minifi-js', function(){
gulp.src('js/test/all.js')
.pipe(concat('final.min.js'))
.pipe(uglify())
.pipe(gulp.dest('js'))
});
gulp.task('build-img', function(){
gulp.src('img/**/*')
.pipe(imagemin())
.pipe(gulp.dest('img'));
})
gulp.task('browser-sy', function() {
browserSync.init({
server: {
baseDir: ''
},
})
})