From f15076cb6289fedce08b9dea462c716b526df5f0 Mon Sep 17 00:00:00 2001 From: Josh Buchea Date: Fri, 17 Jun 2016 15:01:27 -0700 Subject: [PATCH] [F] Add necessary files to support website generation for headtags.info --- .gitignore | 21 ++++++++ CNAME | 1 + _config.yml | 24 +++++++++ _includes/footer.html | 3 ++ _includes/head.html | 20 +++++++ _includes/header.html | 17 ++++++ _includes/share-page.html | 48 +++++++++++++++++ _layouts/default.html | 36 +++++++++++++ _sass/_github.scss | 40 ++++++++++++++ _sass/_syntax.scss | 65 +++++++++++++++++++++++ _sass/_variables.scss | 8 +++ index.md | 5 ++ main.scss | 108 ++++++++++++++++++++++++++++++++++++++ 13 files changed, 396 insertions(+) create mode 100644 .gitignore create mode 100644 CNAME create mode 100644 _config.yml create mode 100644 _includes/footer.html create mode 100644 _includes/head.html create mode 100644 _includes/header.html create mode 100644 _includes/share-page.html create mode 100644 _layouts/default.html create mode 100644 _sass/_github.scss create mode 100644 _sass/_syntax.scss create mode 100644 _sass/_variables.scss create mode 100644 index.md create mode 100644 main.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..10e5117 --- /dev/null +++ b/.gitignore @@ -0,0 +1,21 @@ +# OS or Editor folders +*.esproj +*.sublime-project +*.sublime-workspace +.DS_Store +.Spotlight-V100 +.Trashes +._* +.cache +.idea +.project +.settings +.tmproj +Desktop.ini +Thumb.db +Thumbs.db +nbproject + +_site +.jekyll-metadata +.sass-cache diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..28d7cd2 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +headtags.info \ No newline at end of file diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..503bf97 --- /dev/null +++ b/_config.yml @@ -0,0 +1,24 @@ +# Site settings +title: tags +description: A list of everything that could go in the of your document +baseurl: "" # the subpath of your site, e.g. /blog/ +url: "http://headtags.info" # the base hostname & protocol for your site (no trailing slash) +twitter_username: joshbuchea +github_username: joshbuchea +exclude: [readme.md] +sass: + #style: compressed + +# Build settings +markdown: kramdown + +# Compress HTML +compress_html: + clippings: all + comments: [] + endings: [p, li, td] + ignore: + envs: [] + blanklines: false + profile: false + startings: [html, head, body] diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..29fb098 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,3 @@ + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..a807305 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + {% if page.title %}{{ page.title | xml_escape }}{% else %}{{ site.title | xml_escape }}{% endif %} + + + + + + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..7cbefcc --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,17 @@ +
+ + {% include share-page.html %} + +
+ By Josh Buchea / @{{ site.twitter_username }} +
+ + + + + + + + + +
diff --git a/_includes/share-page.html b/_includes/share-page.html new file mode 100644 index 0000000..5abc21e --- /dev/null +++ b/_includes/share-page.html @@ -0,0 +1,48 @@ +
+ + + + + + + + + + + + + + + Star + + + + +
diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..21d43c5 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,36 @@ +--- +--- + + + {% include head.html %} + +
+ {% include header.html %} +
+

{{ site.title | xml_escape }}

