This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/python | |
from __future__ import print_function | |
from optparse import OptionParser | |
import sys | |
from collections import OrderedDict | |
import warnings | |
warnings.filterwarnings("ignore") | |
import pandas as pd |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
width:75%; | |
margin-left:auto; | |
margin-right:auto; | |
} | |
header { | |
position:relative; | |
font-family:sylfaen; | |
top:0;} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#holder { | |
position:relative; | |
width:700px; | |
height:200px; | |
margin:auto; | |
border:10px solid #000; | |
overflow:hidden;} | |
.panel { | |
position:absolute; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Dynamic content system | |
* | |
*/ | |
#container { } | |
#viewer { | |
position:relative; | |
border:8px red solid; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*Dynamic content system */ | |
#view { | |
position:relative; | |
width:900px; | |
height:200px; | |
margin:auto; | |
border:5px dashed #000; | |
overflow:hidden;} | |
#holder { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
#classer { | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
width:300px; | |
height:300px; | |
margin:auto; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
#classer { | |
width:300px; | |
height:300px; | |
margin:auto; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* animated sections | |
*/ | |
article { | |
width:1000px; | |
height:600px; | |
} | |
#lover { | |
background:red; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<canvas id="canvas" width="600" height="600"></canvas> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<body> | |
<div> | |
<h3> Conway's Game Of Life</h3> | |
<h4>Click on squares to bring them into life </h4> | |
Choose the size of cells: | |
<div><input type="range" id="setSize" name="setSize" min="5" max="120" step="5"/></div> | |
<div> | |
<input type="button" id="startGame" value="Start Game"/> | |
<input type="button" id="killLife" value="Stop Life"/> | |
<input type="button" id="clearLife" value="Clear Life"/> |
OlderNewer