Initial commit

5 files changed, 816 insertions, 0 deletions

diff --git a/css/fonts.css b/css/fonts.css
new file mode 100755
index 0000000..eddce04
--- /dev/null
+++ b/css/fonts.css
@@ -0,0 +1,4 @@
+@font-face {
+    font-family: 'EB Garamond';
+    src: url('fonts/EBGaramond.otf');
+}
diff --git a/css/main.css b/css/main.css
new file mode 100755
index 0000000..84647e4
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,248 @@
+*, *:after, *:before {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+body {
+  font-family: "EB Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  margin: 0px;
+  font-size: 16px;
+  text-rendering: optimizeLegibility;
+  font-feature-settings: "kern";
+  -webkit-font-feature-settings: "kern";
+  -moz-font-feature-settings: "kern";
+  -moz-font-feature-settings: "kern=1";
+}
+
+h1 {
+  font-size: 25px;
+  padding-bottom: 0px;
+  margin: 0 0 0px 0;
+  font-weight: normal;
+}
+
+h2 {
+  padding-top: 9px;
+  border-top: 1px solid #bbb;
+  font-size: 20px;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-bottom: 3px;
+  font-weight: normal;
+}
+
+h3 {
+  border-top: 1px solid #bbb;
+  padding-top: 10px;
+  font-size: 18px;
+  margin: 0 0 2px 0;
+  font-weight: normal;
+}
+
+p {
+  margin-top: 0;
+}
+
+.about {
+  margin-top: 17px;
+}
+
+a { color: black; text-decoration:underline; }
+a:visited {  }
+a:hover { text-decoration: none; }
+
+h1 a { color: black; text-decoration: none; }
+
+h3 a { text-decoration:none; }
+h3 a:hover { text-decoration:underline; }
+
+ul { list-style: none; margin: -2px 0 0 0; padding: 0; }
+li { padding: 2px 0 2px 0; color: #888; }
+
+li a { text-decoration: none; }
+li a:visited { text-decoration: none; }
+li a:hover { text-decoration: underline; }
+
+.project {
+  margin-top: 0;
+  padding-top: 0;
+  width: 320px;
+  position: relative;
+  margin-bottom: 0;
+}
+
+.project p {
+  margin-bottom: 0;
+}
+
+.project h2 {
+  margin-bottom: 0;
+}
+
+.divider {
+  margin-left: auto;
+  margin-right: auto;
+  width: 20px;
+}
+
+.project .links {
+  padding-bottom: 5px;
+}
+
+.content {
+  padding: 5px;
+}
+
+[class*='col-'] {
+	float: left;
+	padding-right: 20px;
+}
+
+[class*='col-']:last-of-type {
+	padding-right: 0px;
+}
+
+.grid {
+	max-width: 940px;
+	min-width: 940px;
+	margin: 0 auto;
+	overflow: hidden;
+}
+
+.grid:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+.grid-pad {
+	padding: 10px 0 0px 20px;
+}
+
+.grid-pad > [class*='col-']:last-of-type {
+	padding-right: 20px;
+}
+
+.push-right {
+	float: right;
+}
+
+/* Content Columns */
+
+.col-1-1 {
+	width: 100%;
+}
+.col-2-3, .col-8-12 {
+	width: 66.66%;
+}
+
+.col-1-2, .col-6-12 {
+	width: 50%;
+}
+
+.col-1-3, .col-4-12 {
+	width: 33.33%;
+}
+
+.col-4point5-12 {
+	width: 37.5%;
+}
+
+.col-1-4, .col-3-12 {
+	width: 25%;
+}
+
+.col-1-5 {
+	width: 20%;
+}
+
+.col-1-6, .col-2-12 {
+	width: 16.667%;
+}
+
+.col-1-7 {
+	width: 14.28%;
+}
+
+.col-1-8 {
+	width: 12.5%;
+}
+
+.col-1-9 {
+	width: 11.1%;
+}
+
+.col-1-10 {
+	width: 10%;
+}
+
+.col-1-11 {
+	width: 9.09%;
+}
+
+.col-1-12 {
+	width: 8.33%
+}
+
+/* Layout Columns */
+
+.col-11-12 {
+	width: 91.66%
+}
+
+.col-10-12 {
+	width: 83.333%;
+}
+
+.col-9-12 {
+	width: 75%;
+}
+
+.col-5-12 {
+	width: 41.66%;
+}
+
+.col-7-12 {
+	width: 58.33%
+}
+
+@media handheld, only screen and (max-width: 767px) {
+  body {
+    font-size: 17px;
+  }
+
+	.grid {
+    min-width: 320px;
+    max-width: 320px;
+		margin-left: 0;
+		margin-right: 0;
+		padding-left: 0;
+		padding-right: 0;
+	}
+
+  .col-3-12.left-shunt {
+    width: 0;
+    height: 0;
+    padding: 0;
+    margin: 0;
+  }
+
+  h1 {
+    margin-bottom: 0;
+  }
+
+  .project {
+    height: auto;
+    width: 310px;
+  }
+
+	[class*='col-'] {
+		width: auto;
+		float: none;
+		margin-left: 0px;
+		margin-right: 0px;
+		padding-left: 5px;
+		padding-right: 5px;
+	}
+}
diff --git a/css/notebook.css b/css/notebook.css
new file mode 100755
index 0000000..5816446
--- /dev/null
+++ b/css/notebook.css
@@ -0,0 +1,48 @@
+body {
+  max-width: 60em;
+  margin:0 auto;
+}
+
+pre.example {
+  text-align:left;
+  border: 1pt solid #A0A0A0;
+  background-color: #F0F0F0;
+  padding: 1ch;
+  display: block;
+  clear: right;
+}
+
+div.note {
+  border: 1pt solid #A0A0A0;
+  padding: 1ch;
+  display: block;
+}
+
+p {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+pre {
+    border: 1pt solid #AEBDCC;
+    background-color: #F3F5F7;
+    padding: 5pt;
+    font-family: monospace;
+    font-size: small;
+    overflow:auto;
+}
+
+h1 {
+    font-size: x-large;
+}
+
+h2 {
+    font-size: large;
+}
+
+html { font-family: serif; 
+}
+
+a:link, a:visited {
+    color: navy; 
+} 
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100755
index 0000000..6ce4527
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,456 @@
+/*
+Theme Name: Journalist
+Theme URI: http://lucianmarin.com/
+Description: Journalist is a smart, minimal theme designed for professional journalists.
+Version: 1.9
+Author: <a href="http://lucianmarin.com/">Lucian E. Marin</a>
+Tags: white, two columns, fixed width, light, minimal
+For the WordPress community (GPL), enjoy it guys.
+by Lucian E. Marin - lucianmarin.com
+*/
+
+hr { color:#aaa; background-color:#aaa; height:1px; border:0; }
+
+body {
+  font-family: "EB Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  font-size: 1em;
+  color:#333;
+  margin:0 5px 0 5px;
+  text-rendering: optimizeLegibility;
+  font-feature-settings: "kern";
+  -webkit-font-feature-settings: "kern";
+  -moz-font-feature-settings: "kern";
+  -moz-font-feature-settings: "kern=1";
+  font-kerning: normal;
+}
+
+code {
+  font-family: "Droid Sans Mono";
+  font-size: 0.9em;
+  background-color: #F3F5F7
+  
+}
+
+.about-link {
+  float: right;
+  margin-top: 30px;
+}
+
+pre {
+
+    border-top:1px solid #ddd;
+    border-bottom:1px solid #ddd;
+    padding-top:15px;
+    padding-left:-50px;
+    margin-bottom:15px;
+    padding: 1em 0;
+    font-family: "Droid Sans Mono";
+    font-size: .8em;
+}
+
+blockquote {    font-family: "Droid Sans Mono"; }
+
+.prettyprint {
+    font-family: "Droid Sans Mono";
+    line-height: 1.2em;
+    font-size: 0.85em;
+}
+
+sup {
+  line-height:0;
+  font-size:9px;
+}
+
+
+
+.post-separator {
+  text-align:center;
+  margin-bottom:5px;
+  font-weight:bold;
+}
+
+* {
+padding:0;
+margin:0;
+text-align:left;
+}
+
+a {
+color:#444;
+}
+
+a:hover {
+color:#444;
+text-decoration:none;
+border-bottom: none;
+}
+
+#container {
+width:600px;
+margin:0 auto;
+position:relative;
+padding: 0 10px 0 10px;
+}
+
+#container h1 {
+font-size:1.9em;
+font-weight:normal;
+letter-spacing:0px;
+float: left;
+margin:0 0 10px 0;
+padding:15px 0 1px 0;
+}
+
+#container h1 a {
+  text-decoration:none;
+  border:none;
+}
+
+#container h1 a:hover {
+
+}
+
+#bubble {
+top:66px;
+position:absolute;
+display:block;
+height:28px;
+}
+
+#content {
+float:left;
+width:600px;
+}
+
+#content h2 {
+font-weight:normal;
+font-size:1.6em;
+line-height:34px;
+margin:0px 0px 10px -1000px;
+padding:5px 5px 5px 1000px;
+border-bottom:1px solid #888;
+}
+
+#content .edit_link {
+	font-size:9px;
+}
+
+#content h2 a {
+color:#333;
+text-decoration:none;
+border-bottom: none;
+
+}
+
+#content h2 a:hover {
+
+}
+
+#content h2.archive {
+font-weight:normal;
+color:#1c1c1c;
+padding:0;
+margin:5px 0 20px 0;
+border:none;
+text-align:left;
+}
+
+.navigation {
+padding:5px 10px 0 1000px;
+margin:0 0 20px -1000px;
+border-top:#888 1px solid;
+}
+
+.navigation a {
+color:#555;
+text-decoration:none;
+}
+
+.navigation a:hover {
+color:#555;
+text-decoration:none;
+}
+
+.main h3 {
+font-size:1.4em;
+font-weight:normal;
+margin:0 0 15px 0;
+}
+
+.main h4 {
+font-size:1.2em;
+font-weight:normal;
+margin:0 0 15px 0;
+}
+
+.main a img {
+padding:2px;
+border:#0085b5 2px solid;
+}
+
+.main a:hover img {
+padding:2px;
+border:#ca0002 2px solid;
+}
+
+.main p {
+margin:0 0 15px 0;
+text-align:justify;
+}
+
+.main ol {
+line-height:18px;
+margin:0 0 15px 30px;
+}
+
+.main ul {
+line-height:18px;
+margin:0 0 15px 30px;
+}
+
+.main li {
+margin:0 0 5px 0;
+}
+
+.signature {
+float:left;
+padding:0 15px 0 0;
+border-right:#bbb 1px solid;
+width:220px;
+}
+
+.about { padding: 39px 0 16.5px 0; }
+
+#author h3 {
+margin:5px 0 5px 0;
+}
+
+#searchform {
+margin:15px 0 0 0;
+}
+
+#searchform input {
+background:#222;
+font-size:11px;
+margin:2px 0;
+padding:1px 4px 2px 4px;
+border:#888 1px solid;
+color:#eee;
+}
+
+#searchform input:hover {
+background:#333;
+border:#999 1px solid;
+color:#fff;
+cursor:pointer;
+}
+
+#searchform #s {
+background:#f6f6f6;
+font-size:11px;
+margin:2px 0;
+padding:2px 4px;
+border:#aaa 1px solid;
+color:#000;
+}
+
+#searchform #s:hover {
+cursor:text;
+}
+
+input.searchfield {
+background:#f6f6f6;
+font-size:11px;
+display:inline;
+margin:5px 0 8px 0;
+padding:2px 4px;
+border:#aaa 1px solid;
+color:#000;
+size:20;
+}
+
+input.searchfield:hover {
+background:#eee;
+color:#000;
+}
+
+input.submit {
+background:#222;
+font-size:11px;
+margin:0 0 10px 0;
+padding:1px 4px 2px 4px;
+border:#888 1px solid;
+color:#eee;
+}
+
+input.submit:hover {
+background:#333;
+cursor:pointer;
+border:#999 1px solid;
+color:#fff;
+}
+
+input.subcom {
+background:#eee;
+font-size:11px;
+margin:0 0 10px 0;
+padding:1px 4px 2px 4px;
+border:#888 1px solid;
+color:#000;
+}
+
+input.subcom:hover {
+background:#222;
+cursor:pointer;
+border:#888 1px solid;
+color:#eee;
+}
+
+textarea {
+background:#f6f6f6;
+font-size:13px;
+width:400px;
+padding:2px 4px;
+border:#aaa 1px solid;
+color:#000;
+}
+
+.postinput small {
+font-size:11px;
+margin:0 0 0 5px;
+}
+
+p.logged {
+font-size:13px;
+}
+
+h3.reply {
+font-size:15px;
+margin:0 0 10px 0;
+}
+
+.nocomments {
+margin:0 0 30px 0;
+}
+
+blockquote {
+background:url(images/quote.gif) no-repeat top left;
+padding:0 0 0 60px;
+min-height:50px;
+}
+
+#footer {
+background:#eee;
+font-size:11px;
+color:#555;
+margin:0 auto;
+padding:10px 0 10px 10px;
+text-align:center;
+position:relative;
+border-top:#bbb 1px solid;
+border-bottom:#222 6px solid;
+}
+
+#footer a {
+color:#555;
+font-weight:bold;
+text-decoration:none;
+}
+
+#footer a:hover {
+color:#333;
+text-decoration:none;
+}
+
+.clear {
+clear:both;
+}
+
+.warning p {
+background:url(images/warning.gif) no-repeat left;
+height:160px;
+padding:20px 0 0 90px;
+font-size:20px;
+margin:0 0 0 10px;
+}
+
+input:focus, textarea:focus{
+background-color:#ffc;
+}
+
+abbr {
+border:none;
+}
+
+.aligncenter {
+display: block;
+margin-left: auto;
+margin-right: auto;
+}
+
+.alignleft {
+float:left;
+}
+
+.alignright {
+float:right;
+}
+
+/* self-clear floats */
+
+.group:after {
+content: ".";
+display: block;
+height: 0;
+clear: both;
+visibility: hidden;
+}
+
+/* IE Hacks */
+
+*html #bubble {
+display:none;
+}
+
+*html #bubble p {
+display:none;
+}
+
+* html .group,
+* html #nav ul li a {
+height: 1%;
+}
+
+*:first-child+html .group {
+min-height: 1px;
+}
+
+* html #nav ul li a {
+display: inline;
+}
+
+/* resize videos to screen size */
+.video-container {
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 30px; height: 0; overflow: hidden;
+}
+.video-container iframe,
+.video-container object,
+.video-container embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+@media handheld, only screen and (max-width: 767px) {
+  #container {
+    width:350px;
+  }
+
+  #content {
+    width:350px;
+  }
+}
diff --git a/css/syntax.css b/css/syntax.css
new file mode 100755
index 0000000..2774b76
--- /dev/null
+++ b/css/syntax.css
@@ -0,0 +1,60 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */