kevinmarks

Day job:

Favorite Python project:

Favorite Conference:

Python Experience Level:

kevinmarks

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
#fp transform: rotate(45); 

kevinmarks

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
.fp {
	-webkit-transform: scale(6,.5);
}

kevinmarks

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@keyframes spinme {
  from {  transform: perspective(400px) rotateY(0deg) }
  to { width: perspective(400px) rotateY(360deg) } }

kevinmarks

/**
 * The first commented line is your dabblet’s title
 */

nav {position: fixed; top:0; height:2em; width:100%;}
nav a {font-size:1.5em; font-style: bold; background-color: lavender; padding: .25em .25em .25em .25em ; text-decoration:none;}
article {position: fixed; top:2em ;width:100%; height: 40em; display:block-inline; overflow:auto;}

kevinmarks

/* SVG alternative to fittext.js */

div {
	width: 300px;
	height: 150px;
	float: left;
	margin-right : 10px;
	background: #f06;
	font: bold 150% sans-serif;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);

kevinmarks

<!-- making an indiecard as an iframe -->

.indiecard {display: -webkit-flex; display:flex; 
-webkit-flex-direction: column; flex-direction: column;             
margin:0; width:100%; height:100%; padding: 0;             
position:fixed; overflow:hidden;
}
h1 {display: -webkit-flex; display:flex;     
-webkit-align-items:center; align-items:center;    
font-size:20vh; margin:0;    

kevinmarks

<!-- making an indiecard as an iframe -->

body {margin:0; height:100%;}
body { font-family: "Gill Sans", Roboto,Verdana, sans-serif; }.
.indiecard {display:flex; flex-direction: column; margin:0; width:90%; height:90%; padding: 4%; overflow:false;}
h1 {display:flex; flex-direction: row; font-size:20vh;}
h2 {display:flex; flex-direction: row; font-weight: 300;}.
svg {height:100%; width:100%;} text {font-size:20vh;}
a { text-decoration:none;}
p-name {  flex-grow:4; max-width:20%;}

kevinmarks

/**
 * nth of type addressing of microformats
 */

.h-entry:nth-of-type(3) {  color: green;}
min-height: 100%;

kevinmarks

/**
 * dl to flex tabs
 */

dl {display:flex; flex-wrap: wrap; justify-content: space-around; align-items:center;}
dt {order:1; flex-grow:1; }
dt:first-child { background:yellow;}
dd {order:2; width:100%; flex-basis:auto; background:aliceblue;}