Jekyll pages

ccartertx · Jan 27, 2014 · eadd778 · eadd778
1 parent 4587a3c
commit eadd778
Show file tree

Hide file tree

Showing 21 changed files with 647 additions and 124 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+_site
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,3 @@
+name: Christina Carter
+markdown: redcarpet
+pygments: true
diff --git a/_images/.DS_Store b/_images/.DS_Store
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -0,0 +1,11 @@
+    <div class="header">
+            <h1 class="title">Christina Carter</h1>
+          </div>
+          <div class="navbox">
+            <ul class="nav">
+            	<li><a class="nav" href="/">home</a></li>
+            	<li><a class="nav" href="about.html">about</a></li>
+            	<li><a class="nav" href="contact.html">contact</a></li>
+            </ul>
+          </div>
+
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link href="//fonts.googleapis.com/css?family=Bevan:400" rel="stylesheet" type="text/css">
+
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>{{ page.title }}</title>
+        <meta name="viewport" content="width=device-width">
+
+        <!-- syntax highlighting CSS -->
+        <link rel="stylesheet" href="/css/syntax.css">
+
+        <!-- Custom CSS -->
+        <link rel="stylesheet" href="/css/style.css">
+
+    </head>
+    <body>
+
+
+        <div class="site">
+          <div class="header">
+          {% include nav.html %}
+          </div>
+
+          {{ content }}
+
+
+        <!-- Bottom of the page / footer -->
+          <div class="footer">
+            <div class="contact">
+
+                <strong>Christina Carter</strong>  |   
+                [email protected]
+              </div>
+
+            <div class="contact">
+
+                <a href="https://github.com/ccartertx">github</a>  |  
+                <a href="https://twitter.com/ccartertx">twitter</a>
+
+            </div>
+          </div>
+          <!-- end of footer -->
+        </div>
+
+    </body>
+</html>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -0,0 +1,17 @@
+---
+layout: default
+---
+
+<html>
+<head>
+	<link type="text/css" rel="stylesheet" href="css/style.css"
+</head>
+	<body>
+		<h2>{{ page.title }}</h2>
+		<p class="meta">{{ page.date -- date_to_string }}</p>
+
+		<div class="post">
+			{{ content }}
+		</div>
+	</body>
+</html>
diff --git a/_posts/2014-01-10-introduction.markdown b/_posts/2014-01-10-introduction.markdown
@@ -0,0 +1,12 @@
+---
+layout: post
+title:  "Introduction"
+date:   2014-01-10 19:45:13
+categories: blog
+---
+
+This will be my second blog in less than a year. I started a <a href="http://tinyhousefarmstead.com" target="_blank">WordPress blog</a> in May 2013 to start documenting adventures in homebrewing and cooking (and whatever else came along, like <a href="http://www.flickr.com/photos/95875907@N04/" target="_blank">photography</a>).
+
+I joined MakerSquare to challenge myself and learn new skills that I could apply at work--developing online courses--and also to help me grow this side project of brewing and blogging.
+
+This blog will detail my journey at MakerSquare and be a place to test out new knowledge and talk about the process.
diff --git a/_posts/2014-01-17-week-2.markdown b/_posts/2014-01-17-week-2.markdown
@@ -0,0 +1,12 @@
+---
+layout: post
+title:  "Week 2"
+date:   2014-01-17 19:45:13
+categories: blog
+---
+
+<strong>Day 1</strong>: Aside from my 4 year old operating system not wanting to play nicely with git, Day 1 went pretty well. I got an introduction to HTML in classes in college in the early 2000s. While some new tags have emerged in recent years, the theory behind the structure and many of the tags has stayed the same. And my day job requires a lot of updating of HTML templates, so I'm comfortable working in that type of code structure.
+
+The command line (Terminal) interface was new to me. I briefly learned some command line prompts for Windows many, many years ago, but usually to accomplish some specific and rare task; it was not an everyday use kind of thing.
+
+<strong>Day 2</strong>: CSS terrifies me. I've tried on a few occasions to take online courses and figure it out, but it still eludes me. Part of the challenge for me is going from a "blank page" to a styled one. I have difficulty drawing and visualizing design. I can organize information abstractly, but visual design is a constant challenge. The concepts are starting to take hold, but I still find myself struggling to remember the syntax and looking for visual inspiration from other websites.
diff --git a/_posts/2014-01-27-test-post.markdown b/_posts/2014-01-27-test-post.markdown
@@ -0,0 +1,14 @@
+---
+layout: post
+title:  "A Test Post!!!!!"
+date:   2014-01-27 19:45:13
+categories: blog
+---
+
+Oh, yes, there absolutely will be a margarita made in my mouth. A Colombian cartel that WON'T kidnap and kill you. Even though so many people in this office are begging for it. The worst that could happen is that I could spill coffee all over this $3,000 suit. COME ON. Mister gay is bleeding! Mister gay! He also said some things African American-y wasn't ready to hear. Yeah, like I'm going to take a whiz through this $5,000 suit. COME ON.
+
+And don't make the water too hot. The scabs come right off. Caw ca caw, caw ca caw, caw ca caw, caw ca caw. Everybody dance NOW. Steve Holt? The moron jock?
+
+I shall hide behind the couch. (Guy's a pro.) You're blowing my mind, Frank. You're losing blood, aren't you? Gob: Probably, my socks are wet. I made a huge tiny mistake.
+
+The CIA should've just Googled for his hideout, evidently. ♪♪ It's The Final Countdown ♪♪ Great, now I'm gonna smell to high heaven like a tuna melt! Also, your knee is on my heart. Annyong.
diff --git a/about.html b/about.html
@@ -1,11 +1,14 @@
-<!DOCTYPE html>
-<html>
+---
+layout: default
+title: About Me
+---
+<!--<html>
 	<head>
 		<title>About Me</title>
 		<link type="text/css" rel="stylesheet" href="style.css">
 	</head>
 	<body>
-		<!--begin navigation-->
+		begin navigation
 		<div class="navbox">
 		<div class="nav">
 			<a href="index.html">home</a>
@@ -20,9 +23,9 @@
 			<a href="contact.html">contact</a>
 		</div>
 		</div>
-		<!--end of navigation-->
-<h1>Christina Carter</h1>
-<img src="cdc.jpeg" width="250px" />
+		end of navigation-->
+
+<img class="profileimage" src="cdc.jpeg" width="250px" />
 <p>Christina is a homebrewer in Austin, TX getting through life one beer at a time.</p>
 
 <h3>Fun Facts</h3>
@@ -32,6 +35,7 @@ <h3>Fun Facts</h3>
 	<li>Got married April 2013 and just bought our first house October 2013</li>
 </ul>
 
-
+<!--		
 	</body>
 </html>
+-->
diff --git a/bg_bluegradient.png b/bg_bluegradient.png
diff --git a/contact.html b/contact.html
@@ -1,12 +1,16 @@
-<!DOCTYPE html>
+---
+layout: default
+title: Contact Info
+---
+<!--<!DOCTYPE html>
 <html>
 	<head>
 		<title>Christina Carter: Contact Info</title>
 		<link type="text/css" rel="stylesheet" href="style.css">
 	</head>
 	<body>
 <h1>Contact</h1>
-<!--begin navigation-->
+begin navigation
 		<div class="navbox">
 		<div class="nav">
 			<a href="index.html">home</a>
@@ -21,9 +25,9 @@ <h1>Contact</h1>
 			<a href="contact.html">contact</a>
 		</div>
 		</div>
-		<!--end of navigation-->
+		end of navigation-->
 
-<h3>Keep in Touch</h3>
+<h3>Contact Information</h3>
 
 <ul>
 	<li>Email: <a href="mailto:[email protected]">[email protected]</a></li>
@@ -33,5 +37,6 @@ <h3>Keep in Touch</h3>
 </ul>
 
 
-	</body>
+<!--	</body>
 </html>
+-->
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,160 @@
+/*****************************************************************************/
+/*
+/* Common
+/*
+/*****************************************************************************/
+
+/* Global Reset */
+* {
+  margin: 0;
+  padding: 0;
+}
+
+html, body { height: 100%; }
+
+body {
+  background-color: #FFF;
+  font: 13.34px Helvetica, Arial, sans-serif;
+  font-size: small;
+  text-align: center;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: 100%; }
+
+h1 { margin-bottom: 1em; }
+p { margin: 1em 0; }
+
+a         { color: #00a; }
+a:hover   { color: #000; }
+a:visited { color: #a0a; }
+
+/*****************************************************************************/
+/*
+/* Home
+/*
+/*****************************************************************************/
+.posts {
+  list-style-type: none;
+  margin-bottom: 2em;
+}
+
+.posts li {
+  line-height: 1.75em;
+}
+
+.posts span {
+  color: #aaa;
+  font-family: Monaco, "Courier New", monospace;
+  font-size: 80%;
+}
+
+/*****************************************************************************/
+/*
+/* Site
+/*
+/*****************************************************************************/
+
+.site {
+  font-size: 115%;
+  text-align: justify;
+  width: 42em;
+  margin: 3em auto 2em;
+  line-height: 1.5em;
+}
+
+.header a {
+  font-weight: bold;
+  text-decoration: none;
+}
+
+.title {
+  display: inline-block;
+  margin-bottom: 2em;
+}
+
+.title a {
+  color: #a00;
+}
+
+.title a:hover {
+  color: #000;
+}
+
+.header a.extra {
+  color: #aaa;
+  margin-left: 1em;
+}
+
+.header a.extra:hover {
+  color: #000;
+}
+
+.meta {
+  color: #aaa;
+}
+
+.footer {
+  font-size: 80%;
+  color: #666;
+  border-top: 4px solid #eee;
+  margin-top: 2em;
+  overflow: hidden;
+}
+
+.footer .contact {
+  float: left;
+  margin-right: 3em;
+}
+
+.footer .contact a {
+  color: #8085C1;
+}
+
+.footer .rss {
+  margin-top: 1.1em;
+  margin-right: -.2em;
+  float: right;
+}
+
+.footer .rss img {
+  border: 0;
+}
+
+/*****************************************************************************/
+/*
+/* Posts
+/*
+/*****************************************************************************/
+
+/* standard */
+.post pre {
+  border: 1px solid #ddd;
+  background-color: #eef;
+  padding: 0 .4em;
+}
+
+.post ul, .post ol {
+  margin-left: 1.35em;
+}
+
+.post code {
+  border: 1px solid #ddd;
+  background-color: #eef;
+  padding: 0 .2em;
+}
+
+.post pre code {
+  border: none;
+}
+
+/* terminal */
+.post pre.terminal {
+  border: 1px solid #000;
+  background-color: #333;
+  color: #FFF;
+}
+
+.post pre.terminal code {
+  background-color: #333;
+}