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;}

kevinmarks

/**
 * dl to flex tabs
 */

dl {display:flex; flex-wrap: wrap; justify-content: space-around; align-items:center;}
dt {order:1; flex-grow:1; padding:10px; font-family:sans-serif; background:#eee; border-left:10px solid #ccc;}
dt:first-child { background:white;} 
dd:target {visibility:visible;}
dd {order:2; width:100%; flex-basis:auto; visibility:hidden; height:0;}

kevinmarks

    def unknown_starttag(self, tag, attrs):
        # called for each start tag
        # attrs is a list of (attr, value) tuples
        # e.g. for <pre class='screen'>, tag='pre', attrs=[('class', 'screen')]
        if _debug: sys.stderr.write('_BaseHTMLProcessor, unknown_starttag, tag=%s\n' % tag)
        uattrs = []
        strattrs=''
        if attrs:
            for key, value in attrs:
                value=value.replace('>','&gt;').replace('<','&lt;').replace('"','&quot;')

kevinmarks

Day job:

Favorite Python project:

Favorite Conference:

Python Experience Level:

kevinmarks

<div class="fc-slice-wrapper">
    <ul class="u-unstyled l-row  l-row--cols-4 fc-slice fc-slice--q-q-q-q">
    
        
                
                    



<li class="fc-slice__item l-row__item l-row__item--span-1 u-faux-block-link">