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
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
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
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 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 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 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
@dave-4k
dave-4k / codespector.css
Created May 24, 2017 22:30
CSS3 Checkbox Styles
/**
* CSS3 Checkbox Styles
*/
/* $activeColor: #c0392b; //red *//* $background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/13460/dark_wall.png'); *//* .slideOne */.slideOne { width: 50px; height: 10px; background: #333; margin: 20px auto; position: relative; border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);}.slideOne label { display: block; width: 16px; height: 16px; position: absolute; top: -3px; left: -3px; cursor: pointer; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}.slideOne input[type=checkbox] { visibility: hidden;}.slideOne input[type=checkbox]:checked + label { left: 37px;}/* end .slideOne *//* .slideTwo */.slideTwo { width: 80px; height: 30px;
/**
* CSS Bike
*/
body { background: peachpuff;}.bike { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}.line:nth-child(1) { transform: rotate(6deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(2) { transform: rotate(12deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(3) { transform: rotate(18deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(4) { transform: rotate(24deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(5) { transform: rotate(30deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(6) { transform: rotate(36deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-