initial import

This commit is contained in:
2010-01-28 07:08:08 +02:00
parent 7a6edc3cf1
commit adb8fd1653
35 changed files with 744 additions and 1 deletions

3
.gitignore vendored
View File

@@ -1,2 +1,3 @@
.DS_Store
assets/*
public/*

47
Rakefile Normal file
View File

@@ -0,0 +1,47 @@
$server = "new.jimeh.me"
$user = "jimeh"
$path = "#{$server}/public"
task :clean do
system "rm -rf ./public"
system "jekyll ./source ./public"
end
task :build do
system "jekyll ./source ./public"
end
task :server do
system "jekyll ./source ./public --server --auto"
end
task :deploy => "deploy:site"
namespace :deploy do
task :site do
rsync "public/", "#{$user}@#{$server}:#{$path}"
end
task :assets do
rsync "assets/", "#{$user}@#{$server}:#{$path}"
end
task :all do
rsync ["public/", "assets/"], "#{$user}@#{$server}:#{$path}"
end
task :reset do
rsync ["public/", "assets/"], "#{$user}@#{$server}:#{$path}", ["--delete"]
end
end
def rsync(source, dest, options = [])
if source.is_a?(Array)
source.map! { |dir, i| "\"#{dir}\"" }
source = source.join(" ")
end
options << "--exclude='.DS_Store'"
options << "--exclude='.git*'"
system "rsync -vr #{options.join(" ")} #{source} #{dest}"
end

6
source/_config.yml Normal file
View File

@@ -0,0 +1,6 @@
auto: false
destination: ../public
markdown: rdiscount
pygments: false
permalink: /blog/:year/:month/:day/:title
# exclude: [ ".git", "public", "Rakefile" ]

View File

@@ -0,0 +1,14 @@
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/jimehtesting/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>

View File

@@ -0,0 +1,15 @@
<div class="post-item">
<div class="post-meta">
<p class="date">{{ post.date | date: "<i>%d</i><b>%b</b>" }}</p>
</div>
<h1 class="post-title"><a href="{{ post.url }}/">{{ post.title }}</a></h1>
<div class="post-content">
{{ post.content }}
</div>
<p class="post-comment-link">
<a href="{{ post.url }}/#disqus_thread">Comments</a>
</p>
</div>

View File

@@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{{ page.title }}</title>
<meta name="author" content="Jim Myhrberg" />
<link href="http://jimeh.me/blog/atom.xml" rel="alternate" title="jimeh.me" type="application/atom+xml" />
<link rel="stylesheet" href="/stylesheets/font-face.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/reset.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/text.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" media="screen" title="no title" charset="utf-8" />
</head>
<body>
<div id="universe">
<div id="header">
<div id="title">
</div>
<div id="navigation">
<a href="/" class="selected">about</a>
<a href="/blog/">blog</a>
<a href="/portfolio/">portfolio</a>
<a href="/contact/">contact</a>
</div>
<div class="clear"></div>
</div>
{{ content }}
</div>
</body>
</html>

View File

@@ -0,0 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{{ page.title }}</title>
<meta name="author" content="Jim Myhrberg" />
<link href="http://jimeh.me/blog/atom.xml" rel="alternate" title="jimeh.me" type="application/atom+xml" />
<link rel="stylesheet" href="/stylesheets/font-face.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/reset.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/text.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" media="screen" title="no title" charset="utf-8" />
</head>
<body>
<div id="universe">
<div id="header">
<div id="title">
</div>
<div id="navigation">
<a href="/">about</a>
<a href="/blog/" class="selected">blog</a>
<a href="/portfolio/">portfolio</a>
<a href="/contact/">contact</a>
</div>
<div class="clear"></div>
</div>
<div class="post-world">
{{ content }}
</div>
</div>
{% include disqus_load.html %}
</body>
</html>

59
source/_layouts/post.html Normal file
View File

@@ -0,0 +1,59 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{{ page.title }}</title>
<meta name="author" content="Jim Myhrberg" />
<link href="http://jimeh.me/blog/atom.xml" rel="alternate" title="jimeh.me" type="application/atom+xml" />
<link rel="stylesheet" href="/stylesheets/font-face.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/reset.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/text.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" media="screen" title="no title" charset="utf-8" />
</head>
<body>
<div id="universe">
<div id="header">
<div id="title">
</div>
<div id="navigation">
<a href="/">about</a>
<a href="/blog/" class="selected">blog</a>
<a href="/portfolio/">portfolio</a>
<a href="/contact/">contact</a>
</div>
<div class="clear"></div>
</div>
<div class="post-world">
<div class="post-item">
<div class="post-meta">
<p class="date">{{ page.date | date: "<i>%d</i><b>%b</b>" }}</p>
</div>
<h1>{{ page.title }}</h1>
<div class="post-content">
{{ content }}
</div>
<div class="post-comments">
<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/jimehtesting/embed.js"></script><noscript><a href="http://disqus.com/forums/jimehtesting/?url=ref">View the discussion thread.</a></noscript>
</div>
</div>
</div>
</div>
{% include disqus_load.html %}
</body>
</html>

View File

@@ -0,0 +1,51 @@
---
layout: post
title: My First Jekyll Project
---
Lorem ipsum dolor sit amet, __consectetur adipisicing elit__, sed do `eiusmod tempor incididunt ut labore` et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation _ullamco laboris nisi_ ut [aliquip][jekyll] ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
task :build do
system("rm -rf ./public/*")
system("jekyll ./source ./public")
end
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
### Lorem ipsum dolor sit amet
#### Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipisicing `this_and_do_that_and_another_thing` elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<script src="http://gist.github.com/279392.js?file=create_settings.rb"></script>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
> Lorem ipsum dolor sit amet, consectetur __adipisicing__ elit, sed do eiusmod [tempor](http://google.com/) incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
> Lorem ipsum dolor sit amet, consectetur __adipisicing__ elit, sed do eiusmod [tempor](http://google.com/) incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
* A list item<br />
With more text.
* Another list item.
* Another another.
* And a third item.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
1. A list item<br />
With more text.
2. Another list item.
2. And a third item.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
So this is the first time I've played with [Jekyll][jekyll].
[jekyll]: http://github.com/mojombo/jekyll

View File

@@ -0,0 +1,10 @@
---
layout: post
title: Hello World
---
There's nothing like a little *Lorem Ipsum*, like so:
> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
...wouldn't **you** agree?

27
source/blog/atom.xml Normal file
View File

@@ -0,0 +1,27 @@
---
layout: nil
---
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Tom Preston-Werner</title>
<link href="http://jimeh.me/atom.xml" rel="self" />
<link href="http://jimeh.me/" />
<updated>{{ site.time | date_to_xmlschema }}</updated>
<id>http://jimeh.me/</id>
<author>
<name>Jim Myhrberg</name>
<email>contact@jimeh.me</email>
</author>
{% for post in site.posts %}
<entry>
<title>{{ post.title }}</title>
<link href="http://jimeh.me{{ post.url }}"/>
<updated>{{ post.date | date_to_xmlschema }}</updated>
<id>http://jimeh.me{{ post.id }}</id>
<content type="html">{{ post.content | xml_escape }}</content>
</entry>
{% endfor %}
</feed>

8
source/blog/index.html Normal file
View File

@@ -0,0 +1,8 @@
---
layout: post-list
title: jimeh / blog
---
{% for post in site.posts %}
{% include post-item.html %}
{% endfor %}

8
source/index.html Normal file
View File

@@ -0,0 +1,8 @@
---
layout: default
title: jimeh / about
---
<h1>
Welcome Home
</h1>

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -0,0 +1,55 @@
@font-face {
font-family: 'Colaborate-ThinRegular';
src: url('/resources/fonts/ColabThi.eot');
src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('/resources/fonts/ColabThi.ttf') format('truetype');
}
@font-face {
font-family: 'ColaborateLightRegular';
src: url('/resources/fonts/ColabLig.eot');
src: local('ColaborateLight Regular'), local('Colaborate-Light'), url('/resources/fonts/ColabLig.ttf') format('truetype');
}
@font-face {
font-family: 'Colaborate-RegularRegular';
src: url('/resources/fonts/ColabReg.eot');
src: local('Colaborate-Regular Regular'), local('Colaborate-Regular'), url('/resources/fonts/ColabReg.ttf') format('truetype');
}
@font-face {
font-family: 'Colaborate-MediumRegular';
src: url('/resources/fonts/ColabMed.eot');
src: local('Colaborate-Medium Regular'), local('Colaborate-Medium'), url('/resources/fonts/ColabMed.ttf') format('truetype');
}
@font-face {
font-family: 'Colaborate-BoldRegular';
src: url('/resources/fonts/ColabBol.eot');
src: local('Colaborate-Bold Regular'), local('Colaborate-Bold'), url('/resources/fonts/ColabBol.ttf') format('truetype');
}
@font-face {
font-family: 'DejaVuSansMonoBook';
src: url('/resources/fonts/DejaVuSansMono.eot');
src: local('DejaVu Sans Mono Book'), local('DejaVuSansMono'), url('/resources/fonts/DejaVuSansMono.ttf') format('truetype');
}
@font-face {
font-family: 'DejaVuSansMonoOblique';
src: url('/resources/fonts/DejaVuSansMono-Oblique.eot');
src: local('DejaVu Sans Mono Oblique'), local('DejaVuSansMono-Oblique'), url('/resources/fonts/DejaVuSansMono-Oblique.ttf') format('truetype');
}
@font-face {
font-family: 'DejaVuSansMonoBold';
src: url('/resources/fonts/DejaVuSansMono-Bold.eot');
src: local('DejaVu Sans Mono Bold'), local('DejaVuSansMono-Bold'), url('/resources/fonts/DejaVuSansMono-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'DejaVuSansMonoBoldOblique';
src: url('/resources/fonts/DejaVuSansMono-BoldOblique.eot');
src: local('DejaVu Sans Mono Bold Oblique'), local('DejaVuSansMono-BoldOblique'), url('/resources/fonts/DejaVuSansMono-BoldOblique.ttf') format('truetype');
}

32
source/stylesheets/reset.css Executable file
View File

@@ -0,0 +1,32 @@
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
* html .clearfix {
height: 1%;
}

View File

@@ -0,0 +1,132 @@
/* @override http://new.jimeh.meh/stylesheets/screen.css */
/*::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: block;
height: 10px;
}
::-webkit-scrollbar-button:vertical:increment {
background-color: #fff;
}
::-webkit-scrollbar-track-piece {
background-color: #eee;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #ccc;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: #ccc;
-webkit-border-radius: 3px;
}*/
body {
background: #fff;
}
li p, li ul {
margin-bottom: 0px;
}
#universe {
margin: 0px auto;
width: 980px;
}
#header {
}
#title {
float: left;
}
#navigation {
font-size: 15px;
float: right;
margin: 20px 0px 20px 0px;
}
#navigation a {
color: #939393;
margin: 0px 15px;
text-decoration: none;
}
#navigation a:hover {
border: none;
text-decoration: none;
}
#navigation a.selected {
color: #1193F6;
}
.post-world {
margin: 0px 50px;
}
.post-item {
margin-bottom: 80px;
}
.post-meta {
float: left;
width: 40px;
margin-top: -5px;
margin-left: -50px;
border-right: 1px solid #E6E6E6;
}
.post-meta p {
margin: 0px;
}
.post-meta .date {
color: #cdcdcd;
text-align: center;
line-height: 1.1em;
margin: 8px 0px 5px 0px;
}
.post-meta .date i {
font-style: normal;
font-size: 24px;
display: block;
}
.post-meta .date b {
font-family: 'ColaborateLightRegular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: normal;
font-size: 14px;
display: block;
}
.post-title {
}
.post-title a {
color: #000;
}
.post-comment-link {
}
.post-comment-link a {
color: #939393;
}

