cosy-jekyll-theme 1.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +22 -0
  3. data/_includes/browser-upgrade.html +1 -0
  4. data/_includes/disqus_comments.html +26 -0
  5. data/_includes/feed-footer.html +1 -0
  6. data/_includes/footer.html +33 -0
  7. data/_includes/gallery +21 -0
  8. data/_includes/head.html +42 -0
  9. data/_includes/header.html +63 -0
  10. data/_includes/icons.html +3 -0
  11. data/_includes/pagination.html +66 -0
  12. data/_includes/read-more.html +20 -0
  13. data/_includes/scripts.html +22 -0
  14. data/_layouts/home.html +25 -0
  15. data/_layouts/page.html +37 -0
  16. data/_layouts/post.html +60 -0
  17. data/_sass/_animations.scss +327 -0
  18. data/_sass/_coderay.scss +66 -0
  19. data/_sass/_elements.scss +156 -0
  20. data/_sass/_grid.scss +47 -0
  21. data/_sass/_mixins.scss +381 -0
  22. data/_sass/_page.scss +649 -0
  23. data/_sass/_reset.scss +156 -0
  24. data/_sass/_rouge.scss +73 -0
  25. data/_sass/_site.scss +56 -0
  26. data/_sass/_typography.scss +125 -0
  27. data/_sass/_variables.scss +46 -0
  28. data/_sass/vendor/font-awesome/_animated.scss +34 -0
  29. data/_sass/vendor/font-awesome/_bordered-pulled.scss +25 -0
  30. data/_sass/vendor/font-awesome/_core.scss +12 -0
  31. data/_sass/vendor/font-awesome/_fixed-width.scss +6 -0
  32. data/_sass/vendor/font-awesome/_icons.scss +697 -0
  33. data/_sass/vendor/font-awesome/_larger.scss +13 -0
  34. data/_sass/vendor/font-awesome/_list.scss +19 -0
  35. data/_sass/vendor/font-awesome/_mixins.scss +26 -0
  36. data/_sass/vendor/font-awesome/_path.scss +15 -0
  37. data/_sass/vendor/font-awesome/_rotated-flipped.scss +20 -0
  38. data/_sass/vendor/font-awesome/_stacked.scss +20 -0
  39. data/_sass/vendor/font-awesome/_variables.scss +708 -0
  40. data/_sass/vendor/font-awesome/font-awesome.scss +17 -0
  41. data/assets/css/main.scss +26 -0
  42. data/assets/fonts/FontAwesome.otf +0 -0
  43. data/assets/fonts/fontawesome-webfont.eot +0 -0
  44. data/assets/fonts/fontawesome-webfont.svg +655 -0
  45. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  46. data/assets/fonts/fontawesome-webfont.woff +0 -0
  47. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  48. data/assets/js/fitvids.min.js +1 -0
  49. data/assets/js/main.js +20 -0
  50. metadata +134 -0
