Small changes

This commit is contained in:
Jan Jastrow 2014-08-19 03:36:43 +02:00
parent 6d9a0714d5
commit ea63243d6a
4 changed files with 175 additions and 38 deletions

View File

@ -19,7 +19,7 @@ var gulp = require('gulp'),
gulp.task('styles', function() { gulp.task('styles', function() {
gulp.src('./src/scss/main.scss') gulp.src('./src/scss/main.scss')
.pipe(sass({ style: 'expanded' })) .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(gulp.dest('./css'))
.pipe(rename({suffix: '.min'})) .pipe(rename({suffix: '.min'}))
.pipe(cssmin()) .pipe(cssmin())

112
htaccess Normal file
View File

@ -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

24
package.json Normal file
View File

@ -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",
}
}

View File

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