Create gh-pages branch via GitHub

This commit is contained in:
Valient Gough 2014-08-18 22:26:44 -07:00
parent ab59624e75
commit 98be02491a
7 changed files with 146 additions and 261 deletions

BIN
images/body-bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
images/hr.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 B

BIN
images/octocat-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 477 B

BIN
images/tar-gz-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 741 B

BIN
images/zip-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 735 B

View File

@ -3,31 +3,34 @@
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen"> <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen"> <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print"> <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> <![endif]-->
<title>Encfs by vgough</title> <title>Encfs by vgough</title>
</head> </head>
<body> <body>
<header> <div id="container">
<div class="inner"> <div class="inner">
<h1>Encfs</h1>
<h2>EncFS: an Encrypted Filesystem for FUSE.</h2>
<a href="https://github.com/vgough/encfs" class="button"><small>View project on</small>GitHub</a>
</div>
</header>
<div id="content-wrapper"> <header>
<div class="inner clearfix"> <h1>Encfs</h1>
<section id="main-content"> <h2>EncFS: an Encrypted Filesystem for FUSE.</h2>
</header>
<section id="downloads" class="clearfix">
<a href="https://github.com/vgough/encfs/zipball/master" id="download-zip" class="button"><span>Download .zip</span></a>
<a href="https://github.com/vgough/encfs/tarball/master" id="download-tar-gz" class="button"><span>Download .tar.gz</span></a>
<a href="https://github.com/vgough/encfs" id="view-on-github" class="button"><span>View on GitHub</span></a>
</section>
<hr>
<section id="main_content">
<h1> <h1>
<a name="encfs---an-encrypted-filesystem" class="anchor" href="#encfs---an-encrypted-filesystem"><span class="octicon octicon-link"></span></a>EncFS - an Encrypted Filesystem</h1> <a name="encfs---an-encrypted-filesystem" class="anchor" href="#encfs---an-encrypted-filesystem"><span class="octicon octicon-link"></span></a>EncFS - an Encrypted Filesystem</h1>
@ -73,24 +76,12 @@ interested in EncFS, please dive in!</p>
see also the original, and more complete, introduction page at <a href="http://www.arg0.net/encfs">http://www.arg0.net/encfs</a></p> see also the original, and more complete, introduction page at <a href="http://www.arg0.net/encfs">http://www.arg0.net/encfs</a></p>
</section> </section>
<aside id="sidebar"> <footer>
<a href="https://github.com/vgough/encfs/zipball/master" class="button"> Encfs is maintained by <a href="https://github.com/vgough">vgough</a><br>
<small>Download</small> This page was generated by <a href="http://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.
.zip file </footer>
</a>
<a href="https://github.com/vgough/encfs/tarball/master" class="button">
<small>Download</small>
.tar.gz file
</a>
<p class="repo-owner"><a href="https://github.com/vgough/encfs"></a> is maintained by <a href="https://github.com/vgough">vgough</a>.</p> <script type="text/javascript">
<p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p>
</aside>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> </script>
@ -101,5 +92,7 @@ see also the original, and more complete, introduction page at <a href="http://w
} catch(err) {} } catch(err) {}
</script> </script>
</div>
</div>
</body> </body>
</html> </html>

View File

