Small changes

gulpfile.js

@@ -19,7 +19,7 @@ var	gulp 			= require('gulp'),
 gulp.task('styles', function() {
 	gulp.src('./src/scss/main.scss')
 		.pipe(sass({ style: 'expanded' }))
-		.pipe(autoprefixer('last 2 version', 'IE 9', 'safari 5', 'Firefox ESR', 'opera 12.1', 'ios 6', 'android 4', 'BlackBerry 10',))
+		.pipe(autoprefixer('last 2 version', 'IE 9', 'safari 5', 'Firefox ESR', 'opera 12.1', 'ios 6', 'android 4', 'BlackBerry 10'))
 		.pipe(gulp.dest('./css'))
 		.pipe(rename({suffix: '.min'}))
 		.pipe(cssmin())

htaccess

@@ -0,0 +1,112 @@
+# CHARSET
+AddDefaultCharset utf-8
+
+
+# MIME TYPES
+AddType application/font-woff .woff
+AddType application/javascript .js
+
+
+# BEGIN Compression
+<IfModule mod_deflate.c>
+
+    # Force compression for mangled headers.
+    # http://developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping
+    <IfModule mod_setenvif.c>
+        <IfModule mod_headers.c>
+            SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
+            RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
+        </IfModule>
+    </IfModule>
+
+    # Compress all output labeled with one of the following MIME-types
+    <IfModule mod_filter.c>
+        AddOutputFilterByType DEFLATE application/atom+xml \
+                                      application/javascript \
+                                      application/json \
+                                      application/ld+json \
+                                      application/rss+xml \
+                                      application/vnd.ms-fontobject \
+                                      application/x-font-ttf \
+                                      application/x-web-app-manifest+json \
+                                      application/xhtml+xml \
+                                      application/xml \
+                                      font/opentype \
+                                      image/svg+xml \
+                                      image/x-icon \
+                                      text/css \
+                                      text/html \
+                                      text/plain \
+                                      text/x-component \
+                                      text/xml
+    </IfModule>
+
+</IfModule>
+# END Compression
+
+
+# Remove `ETags` as resources are sent with far-future expires headers.
+# http://developer.yahoo.com/performance/rules.html#etags.
+
+# `FileETag None` doesn't work in all cases.
+<IfModule mod_headers.c>
+    Header unset ETag
+</IfModule>
+
+FileETag None
+# END Remove `ETags`
+
+
+# Expires headers
+<IfModule mod_expires.c>
+
+    ExpiresActive on
+    ExpiresDefault                                      "access plus 1 month"
+
+  # CSS
+    ExpiresByType text/css                              "access plus 1 year"
+
+  # Data interchange
+    ExpiresByType application/json                      "access plus 0 seconds"
+    ExpiresByType application/ld+json                   "access plus 0 seconds"
+    ExpiresByType application/xml                       "access plus 0 seconds"
+    ExpiresByType text/xml                              "access plus 0 seconds"
+
+  # Favicon (cannot be renamed!) and cursor images
+    ExpiresByType image/x-icon                          "access plus 1 week"
+
+  # HTML components (HTCs)
+    ExpiresByType text/x-component                      "access plus 1 month"
+
+  # HTML
+    ExpiresByType text/html                             "access plus 0 seconds"
+
+  # JavaScript
+    ExpiresByType application/javascript                "access plus 1 year"
+
+  # Manifest files
+    ExpiresByType application/x-web-app-manifest+json   "access plus 0 seconds"
+    ExpiresByType text/cache-manifest                   "access plus 0 seconds"
+
+  # Media
+    ExpiresByType audio/ogg                             "access plus 1 month"
+    ExpiresByType image/gif                             "access plus 1 month"
+    ExpiresByType image/jpeg                            "access plus 1 month"
+    ExpiresByType image/png                             "access plus 1 month"
+    ExpiresByType video/mp4                             "access plus 1 month"
+    ExpiresByType video/ogg                             "access plus 1 month"
+    ExpiresByType video/webm                            "access plus 1 month"
+
+  # Web feeds
+    ExpiresByType application/atom+xml                  "access plus 1 hour"
+    ExpiresByType application/rss+xml                   "access plus 1 hour"
+
+  # Web fonts
+    ExpiresByType application/font-woff                 "access plus 1 month"
+    ExpiresByType application/vnd.ms-fontobject         "access plus 1 month"
+    ExpiresByType application/x-font-ttf                "access plus 1 month"
+    ExpiresByType font/opentype                         "access plus 1 month"
+    ExpiresByType image/svg+xml                         "access plus 1 month"
+
+</IfModule>
+# END Expires headers

package.json

@@ -0,0 +1,24 @@
+{
+	"name": "ProjectName",
+	"description": "Project description",
+	"version": "1.0.0",
+	"homepage": "projecturl",
+	"url" : "http://github.com/Gehirnfussel/project/issues",
+	"email" : "jan@schwerkraftlabor.de",
+	"devDependencies": {
+		"gulp": "~3.8.6",
+		"gulp-sass": "~0.7.2",
+		"gulp-autoprefixer": "~0.0.8",
+		"gulp-cssmin": "~0.1.6",
+		"gulp-jshint": "~1.8.0",
+		"gulp-uglify": "~0.3.1",
+		"gulp-imagemin": "0.6.2",
+		"gulp-concat": "~2.3.4",
+		"gulp-rename": "~1.2.0",
+		"gulp-rimraf": "~0.1.0",
+		"gulp-watch": "~0.6.9",
+		"gulp-cache": "~0.2.0",
+		"gulp-notify": "~1.4.0",
+		"gulp-livereload": "~2.1.0",
+	}
+}

src/scss/_defaults.scss

@@ -9,39 +9,40 @@ $font-mono: Courier, monospace;
 --------------------------*/
 
 *, *:before, *:after {
-	box-sizing: inherit;
+    box-sizing: inherit;
-	padding: 0;
+    padding: 0;
-	margin: 0;
+    margin: 0;
 }
 
 html {
-	height: 100%;
+    height: 100%;
-	box-sizing: border-box;
+    box-sizing: border-box;
+    text-size-adjust: 100%;
 }
 
 /* Ideal Viewport-Fix for IE */
 @-ms-viewport {
-	width: device-width;
+    width: device-width;
 }
 
 /*  Cleafix
 --------------------------*/
 .clearfix::before,
 .clearfix::after {
-	content: " ";
+    content: " ";
-	display: table;
+    display: table;
 }
 
 .clearfix::after {
-	clear: both;
+    clear: both;
 }
 
 .clearfix {
-	*zoom: 1;
+    *zoom: 1;
 }
 
 /*  FLUIDITY v0.1.0
-	@mrmrs - http://mrmrs.cc – MIT
+    @mrmrs - http://mrmrs.cc – MIT
 --------------------------*/
 
 img, canvas, iframe, video, svg { max-width: 100%; }
@@ -51,65 +52,65 @@ img, canvas, iframe, video, svg { max-width: 100%; }
 --------------------------*/
 
 .video {
-	position: relative;
+    position: relative;
-	height: 0;
+    height: 0;
-	padding-bottom: 56.25%;
+    padding-bottom: 56.25%;
 
-	& > * {
+    & > * {
-	position: absolute;
+    position: absolute;
-	top: 0;
+    top: 0;
-	left: 0;
+    left: 0;
-	height: 100%;
+    height: 100%;
-	width: 100%;
+    width: 100%;
-	}
+    }
 }
 
 /*  Grid and stuff
 --------------------------*/
 .container {
-	margin: 0 auto;
+    margin: 0 auto;
-	/*max-width: 960px;
+    /*max-width: 960px;
-	width: 90%;*/
+    width: 90%;*/
 }
 
 .row {
-	overflow: hidden;
+    overflow: hidden;
-	max-width: 960px;
+    max-width: 960px;
-	margin: 0 auto;
+    margin: 0 auto;
 }
 .fullrow {
-	max-width: 100%;
+    max-width: 100%;
 }
 
 .column {
-	float: left;
+    float: left;
-	margin-left: 5%;
+    margin-left: 5%;
 }
 
 .column:first-child {
-	margin-left: 0;
+    margin-left: 0;
 }
 
 .column.full {
-	width: 100%;
+    width: 100%;
 }
 
 .column.three-fourth {
-	width: 63.75%;
+    width: 63.75%;
 }
 
 .column.two-thirds {
-	width: 65%;
+    width: 65%;
 }
 
 .column.half {
-	width: 47.5%;
+    width: 47.5%;
 }
 
 .column.one-third {
-	width: 30%;
+    width: 30%;
 }
 
 .column.one-fourth {
-	width: 21.25%;
+    width: 21.25%;
 }