cosy-jekyll-theme 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
+ }