Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View dave-4k's full-sized avatar
💭
loading...

David Vierkötter dave-4k

💭
loading...
View GitHub Profile
@dave-4k
dave-4k / 6tunnel.sh
Last active March 25, 2022 15:16
6tunnel Autostart-Script
#!/bin/sh
sleep 10s
killall 6tunnel
sleep 10s
6tunnel 1194 DDNS-DOMAIN 1194
@dave-4k
dave-4k / temporary-email-address-domains
Last active May 30, 2019 10:44 — forked from adamloving/temporary-email-address-domains
A list of domains for disposable and temporary email addresses. Useful for filtering your email list to increase open rates (sending email to these domains likely will not be opened).
0-mail.com
0815.ru
0clickemail.com
0wnd.net
0wnd.org
10minutemail.com
20minutemail.com
2prong.com
30minutemail.com
3d-painting.com
@dave-4k
dave-4k / codespector.css
Last active May 30, 2017 08:47
Welcome to codespector!
/**
* Welcome to codespector!
*/
body{
background: #31b0d5;
background: linear-gradient(90deg, #555, #333); min-height: 100%;
}
.codespector{
color: #ffffff;
@dave-4k
dave-4k / codespector.css
Created May 30, 2017 08:46
Simple JS Calc
/**
* Simple JS Calc
*/
body{
background: #31b0d5;
background: linear-gradient(90deg, #555, #333);
min-height: 100%;
}
@dave-4k
dave-4k / codespector.css
Last active May 28, 2017 09:50
Padolsey Pattern Generator
/**
* Padolsey Pattern Generator
*/
body { color: #fff; font-family: verdana, sans-serif; padding: 30px; text-shadow: 0 1px 1px #000;}h1 { font-size: 34px; margin: 0 0 15px;}h2 { font-size: 18px;}
@dave-4k
dave-4k / codespector.css
Last active May 27, 2017 07:04
HTML5 Video
/**
* HTML5 Video
*/
body { font-family: 'Arimo', sans-serif;}video {position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;background-size: cover;}/*****************************/.overlay { width: 400px; height: 400px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: rgba(0,0,0,0.3); display: block; position: absolute; top: 10%; left: 50%;}.overlay h1 { text-align: center; padding-top: 100px; color: #fff; font-family: inherit;}.overlay p{ text-align: center; width: 80%; margin: 0 auto; color: #fff; font-family: inherit; margin-bottom: 20px;}.overlay a { color: #fff;}.orange { text-decoration: none;} p a.orange { color: #f27950; }
@dave-4k
dave-4k / codespector.css
Last active May 26, 2017 22:24
Fullscreen iFrame
/**
* Fullscreen iFrame
*/
#fullscreen_iframe{
width: 100%;
height: 100vh; /* 100 percent of vertical height */
border: none;
}
@dave-4k
dave-4k / codespector.css
Created May 26, 2017 17:52
Play Next With SoundCloud HTML5 API
/**
* Play Next With SoundCloud HTML5 API
*/
body { padding: 20px 20px 0; background-color: #eaeaea;}iframe { display: block; width: 728px; margin: 0 auto 20px; box-shadow: 0 0 6px -1px #ddd; background: #fff; border: 2px solid #fff; border-radius: 5px;}
@dave-4k
dave-4k / codespector.css
Created May 24, 2017 22:14
Triangle Machinery
/**
* Triangle Machinery
*/
ShowIfPicked,ShowIfFeatured,ShowIfThumbnail,.show-if-picked,.show-if-featured,.show-if-thumbnail { display: none;}body.pen-is-picked ShowIfPicked,body.pen-is-picked .show-if-picked { display: block;}body.pen-is-featured ShowIfFeatured,body.pen-is-featured .show-if-featured { display: block;}body.pen-is-thumbnail ShowIfThumbnail,body.pen-is-thumbnail .show-if-thumbnail { display: block;}:root { --left: 0; --top: 0;}* { box-sizing: border-box;}html, body { height: 100%;}.message { position: absolute; bottom: 20px; left: 20px; color: #ddd; font-size: 28px; font-family: georgia;}Scene { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #111; -webkit-perspective: 500px; perspective: 500px;}Shape { width: 45vmin; height: 45vmin; position: relativ
@dave-4k
dave-4k / codespector.css
Created May 24, 2017 22:32
Front End Day 93 - MacOS Dock with CSS!
/**
* Front End Day 93 - MacOS Dock with CSS!
*/
html, body { padding: 0px; margin: 0px; background: #222; font-family: 'Ubuntu', sans-serif; color: #FFF; height: 100%;}body { background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/545665/bg_mountainroad.jpg"); background-size: cover; background-position: center;}.dockposition { position: absolute; height: 100px; width: 100%; bottom: 0px;}.dockposition .content { width: 680px; margin: auto; height: 100%; background: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0px 0px; position: relative;}.dockposition .content .back { position: absolute; height: 100%; width: 100%; left: 0px; overflow: hidden;}.dockposition .content .back:after { content: ''; background: rgba(255, 255, 255, 0.25); width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; -webkit-filter: blur(10px); filter: blur(10px);}.dockposition .icons { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;}.dockposition