commit initial

.gitignore

@@ -0,0 +1,5 @@
+node_modules/
+swoopBuf
+.DS_Store
+.idea/
+*.map

css/sprite.css

@@ -0,0 +1,162 @@
+/*
+Icon classes can be used entirely standalone. They are named after their original file names.
+
+Example usage in HTML:
+
+`display: block` sprite:
+<div class="icon-home"></div>
+
+To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
+
+// CSS
+.icon {
+  display: inline-block;
+}
+
+// HTML
+<i class="icon icon-home"></i>
+*/
+.icon-amarrages-gris {
+  background-image: url(../img/sprite.png);
+  background-position: -181px 0px;
+  width: 181px;
+  height: 181px;
+}
+.icon-amarrages-orange {
+  background-image: url(../img/sprite.png);
+  background-position: 0px -543px;
+  width: 181px;
+  height: 181px;
+}
+.icon-antichute-gris {
+  background-image: url(../img/sprite.png);
+  background-position: 0px -181px;
+  width: 181px;
+  height: 181px;
+}
+.icon-antichute-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -181px -181px;
+  width: 181px;
+  height: 181px;
+}
+.icon-bloqueurs-gris {
+  background-image: url(../img/sprite.png);
+  background-position: -362px 0px;
+  width: 181px;
+  height: 181px;
+}
+.icon-bloqueurs-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -362px -181px;
+  width: 181px;
+  height: 181px;
+}
+.icon-casques-gris {
+  background-image: url(../img/sprite.png);
+  background-position: 0px -362px;
+  width: 181px;
+  height: 181px;
+}
+.icon-casques-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -181px -362px;
+  width: 181px;
+  height: 181px;
+}
+.icon-connecteurs-gris {
+  background-image: url(../img/sprite.png);
+  background-position: -362px -362px;
+  width: 181px;
+  height: 181px;
+}
+.icon-connecteurs-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -543px 0px;
+  width: 181px;
+  height: 181px;
+}
+.icon-cordes-gris {
+  background-image: url(../img/sprite.png);
+  background-position: -543px -181px;
+  width: 181px;
+  height: 181px;
+}
+.icon-cordes-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -543px -362px;
+  width: 181px;
+  height: 181px;
+}
+.icon-descendeurs-gris {
+  background-image: url(../img/sprite.png);
+  background-position: 0px 0px;
+  width: 181px;
+  height: 181px;
+}
+.icon-descendeurs-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -181px -543px;
+  width: 181px;
+  height: 181px;
+}
+.icon-harnais-gris {
+  background-image: url(../img/sprite.png);
+  background-position: -362px -543px;
+  width: 181px;
+  height: 181px;
+}
+.icon-harnais-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -543px -543px;
+  width: 181px;
+  height: 181px;
+}
+.icon-lampes-gris {
+  background-image: url(../img/sprite.png);
+  background-position: -724px 0px;
+  width: 181px;
+  height: 181px;
+}
+.icon-lampes-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -724px -181px;
+  width: 181px;
+  height: 181px;
+}
+.icon-longes-gris {
+  background-image: url(../img/sprite.png);
+  background-position: -724px -362px;
+  width: 181px;
+  height: 181px;
+}
+.icon-longes-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -724px -543px;
+  width: 181px;
+  height: 181px;
+}
+.icon-poulies-gris {
+  background-image: url(../img/sprite.png);
+  background-position: 0px -724px;
+  width: 181px;
+  height: 181px;
+}
+.icon-poulies-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -181px -724px;
+  width: 181px;
+  height: 181px;
+}
+.icon-sacs-gris {
+  background-image: url(../img/sprite.png);
+  background-position: -362px -724px;
+  width: 181px;
+  height: 181px;
+}
+.icon-sacs-orange {
+  background-image: url(../img/sprite.png);
+  background-position: -543px -724px;
+  width: 181px;
+  height: 181px;
+}

gulpfile.js

@@ -0,0 +1,22 @@
+//commande d'installation
+/*
+
+npm install
+
+// pour souvenir
+npm i gulp gulp.spritesmith --save
+
+ */
+//Requires
+var gulp = require('gulp'),
+    spritesmith  = require('gulp.spritesmith')
+
+gulp.task('sprite', function () {
+    var spriteData = gulp.src('img_entree/*.png')
+        .pipe(spritesmith({
+            /* this whole image path is used in css background declarations */
+            imgName: 'img/sprite.png',
+            cssName: 'css/sprite.css'
+        }));
+    return spriteData.pipe(gulp.dest('./'));
+});