192
source/stylesheets/text.css Executable file
View File

@@ -0,0 +1,192 @@
/* @override http://new.jimeh.meh/stylesheets/text.css */
/*
960 Grid System ~ Text CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
font: 16px/1.5 'Colaborate-ThinRegular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
a {
color: #1193F6;
text-decoration: none;
}
a:hover {
border-bottom: 1px dotted;
}
b, strong {
font-family: 'Colaborate-RegularRegular' 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: normal;
}
blockquote {
font-family: Georgia;
font-style: italic;
font-size: 42px;
line-height: 0.3em;
margin: 0px 20px;
}
blockquote p {
font-size: 14px;
line-height: 1.4;
}
blockquote b, blockquote strong {
font-family: Georgia;
font-style: italic;
font-weight: bold;
font-size: 14px;
line-height: 1.4;
}
blockquote:before {
color: #E6E6E6;
content: '“';
float: left;
padding-top: 10px;
padding-right: 10px;
margin-left: -28px;
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-family: 'Colaborate-ThinRegular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: normal;
}
h1 {
font-size: 25px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 19px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
li {
margin-left: 30px;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
margin-bottom: 20px;
}
/* `Monospace
----------------------------------------------------------------------------------------------------*/
code, pre, .gist, .gist-data, .gist-meta {
font-family: 'DejaVuSansMonoBook', Menlo, "Courier New" !important;
font-size: 12px !important;
}
pre, code {
background-color: #F8F8FF;
border: 1px solid #DEDEDE;
padding: 1px 3px;
}
pre {
background-color: #F8F8FF;
border: 1px solid #DEDEDE;
padding: 0.25em 0.5em;
margin-left: 20px;
margin-right: 20px;
}
pre code {
background-color: none;
border: none;
padding: 0px;
}
.gist {
position: relative;
margin-bottom: 20px !important;
margin-left: 20px;
margin-right: 20px;
}
.gist a:hover {
border-bottom: none !important;
text-decoration: underline !important;
}
.gist-data {
border-bottom: none !important;
}
.gist .gist-meta {
font-size: 11px !important;
position: absolute;
left: 0px;
bottom: -27px;
right: 0px;
display: none;
}
.gist:hover .gist-meta {
border: 1px solid #DEDEDE;
display: block;
}