+ {{ content }} +
+
+ + + + + diff --git a/_sass/_github.scss b/_sass/_github.scss new file mode 100644 index 0000000..1de9c15 --- /dev/null +++ b/_sass/_github.scss @@ -0,0 +1,40 @@ +.github { + height: 80px; + width: 80px; + position: fixed; + right: 0; + top: 0; + transform: translateZ(0); + z-index: 1; + + &:hover { + .github__arm { + @media (min-width: $media-sm) { + animation: octocat-wave 560ms ease-in-out; + } + } + } + + &__arm { + transform-origin: 130px 106px; + } + +} + +a.github, +a.github:hover, +a.github:focus { + border-bottom: none; +} + +@keyframes octocat-wave { + 0%, 100%{ + transform: rotate(0); + } + 20%, 60%{ + transform: rotate(-25deg); + } + 40%, 80%{ + transform: rotate(10deg); + } +} diff --git a/_sass/_syntax.scss b/_sass/_syntax.scss new file mode 100644 index 0000000..15ad797 --- /dev/null +++ b/_sass/_syntax.scss @@ -0,0 +1,65 @@ +.highlight .hll { background-color: #ffc; } +.highlight .c { color: #999; } /* Comment */ +.highlight .err { color: #a00; background-color: #faa } /* Error */ +.highlight .k { color: #069; } /* Keyword */ +.highlight .o { color: #555 } /* Operator */ +.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #099 } /* Comment.Preproc */ +.highlight .c1 { color: #999; } /* Comment.Single */ +.highlight .cs { color: #999; } /* Comment.Special */ +.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #f00 } /* Generic.Error */ +.highlight .gh { color: #030; } /* Generic.Heading */ +.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */ +.highlight .go { color: #aaa } /* Generic.Output */ +.highlight .gp { color: #009; } /* Generic.Prompt */ +.highlight .gs { } /* Generic.Strong */ +.highlight .gu { color: #030; } /* Generic.Subheading */ +.highlight .gt { color: #9c6 } /* Generic.Traceback */ +.highlight .kc { color: #069; } /* Keyword.Constant */ +.highlight .kd { color: #069; } /* Keyword.Declaration */ +.highlight .kn { color: #069; } /* Keyword.Namespace */ +.highlight .kp { color: #069 } /* Keyword.Pseudo */ +.highlight .kr { color: #069; } /* Keyword.Reserved */ +.highlight .kt { color: #078; } /* Keyword.Type */ +.highlight .m { color: #f60 } /* Literal.Number */ +.highlight .s { color: #d44950 } /* Literal.String */ +.highlight .na { color: #4f9fcf } /* Name.Attribute */ +.highlight .nb { color: #366 } /* Name.Builtin */ +.highlight .nc { color: #0a8; } /* Name.Class */ +.highlight .no { color: #360 } /* Name.Constant */ +.highlight .nd { color: #99f } /* Name.Decorator */ +.highlight .ni { color: #999; } /* Name.Entity */ +.highlight .ne { color: #c00; } /* Name.Exception */ +.highlight .nf { color: #c0f } /* Name.Function */ +.highlight .nl { color: #99f } /* Name.Label */ +.highlight .nn { color: #0cf; } /* Name.Namespace */ +.highlight .nt { color: #2f6f9f; } /* Name.Tag */ +.highlight .nv { color: #033 } /* Name.Variable */ +.highlight .ow { color: #000; } /* Operator.Word */ +.highlight .w { color: #bbb } /* Text.Whitespace */ +.highlight .mf { color: #f60 } /* Literal.Number.Float */ +.highlight .mh { color: #f60 } /* Literal.Number.Hex */ +.highlight .mi { color: #f60 } /* Literal.Number.Integer */ +.highlight .mo { color: #f60 } /* Literal.Number.Oct */ +.highlight .sb { color: #c30 } /* Literal.String.Backtick */ +.highlight .sc { color: #c30 } /* Literal.String.Char */ +.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */ +.highlight .s2 { color: #c30 } /* Literal.String.Double */ +.highlight .se { color: #c30; } /* Literal.String.Escape */ +.highlight .sh { color: #c30 } /* Literal.String.Heredoc */ +.highlight .si { color: #a00 } /* Literal.String.Interpol */ +.highlight .sx { color: #c30 } /* Literal.String.Other */ +.highlight .sr { color: #3aa } /* Literal.String.Regex */ +.highlight .s1 { color: #c30 } /* Literal.String.Single */ +.highlight .ss { color: #fc3 } /* Literal.String.Symbol */ +.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #033 } /* Name.Variable.Class */ +.highlight .vg { color: #033 } /* Name.Variable.Global */ +.highlight .vi { color: #033 } /* Name.Variable.Instance */ +.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */ + +.css .o, +.css .o + .nt, +.css .nt + .nt { color: #999; } diff --git a/_sass/_variables.scss b/_sass/_variables.scss new file mode 100644 index 0000000..45c0650 --- /dev/null +++ b/_sass/_variables.scss @@ -0,0 +1,8 @@ +$base-bgcolor: #fff; +$base-color: #555; +$base-font-family: 'Helvetica Neue'; +$base-font-family-fallback: sans-serif; +$base-font-size: 16px; +$base-line-height: 1.5; + +$media-sm: 320px; diff --git a/index.md b/index.md new file mode 100644 index 0000000..995a7ff --- /dev/null +++ b/index.md @@ -0,0 +1,5 @@ +--- +layout: default +--- + +{% include_relative README.md %} diff --git a/main.scss b/main.scss new file mode 100644 index 0000000..4953542 --- /dev/null +++ b/main.scss @@ -0,0 +1,108 @@ +--- +# Stylesheet +--- + +@import 'variables'; +@import 'github'; +@import 'syntax'; + +body { + padding: 20px 10px; + font-family: $base-font-family, $base-font-family-fallback; + background-color: $base-bgcolor; + color: $base-color; + font-size: $base-font-size; + line-height: $base-line-height; +} + +h1, h2, h3, h4, h5, h6 { + color: #333; +} + +h1#head { + display: none; +} + +a { + color: #70B7FD; + color: #222; +} + +a:hover, +a:focus { + color: #70B7FD; + color: #000; +} + +a { + transition: all .2s ease-in-out; + border-bottom: 1px solid #ddd; + text-decoration: none; +} + +a:hover, +a:focus { + border-bottom: 1px solid #70B7FD; +} + +img { + height: auto; + max-width: 100%; + vertical-align: middle; +} + +.container {} + +.site__main { + margin: auto; + max-width: 800px; +} + +.site__main p:first-of-type { + font-size: 1.5em; +} + +pre { + overflow-x: auto; + word-wrap: normal; + white-space: pre; + background-color: #f5f5f5; + + padding: 16px; + font-size: 85%; + line-height: 1.45; +} + +code { + border-radius: 0; + background-color: #f5f5f5; + padding: 0.2em 0; +} + +.highlight { + margin-left: 0; + margin-right: 0; + border-radius: 0; +} + +// #facebook.pluginButton { +// transform: scale(3.5); +// -ms-transform: scale(3.5); +// -webkit-transform: scale(3.5); +// -o-transform: scale(3.5); +// -moz-transform: scale(3.5); +// transform-origin: top left; +// -ms-transform-origin: top left; +// -webkit-transform-origin: top left; +// -moz-transform-origin: top left; +// -webkit-transform-origin: top left; +// } +// +// .pluginButtonIconSVG { +// height: 28px; +// width: 28px; +// } +// +// .plugin, .plugin button, .plugin input, .plugin label, .plugin select, .plugin td, .plugin textarea { +// font-size: 22px; +// }