data/_sass/_reset.scss ADDED
@@ -0,0 +1,156 @@
1
+ //
2
+ // Reset CSS
3
+ // Adapted from http://github.com/necolas/normalize.css
4
+ // --------------------------------------------------
5
+
6
+ *, *:after, *:before {
7
+ -webkit-box-sizing: border-box;
8
+ -moz-box-sizing: border-box;
9
+ box-sizing: border-box;
10
+ }
11
+
12
+ // Display in IE6-9 and FF3
13
+ // -------------------------
14
+ article,
15
+ aside,
16
+ details,
17
+ figcaption,
18
+ figure,
19
+ footer,
20
+ header,
21
+ hgroup,
22
+ nav,
23
+ section {
24
+ display: block;
25
+ }
26
+
27
+ // Display block in IE6-9 and FF3
28
+ // -------------------------
29
+ audio,
30
+ canvas,
31
+ video {
32
+ display: inline-block;
33
+ *display: inline;
34
+ *zoom: 1;
35
+ }
36
+
37
+ // Prevents modern browsers from displaying 'audio' without controls
38
+ // -------------------------
39
+ audio:not([controls]) {
40
+ display: none;
41
+ }
42
+
43
+ // Base settings
44
+ // -------------------------
45
+ html {
46
+ font-size: 100%;
47
+ -webkit-text-size-adjust: 100%;
48
+ -ms-text-size-adjust: 100%;
49
+ }
50
+ // Focus states
51
+ a:focus {
52
+ @include tab-focus();
53
+ }
54
+ // Hover & Active
55
+ a:hover,
56
+ a:active {
57
+ outline: 0;
58
+ }
59
+
60
+ // Prevents sub and sup affecting line-height in all browsers
61
+ // -------------------------
62
+ sub,
63
+ sup {
64
+ position: relative;
65
+ font-size: 75%;
66
+ line-height: 0;
67
+ vertical-align: baseline;
68
+ }
69
+ sup {
70
+ top: -0.5em;
71
+ }
72
+ sub {
73
+ bottom: -0.25em;
74
+ }
75
+
76
+ // Blockquote
77
+ // -------------------------
78
+ blockquote {
79
+ margin: 0;
80
+ }
81
+
82
+ // Img border in a's and image quality
83
+ // -------------------------
84
+ img {
85
+ /* Responsive images (ensure images don't scale beyond their parents) */
86
+ max-width: 100%; /* Part 1: Set a maxium relative to the parent */
87
+ width: auto\9; /* IE7-8 need help adjusting responsive images */
88
+ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
89
+
90
+ vertical-align: middle;
91
+ border: 0;
92
+ -ms-interpolation-mode: bicubic;
93
+ }
94
+
95
+ // Full width tables
96
+ // -------------------------
97
+ table {
98
+ width: 100%;
99
+ }
100
+
101
+ // Prevent max-width from affecting Google Maps
102
+ #map_canvas img,
103
+ .google-maps img {
104
+ max-width: none;
105
+ }
106
+
107
+ // Forms
108
+ // -------------------------
109
+ // Font size in all browsers, margin changes, misc consistency
110
+ button,
111
+ input,
112
+ select,
113
+ textarea {
114
+ margin: 0;
115
+ font-size: 100%;
116
+ vertical-align: middle;
117
+ }
118
+ button,
119
+ input {
120
+ *overflow: visible; // Inner spacing ie IE6/7
121
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
122
+ }
123
+ button::-moz-focus-inner,
124
+ input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
125
+ padding: 0;
126
+ border: 0;
127
+ }
128
+ button,
129
+ html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
130
+ input[type="reset"],
131
+ input[type="submit"] {
132
+ -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
133
+ cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
134
+ }
135
+ label,
136
+ select,
137
+ button,
138
+ input[type="button"],
139
+ input[type="reset"],
140
+ input[type="submit"],
141
+ input[type="radio"],
142
+ input[type="checkbox"] {
143
+ cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
144
+ }
145
+ input[type="search"] { // Appearance in Safari/Chrome
146
+ @include box-sizing(content-box);
147
+ -webkit-appearance: textfield;
148
+ }
149
+ input[type="search"]::-webkit-search-decoration,
150
+ input[type="search"]::-webkit-search-cancel-button {
151
+ -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
152
+ }
153
+ textarea {
154
+ overflow: auto; // Remove vertical scrollbar in IE6-9
155
+ vertical-align: top; // Readability and alignment cross-browser
156
+ }
data/_sass/_rouge.scss ADDED
@@ -0,0 +1,73 @@
1
+ .highlight {
2
+ margin-bottom: 1.5em;
3
+ @include font(12);
4
+ color: #d0d0d0;
5
+ border: 1px solid darken($body-color, 5);
6
+ background-color: #272822;
7
+ @include rounded(3px);
8
+ pre {
9
+ position: relative;
10
+ margin: 0;
11
+ padding: 1em;
12
+ }
13
+ .lineno { padding-right: 24px; color: #8f908a;}
14
+ .hll { background-color: #49483e }
15
+ .c { color: #75715e } /* Comment */
16
+ .err { color: #960050; background-color: #1e0010 } /* Error */
17
+ .k { color: #66d9ef } /* Keyword */
18
+ .l { color: #ae81ff } /* Literal */
19
+ .n { color: #f8f8f2 } /* Name */
20
+ .o { color: #f92672 } /* Operator */
21
+ .p { color: #f8f8f2 } /* Punctuation */
22
+ .cm { color: #75715e } /* Comment.Multiline */
23
+ .cp { color: #75715e } /* Comment.Preproc */
24
+ .c1 { color: #75715e } /* Comment.Single */
25
+ .cs { color: #75715e } /* Comment.Special */
26
+ .ge { font-style: italic } /* Generic.Emph */
27
+ .gs { font-weight: bold } /* Generic.Strong */
28
+ .kc { color: #66d9ef } /* Keyword.Constant */
29
+ .kd { color: #66d9ef } /* Keyword.Declaration */
30
+ .kn { color: #f92672 } /* Keyword.Namespace */
31
+ .kp { color: #66d9ef } /* Keyword.Pseudo */
32
+ .kr { color: #66d9ef } /* Keyword.Reserved */
33
+ .kt { color: #66d9ef } /* Keyword.Type */
34
+ .ld { color: #e6db74 } /* Literal.Date */
35
+ .m { color: #ae81ff } /* Literal.Number */
36
+ .s { color: #e6db74 } /* Literal.String */
37
+ .na { color: #a6e22e } /* Name.Attribute */
38
+ .nb { color: #f8f8f2 } /* Name.Builtin */
39
+ .nc { color: #a6e22e } /* Name.Class */
40
+ .no { color: #66d9ef } /* Name.Constant */
41
+ .nd { color: #a6e22e } /* Name.Decorator */
42
+ .ni { color: #f8f8f2 } /* Name.Entity */
43
+ .ne { color: #a6e22e } /* Name.Exception */
44
+ .nf { color: #a6e22e } /* Name.Function */
45
+ .nl { color: #f8f8f2 } /* Name.Label */
46
+ .nn { color: #f8f8f2 } /* Name.Namespace */
47
+ .nx { color: #a6e22e } /* Name.Other */
48
+ .py { color: #f8f8f2 } /* Name.Property */
49
+ .nt { color: #f92672 } /* Name.Tag */
50
+ .nv { color: #f8f8f2 } /* Name.Variable */
51
+ .ow { color: #f92672 } /* Operator.Word */
52
+ .w { color: #f8f8f2 } /* Text.Whitespace */
53
+ .mf { color: #ae81ff } /* Literal.Number.Float */
54
+ .mh { color: #ae81ff } /* Literal.Number.Hex */
55
+ .mi { color: #ae81ff } /* Literal.Number.Integer */
56
+ .mo { color: #ae81ff } /* Literal.Number.Oct */
57
+ .sb { color: #e6db74 } /* Literal.String.Backtick */
58
+ .sc { color: #e6db74 } /* Literal.String.Char */
59
+ .sd { color: #e6db74 } /* Literal.String.Doc */
60
+ .s2 { color: #e6db74 } /* Literal.String.Double */
61
+ .se { color: #ae81ff } /* Literal.String.Escape */
62
+ .sh { color: #e6db74 } /* Literal.String.Heredoc */
63
+ .si { color: #e6db74 } /* Literal.String.Interpol */
64
+ .sx { color: #e6db74 } /* Literal.String.Other */
65
+ .sr { color: #e6db74 } /* Literal.String.Regex */
66
+ .s1 { color: #e6db74 } /* Literal.String.Single */
67
+ .ss { color: #e6db74 } /* Literal.String.Symbol */
68
+ .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
69
+ .vc { color: #f8f8f2 } /* Name.Variable.Class */
70
+ .vg { color: #f8f8f2 } /* Name.Variable.Global */
71
+ .vi { color: #f8f8f2 } /* Name.Variable.Instance */
72
+ .il { color: #ae81ff } /* Literal.Number.Integer.Long */
73
+ }
data/_sass/_site.scss ADDED
@@ -0,0 +1,56 @@
1
+ // Selection
2
+ // --------------------------------------------------
3
+ ::-moz-selection {
4
+ background-color: lighten($base-color, 65%);
5
+ color: $base-color;
6
+ text-shadow: none;
7
+ }
8
+ ::selection {
9
+ background-color: lighten($base-color, 65%);
10
+ color: $base-color;
11
+ text-shadow: none;
12
+ }
13
+
14
+ // Global Classes
15
+ // --------------------------------------------------
16
+ .wrap {
17
+ margin: 0 auto;
18
+ }
19
+ .all-caps {
20
+ text-transform: uppercase;
21
+ }
22
+ .image-left {
23
+ float: none;
24
+ @media #{$medium} {
25
+ float: left;
26
+ }
27
+ }
28
+ .image-right {
29
+ float: none;
30
+ @media #{$medium} {
31
+ float: right;
32
+ }
33
+ }
34
+ .unstyled-list {
35
+ list-style: none;
36
+ margin-left: 0;
37
+ padding-left: 0;
38
+ li {
39
+ list-style-type: none;
40
+ }
41
+ }
42
+ .inline-list {
43
+ list-style: none;
44
+ margin-left: 0;
45
+ padding-left: 0;
46
+ li {
47
+ list-style-type: none;
48
+ display: inline;
49
+ }
50
+ }
51
+
52
+ // Global Transition
53
+ // ---------------------------------------------------
54
+ b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a {
55
+ @include transition(all .2s ease);
56
+ }
@@ -0,0 +1,125 @@
1
+ // Body
2
+ // --------------------------------------------------
3
+ body {
4
+ font-family: $base-font;
5
+ color: $text-color;
6
+ }
7
+
8
+ // Headings
9
+ // --------------------------------------------------
10
+ h1, h2, h3, h4, h5, h6 {
11
+ font-family: $heading-font;
12
+ }
13
+ h1 {
14
+ @include font-rem(28);
15
+ @media #{$medium} {
16
+ @include font-rem(32);
17
+ }
18
+ }
19
+
20
+ // Links
21
+ // --------------------------------------------------
22
+ a {
23
+ text-decoration: none;
24
+ color: $link-color;
25
+ &:visited {
26
+ color: lighten($link-color, 20);
27
+ }
28
+ &:hover {
29
+ color: darken($link-color, 20);
30
+ }
31
+ &:focus {
32
+ outline: thin dotted;
33
+ color: darken($link-color, 20);
34
+ }
35
+ &:hover,
36
+ &:active {
37
+ outline: 0;
38
+ }
39
+ }
40
+
41
+ .link-arrow {
42
+ font-weight: 100;
43
+ text-decoration: underline;
44
+ font-style: normal;
45
+ }
46
+
47
+ // Figures
48
+ // --------------------------------------------------
49
+ figcaption {
50
+ padding-top: 10px;
51
+ @include font(14);
52
+ line-height: 1.3;
53
+ color: lighten($text-color, 10);
54
+ }
55
+
56
+ // Note text
57
+ // --------------------------------------------------
58
+ .notice {
59
+ margin-top: 1.5em;
60
+ padding: .5em 1em;
61
+ text-indent: 0;
62
+ @include font-rem(14);
63
+ background-color: $body-color;
64
+ border: 1px solid darken($body-color,20);
65
+ @include rounded(3px);
66
+ }
67
+
68
+ // Blockquotes
69
+ // --------------------------------------------------
70
+ blockquote {
71
+ font-family: $alt-font;
72
+ font-style: italic;
73
+ border-left: 8px solid $border-color;
74
+ padding-left: 20px;
75
+ @media #{$medium} {
76
+ margin-left: -28px;
77
+ }
78
+ }
79
+
80
+ // List items
81
+ // --------------------------------------------------
82
+ .entry-content li {
83
+ margin-bottom: 7px;
84
+ }
85
+
86
+ // Footnotes
87
+ // --------------------------------------------------
88
+ .entry-content .footnotes {
89
+ ol, li, p {
90
+ @include font-size(14);
91
+ }
92
+ }
93
+
94
+ // Code
95
+ // --------------------------------------------------
96
+ tt, code, kbd, samp, pre {
97
+ font-family: $code-font;
98
+ }
99
+ p,
100
+ li {
101
+ code {
102
+ @include font-rem(12);
103
+ line-height: 1.5;
104
+ white-space: nowrap;
105
+ margin: 0 2px;
106
+ padding: 0 5px;
107
+ border: 1px solid lighten($black, 90);
108
+ background-color: lighten($black, 95);
109
+ @include rounded(3px);
110
+ }
111
+ }
112
+ pre {
113
+ @include font-rem(12);
114
+ line-height: 1.5;
115
+ overflow-x: auto;
116
+ &::-webkit-scrollbar {
117
+ height: 12px;
118
+ background-color: #34362e;
119
+ border-radius: 0 0 4px 4px;
120
+ }
121
+ &::-webkit-scrollbar-thumb:horizontal {
122
+ background-color: #6a6d5d;
123
+ @include rounded(4px);
124
+ }
125
+ }
@@ -0,0 +1,46 @@
1
+ // Typography
2
+ // --------------------------------------------------
3
+
4
+ $base-font: 'Lato', Calibri, Arial, sans-serif;
5
+ $heading-font: $base-font;
6
+ $caption-font: $base-font;
7
+ $code-font: monospace;
8
+ $alt-font: serif;
9
+
10
+ $doc-font-size: 16;
11
+ $doc-line-height: 26;
12
+
13
+ // set-up the body font-size / line-height
14
+ body {
15
+ font-size: 0px + $doc-font-size;
16
+ }
17
+
18
+ // Colors
19
+ // --------------------------------------------------
20
+ $base-color: rgba(#222, 0.8);
21
+ $header-color: #000;
22
+ $sub-item-color: rgba(#000, 0.1);
23
+ $header-margin: #000;
24
+ $menu-top: white;
25
+ $menu-height: 60px;
26
+ $menu-overflow: #000;
27
+ $body-color: #e8e8e8;
28
+ $text-color: rgba(#222, 0.8);
29
+ $comp-color: complement(#222);
30
+ $border-color: lighten(#222, 60);
31
+ $white: #fff;
32
+ $black: #000;
33
+ $link-color: rgba(#222, 0.8);
34
+
35
+ $primary: #222;
36
+ $success: #5cb85c;
37
+ $warning: #dd8338;
38
+ $danger: #C64537;
39
+ $info: #308cbc;
40
+
41
+ // Screen Size
42
+ // --------------------------------------------------
43
+
44
+ $small: "only screen and (min-width: 30em)";
45
+ $medium: "only screen and (min-width: 48em)";
46
+ $large: "only screen and (min-width: 62.5em)";
@@ -0,0 +1,34 @@
1
+ // Spinning Icons
2
+ // --------------------------
3
+
4
+ .#{$fa-css-prefix}-spin {
5
+ -webkit-animation: fa-spin 2s infinite linear;
6
+ animation: fa-spin 2s infinite linear;
7
+ }
8
+
9
+ .#{$fa-css-prefix}-pulse {
10
+ -webkit-animation: fa-spin 1s infinite steps(8);
11
+ animation: fa-spin 1s infinite steps(8);
12
+ }
13
+
14
+ @-webkit-keyframes fa-spin {
15
+ 0% {
16
+ -webkit-transform: rotate(0deg);
17
+ transform: rotate(0deg);
18
+ }
19
+ 100% {
20
+ -webkit-transform: rotate(359deg);
21
+ transform: rotate(359deg);
22
+ }
23
+ }
24
+
25
+ @keyframes fa-spin {
26
+ 0% {
27
+ -webkit-transform: rotate(0deg);
28
+ transform: rotate(0deg);
29
+ }
30
+ 100% {
31
+ -webkit-transform: rotate(359deg);
32
+ transform: rotate(359deg);
33
+ }
34
+ }
@@ -0,0 +1,25 @@
1
+ // Bordered & Pulled
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix}-border {
5
+ padding: .2em .25em .15em;
6
+ border: solid .08em $fa-border-color;
7
+ border-radius: .1em;
8
+ }
9
+
10
+ .#{$fa-css-prefix}-pull-left { float: left; }
11
+ .#{$fa-css-prefix}-pull-right { float: right; }
12
+
13
+ .#{$fa-css-prefix} {
14
+ &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
15
+ &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
16
+ }
17
+
18
+ /* Deprecated as of 4.4.0 */
19
+ .pull-right { float: right; }
20
+ .pull-left { float: left; }
21
+
22
+ .#{$fa-css-prefix} {
23
+ &.pull-left { margin-right: .3em; }
24
+ &.pull-right { margin-left: .3em; }
25
+ }
@@ -0,0 +1,12 @@
1
+ // Base Class Definition
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix} {
5
+ display: inline-block;
6
+ font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
8
+ text-rendering: auto; // optimizelegibility throws things off #1094
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+
12
+ }
@@ -0,0 +1,6 @@
1
+ // Fixed Width Icons
2
+ // -------------------------
3
+ .#{$fa-css-prefix}-fw {
4
+ width: (18em / 14);
5
+ text-align: center;
6
+ }