@ -48,138 +48,146 @@ table {
/* LAYOUT STYLES */ /* LAYOUT STYLES */
body { body {
font-size: 15px; font-size: 1em;
line-height: 1.5; line-height: 1.5;
background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat;
font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-family: 'Helvetica Neue', Helvetica, Arial, serif;
font-weight: 400; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
color: #666; color: #6d6d6d;
} }
a { a {
color: #2879d0; color: #d5000d;
} }
a:hover { a:hover {
color: #2268b2; color: #c5000c;
} }
header { header {
padding-top: 40px; padding-top: 35px;
padding-bottom: 40px; padding-bottom: 25px;
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x;
border-bottom: solid 1px #275da1;
} }
header h1 { header h1 {
font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900;
letter-spacing: -1px; letter-spacing: -1px;
font-size: 72px; font-size: 48px;
color: #fff; color: #303030;
line-height: 1; line-height: 1.2;
margin-bottom: 0.2em;
width: 540px;
} }
header h2 { header h2 {
font-size: 26px; letter-spacing: -1px;
color: #9ddcff; font-size: 24px;
color: #aaa;
font-weight: normal; font-weight: normal;
line-height: 1.3; line-height: 1.3;
width: 540px; }
letter-spacing: 0;
#container {
background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat;
min-height: 595px;
} }
.inner { .inner {
position: relative; width: 620px;
width: 940px;
margin: 0 auto; margin: 0 auto;
} }
#content-wrapper { #container .inner img {
border-top: solid 1px #fff;
padding-top: 30px;
}
#main-content {
width: 690px;
float: left;
}
#main-content img {
max-width: 100%; max-width: 100%;
} }
aside#sidebar {
width: 200px;
padding-left: 20px;
min-height: 504px;
float: right;
background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat;
font-size: 12px;
line-height: 1.3;
}
aside#sidebar p.repo-owner,
aside#sidebar p.repo-owner a {
font-weight: bold;
}
#downloads { #downloads {
margin-bottom: 40px; margin-bottom: 40px;
} }
a.button { a.button {
width: 134px; -moz-border-radius: 30px;
height: 58px; -webkit-border-radius: 30px;
line-height: 1.2; border-radius: 30px;
font-size: 23px; border-top: solid 1px #cbcbcb;
color: #fff; border-left: solid 1px #b7b7b7;
padding-left: 68px; border-right: solid 1px #b7b7b7;
padding-top: 22px; border-bottom: solid 1px #b3b3b3;
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; color: #303030;
} line-height: 25px;
a.button small { font-weight: bold;
font-size: 15px;
padding: 12px 8px 12px 8px;
display: block; display: block;
font-size: 11px; float: left;
width: 179px;
margin-right: 14px;
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
box-shadow: 0px 1px 5px #e8e8e8;
} }
header a.button { a.button:hover {
position: absolute; border-top: solid 1px #b7b7b7;
right: 0; border-left: solid 1px #b3b3b3;
top: 0; border-right: solid 1px #b3b3b3;
background: transparent url(../images/github-button.png) 0 0 no-repeat; border-bottom: solid 1px #b3b3b3;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
} }
aside a.button {
width: 138px; a.button span {
padding-left: 64px; padding-left: 50px;
display: block; display: block;
background: transparent url(../images/download-button.png) 0 0 no-repeat; height: 23px;
margin-bottom: 20px; }
font-size: 21px;
#download-zip span {
background: transparent url(../images/zip-icon.png) 12px 50% no-repeat;
}
#download-tar-gz span {
background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat;
}
#view-on-github span {
background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat;
}
#view-on-github {
margin-right: 0;
} }
code, pre { code, pre {
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
color: #222; color: #222;
margin-bottom: 30px; margin-bottom: 30px;
font-size: 13px; font-size: 14px;
} }
code { code {
background-color: #f2f8fc; background-color: #f2f2f2;
border: solid 1px #dbe7f3; border: solid 1px #ddd;
padding: 0 3px; padding: 0 3px;
} }
pre { pre {
padding: 20px; padding: 20px;
background: #fff; background: #303030;
color: #f2f2f2;
text-shadow: none; text-shadow: none;
overflow: auto; overflow: auto;
border: solid 1px #f2f2f2;
} }
pre code { pre code {
color: #2879d0; color: #f2f2f2;
background-color: #fff; background-color: #303030;
border: none; border: none;
padding: 0; padding: 0;
} }
@ -197,7 +205,15 @@ hr {
margin-top: 1em; margin-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
border: none; border: none;
background: transparent url('../images/hr.png') 0 0 no-repeat; background: transparent url('../images/hr.png') 50% 0 no-repeat;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
} }
table { table {
@ -224,89 +240,42 @@ form {
/* GENERAL ELEMENT TYPE STYLES */ /* GENERAL ELEMENT TYPE STYLES */
#main-content h1 { h1 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; font-size: 32px;
font-size: 2.8em;
letter-spacing: -1px;
color: #474747;
} }
#main-content h1:before { h2 {
content: "/";
color: #9ddcff;
padding-right: 0.3em;
margin-left: -0.9em;
}
#main-content h2 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
color: #303030;
margin-bottom: 8px; margin-bottom: 8px;
color: #474747;
} }
#main-content h2:before {
content: "//";
color: #9ddcff;
padding-right: 0.3em;
margin-left: -1.5em;
}
#main-content h3 { h3 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; color: #d5000d;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
margin-top: 24px;
margin-bottom: 8px; margin-bottom: 8px;
color: #474747;
} }
#main-content h3:before { h4 {
content: "///"; font-size: 16px;
color: #9ddcff; color: #303030;
padding-right: 0.3em;
margin-left: -2em;
}
#main-content h4 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
font-size: 15px;
font-weight: bold; font-weight: bold;
color: #474747;
} }
h4:before { h5 {
content: "////"; font-size: 1em;
color: #9ddcff; color: #303030;
padding-right: 0.3em;
margin-left: -2.8em;
}
#main-content h5 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
font-size: 14px;
color: #474747;
} }
h5:before {
content: "/////";
color: #9ddcff;
padding-right: 0.3em;
margin-left: -3.2em;
}
#main-content h6 { h6 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
font-size: .8em; font-size: .8em;
color: #474747; color: #303030;
} }
h6:before {
content: "//////";
color: #9ddcff;
padding-right: 0.3em;
margin-left: -3.7em;
}
p { p {
font-weight: 300;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -325,19 +294,18 @@ blockquote {
padding: 0 0 0 30px; padding: 0 0 0 30px;
} }
ul { ul li {
list-style: disc inside; list-style: disc inside;
padding-left: 20px; padding-left: 20px;
} }
ol { ol li {
list-style: decimal inside; list-style: decimal inside;
padding-left: 3px; padding-left: 3px;
} }
dl dd { dl dt {
font-style: italic; color: #303030;
font-weight: 100;
} }
footer { footer {
@ -376,99 +344,23 @@ footer a:hover {
@media only screen and (max-width: 959px) {} @media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */ /* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { @media only screen and (min-width: 768px) and (max-width: 959px) {}
.inner {
width: 740px;
}
header h1, header h2 {
width: 340px;
}
header h1 {
font-size: 60px;
}
header h2 {
font-size: 30px;
}
#main-content {
width: 490px;
}
#main-content h1:before,
#main-content h2:before,
#main-content h3:before,
#main-content h4:before,
#main-content h5:before,
#main-content h6:before {
content: none;
padding-right: 0;
margin-left: 0;
}
}
/* All Mobile Sizes (devices and browser) */ /* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
.inner {
width: 93%;
}
header { header {
padding: 20px 0; padding-top: 10px;
padding-bottom: 10px;
} }
header .inner { #downloads {
position: relative; margin-bottom: 25px;
} }
header h1, header h2 { #download-zip, #download-tar-gz {
width: 100%;
}
header h1 {
font-size: 48px;
}
header h2 {
font-size: 24px;
}
header a.button {
background-image: none;
width: auto;
height: auto;
display: inline-block;
margin-top: 15px;
padding: 5px 10px;
position: relative;
text-align: center;
font-size: 13px;
line-height: 1;
background-color: #9ddcff;
color: #2879d0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
header a.button small {
font-size: 13px;
display: inline;
}
#main-content,
aside#sidebar {
float: none;
width: 100% ! important;
}
aside#sidebar {
background-image: none;
margin-top: 20px;
border-top: solid 1px #ddd;
padding: 20px 0;
min-height: 0;
}
aside#sidebar a.button {
display: none; display: none;
} }
#main-content h1:before, .inner {
#main-content h2:before, width: 94%;
#main-content h3:before, margin: 0 auto;
#main-content h4:before,
#main-content h5:before,
#main-content h6:before {
content: none;
padding-right: 0;
margin-left: 0;
} }
} }