Skip to content

Instantly share code, notes, and snippets.

View SirPepe's full-sized avatar

Peter Kröner SirPepe

View GitHub Profile
var names = [
'ThomasP',
'christian',
'Bruno',
'Sascha',
'André',
'Robert',
'claudius',
'gewe',
'Carsten',
@SirPepe
SirPepe / dabblet.css
Created August 14, 2013 12:58
Vorhang-Effekt
/**
* Vorhang-Effekt
*/
@SirPepe
SirPepe / dabblet.css
Created August 14, 2013 13:00
Vorhang-Effekt (Lösung)
/**
* Vorhang-Effekt (Lösung)
*/
/* Container */
#Box {
position: relative;
background:blue;
color: blue;
text-align: center;
@SirPepe
SirPepe / dabblet.css
Created November 11, 2013 11:30
Unter-Überschriften in Dachzeilen verwandeln
/**
* Unter-Überschriften in Dachzeilen verwandeln
*/
header {
display: flex;
flex-direction:column-reverse;
}
@SirPepe
SirPepe / dabblet.css
Created November 11, 2013 11:36
Unter-Überschriften in Dachzeilen verwandeln (breite Version)
/**
* Unter-Überschriften in Dachzeilen verwandeln (breite Version)
*/
header {
display: flex;
flex-direction:column-reverse;
}
module.exports = function(grunt){
grunt.initConfig({
pkg: grunt.file.readJSON('package.json')
});
grunt.loadNpmTasks('grunt-contrib');
@SirPepe
SirPepe / inbox.js
Created July 8, 2014 13:42
Lights up an led when there's unread mail
/* usage: node inbox.js -u [email protected] -p hunter2 */
var Q = require('q');
var minimist = require('minimist');
var inbox = require('inbox');
var Five = require("johnny-five");
function handleError(err){
console.error(err);
@SirPepe
SirPepe / dabblet.css
Created May 4, 2015 15:42
Übung Adaptives Layout
/**
* Übung Adaptives Layout
*/
* { box-sizing: border-box; }
body { padding: 0 1%; font-family: Arial, sans-serif; line-height: 1.6; }
nav ul { list-style: none; margin: 0; padding: 0; }
nav ul a { display: block; float: left; width:12.5%; font-weight: bold; }
#main, footer { clear: both; padding: 1em 0; }
footer { border-top: 1px solid #999; }
#main > section { float: left; width: 65%; }
@SirPepe
SirPepe / dabblet.css
Created May 4, 2015 15:47
Lösung Adaptives Layout
/**
* Lösung Adaptives Layout
*/
* { box-sizing: border-box; }
body { padding: 0 1%; font-family: Arial, sans-serif; line-height: 1.6; }
nav ul { list-style: none; margin: 0; padding: 0; }
nav ul a { display: block; float: left; width:12.5%; font-weight: bold; }
#main, footer { clear: both; padding: 1em 0; }
footer { border-top: 1px solid #999; }
#main > section { float: left; width: 65%; }
@SirPepe
SirPepe / grab.js
Created May 14, 2015 15:15
Karten-Grab
// Benötigt PhantomJS. Benutzung: $ phantomjs grab.js
var page = require('webpage').create();
page.viewportSize = {
width: 10000, // A0: 9933
height: 15000 // A0: 14043
};
page.open('http://localhost/~peter/map/map.html', function(){
setTimeout(function(){