reverses-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +9 -0
  3. data/README.md +34 -0
  4. data/_includes/back-link.html +3 -0
  5. data/_includes/disqus-comments.html +20 -0
  6. data/_includes/google-analytics.html +10 -0
  7. data/_includes/menu.html +26 -0
  8. data/_includes/post-excerpt.html +19 -0
  9. data/_includes/post-list-item.html +19 -0
  10. data/_includes/search.html +8 -0
  11. data/_layouts/default.html +41 -0
  12. data/_layouts/home.html +61 -0
  13. data/_layouts/interviews.html +28 -0
  14. data/_layouts/page.html +8 -0
  15. data/_layouts/post.html +37 -0
  16. data/_sass/_article.scss +65 -0
  17. data/_sass/_base.scss +149 -0
  18. data/_sass/_font.scss +62 -0
  19. data/_sass/_footnotes.scss +35 -0
  20. data/_sass/_masthead.scss +25 -0
  21. data/_sass/_menu.scss +38 -0
  22. data/_sass/_mixins.scss +8 -0
  23. data/_sass/_post-list.scss +90 -0
  24. data/_sass/_reset.scss +1 -0
  25. data/_sass/_search.scss +34 -0
  26. data/_sass/_syntax-highlighting.scss +84 -0
  27. data/_sass/_variables.scss +11 -0
  28. data/assets/css/main.scss +21 -0
  29. data/assets/fonts/Audrey-Bold.woff +0 -0
  30. data/assets/fonts/Audrey-BoldOblique.woff +0 -0
  31. data/assets/fonts/Audrey-Medium.woff +0 -0
  32. data/assets/fonts/Audrey-MediumOblique.woff +0 -0
  33. data/assets/fonts/Audrey-Normal.woff +0 -0
  34. data/assets/fonts/Audrey-NormalOblique.woff +0 -0
  35. data/assets/fonts/BrandonGrotesque-Black.woff +0 -0
  36. data/assets/fonts/OFL.txt +93 -0
  37. data/assets/fonts/eb-garamond-v9-latin-regular.eot +0 -0
  38. data/assets/fonts/eb-garamond-v9-latin-regular.svg +612 -0
  39. data/assets/fonts/eb-garamond-v9-latin-regular.ttf +0 -0
  40. data/assets/fonts/eb-garamond-v9-latin-regular.woff +0 -0
  41. data/assets/fonts/eb-garamond-v9-latin-regular.woff2 +0 -0
  42. data/assets/images/Reverses-Dark.png +0 -0
  43. data/assets/images/Reverses-Full Transparent Black-PNG.png +0 -0
  44. data/assets/images/Reverses-Full Transparent White-PNG.png +0 -0
  45. data/assets/images/Reverses-Light (2).png +0 -0
  46. data/assets/images/Reverses-Light.png +0 -0
  47. data/assets/images/divider.svg +15 -0
  48. data/assets/images/downarrow.png +0 -0
  49. data/assets/images/downarrow.svg +1 -0
  50. data/assets/images/icon-512.png +0 -0
  51. metadata +134 -0
data/_sass/_menu.scss ADDED
@@ -0,0 +1,38 @@
1
+ .site-navigation {
2
+ margin-top: 2rem;
3
+ padding: 0 1rem;
4
+ &:hover,
5
+ &:focus-within {
6
+ a {
7
+ opacity: .7;
8
+ }
9
+ }
10
+ }
11
+
12
+ .site-navigation ul {
13
+ margin: 0;
14
+ display: flex;
15
+ flex-wrap: wrap;
16
+ justify-content: center;
17
+ }
18
+
19
+ .site-navigation li {
20
+ list-style: none;
21
+ font-size: .875em;
22
+ font-variant: small-caps;
23
+ margin: 0;
24
+ &.active a {
25
+ text-decoration: underline;
26
+ }
27
+ }
28
+
29
+ .site-navigation a {
30
+ display: block;
31
+ padding: .25em .5em;
32
+ text-decoration: none;
33
+ transition: opacity .125s ease-in-out;
34
+ &:hover,
35
+ &:focus {
36
+ opacity: 1;
37
+ }
38
+ }
@@ -0,0 +1,8 @@
1
+ @mixin divider {
2
+ border: 0;
3
+ display: block;
4
+ width: 152px;
5
+ height: 12px;
6
+ margin: .5em auto 0;
7
+ background: url(#{$asset_url}/images/divider.svg) no-repeat top center;
8
+ }
@@ -0,0 +1,90 @@
1
+ .post-list {
2
+ margin: 0em 0;
3
+ text-align: left;
4
+ list-style: none;
5
+ &:hover,
6
+ &:focus-within {
7
+ .post-link {
8
+ opacity: .6;
9
+ }
10
+ }
11
+ }
12
+
13
+ .post-list li {
14
+ margin-bottom: 0em;
15
+ text-align: left;
16
+ }
17
+
18
+ .post-link {
19
+ color: $text-color;
20
+ text-align: left;
21
+ display: flex;
22
+ flex-direction: column-reverse;
23
+ text-decoration: none;
24
+ padding: .1em;
25
+ transition: opacity .125s ease-in-out;
26
+ &:hover,
27
+ &:focus {
28
+ opacity: 1 !important;
29
+ }
30
+ @media (min-width: $on-tablet) {
31
+ display: flex;
32
+ text-align: left;
33
+ flex-direction: row;
34
+ justify-content: space-between;
35
+ .post-date {
36
+ margin-left: auto;
37
+ }
38
+ }
39
+ }
40
+
41
+ .post-link__heading {
42
+ display: block;
43
+ text-align: left;
44
+ margin-right: 2em;
45
+ @media (min-width: $on-tablet) {
46
+ padding: .25em 0;
47
+ }
48
+ h1 {
49
+ font-size: 1.2em;
50
+ margin-bottom: 0;
51
+ margin-top: 0;
52
+ }
53
+ }
54
+
55
+ .post-link__excerpt {
56
+ font-size: 1em !important;
57
+ }
58
+
59
+ .post-link__title + .post-link__excerpt {
60
+ opacity: .6;
61
+ }
62
+
63
+ .post-pagination {
64
+ margin-top: 4em;
65
+ font-size: .75em;
66
+ display: flex;
67
+ flex-direction: row;
68
+ justify-content: space-between;
69
+ text-align: center;
70
+ > * {
71
+ flex-grow: 1;
72
+ flex-basis: 0;
73
+ padding: 1em 0;
74
+ }
75
+ &:hover,
76
+ &:focus-within {
77
+ a {
78
+ opacity: .6;
79
+ }
80
+ }
81
+ a {
82
+ text-decoration: none;
83
+ text-transform: uppercase;
84
+ transition: opacity .125s ease-in-out;
85
+ &:hover,
86
+ &:focus {
87
+ opacity: 1;
88
+ }
89
+ }
90
+ }
data/_sass/_reset.scss ADDED
@@ -0,0 +1 @@
1
+ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
@@ -0,0 +1,34 @@
1
+ #search {
2
+ margin: 0 auto;
3
+ padding: 0 1rem;
4
+ text-align: center;
5
+ }
6
+
7
+ #search__input {
8
+ background: transparent;
9
+ border: 0;
10
+ font: 1em $font-family;
11
+ padding: .5em;
12
+ color: $text-color;
13
+ text-align: center;
14
+ &:focus {
15
+ outline: 1px dashed $text-color;
16
+ }
17
+ }
18
+
19
+ #search button[type="submit"] {
20
+ display: none;
21
+ }
22
+
23
+ ::-webkit-input-placeholder {
24
+ color: $muted-text-color;
25
+ }
26
+ ::-moz-placeholder {
27
+ color: $muted-text-color;
28
+ }
29
+ :-ms-input-placeholder {
30
+ color: $muted-text-color;
31
+ }
32
+ :-moz-placeholder {
33
+ color: $muted-text-color;
34
+ }
@@ -0,0 +1,84 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+
5
+ code.highlighter-rouge {
6
+ background: $highlight;
7
+ font-family: courier, monospace;
8
+ font-size: .875em;
9
+ }
10
+
11
+ .highlight {
12
+ background: #fff;
13
+ font-family: courier, monospace;
14
+ font-size: .875em;
15
+ margin: 2rem auto;
16
+
17
+ > * {
18
+ padding: 0 1.5rem;
19
+ }
20
+
21
+ .highlighter-rouge & {
22
+ background: $highlight;
23
+ }
24
+
25
+ .c { color: #998; font-style: italic } // Comment
26
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
27
+ .k { font-weight: bold } // Keyword
28
+ .o { font-weight: bold } // Operator
29
+ .cm { color: #998; font-style: italic } // Comment.Multiline
30
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
31
+ .c1 { color: #998; font-style: italic } // Comment.Single
32
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
33
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
34
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
35
+ .ge { font-style: italic } // Generic.Emph
36
+ .gr { color: #a00 } // Generic.Error
37
+ .gh { color: #999 } // Generic.Heading
38
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
39
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
40
+ .go { color: #888 } // Generic.Output
41
+ .gp { color: #555 } // Generic.Prompt
42
+ .gs { font-weight: bold } // Generic.Strong
43
+ .gu { color: #aaa } // Generic.Subheading
44
+ .gt { color: #a00 } // Generic.Traceback
45
+ .kc { font-weight: bold } // Keyword.Constant
46
+ .kd { font-weight: bold } // Keyword.Declaration
47
+ .kp { font-weight: bold } // Keyword.Pseudo
48
+ .kr { font-weight: bold } // Keyword.Reserved
49
+ .kt { color: #458; font-weight: bold } // Keyword.Type
50
+ .m { color: #099 } // Literal.Number
51
+ .s { color: #d14 } // Literal.String
52
+ .na { color: #008080 } // Name.Attribute
53
+ .nb { color: #0086B3 } // Name.Builtin
54
+ .nc { color: #458; font-weight: bold } // Name.Class
55
+ .no { color: #008080 } // Name.Constant
56
+ .ni { color: #800080 } // Name.Entity
57
+ .ne { color: #900; font-weight: bold } // Name.Exception
58
+ .nf { color: #900; font-weight: bold } // Name.Function
59
+ .nn { color: #555 } // Name.Namespace
60
+ .nt { color: #000080 } // Name.Tag
61
+ .nv { color: #008080 } // Name.Variable
62
+ .ow { font-weight: bold } // Operator.Word
63
+ .w { color: #bbb } // Text.Whitespace
64
+ .mf { color: #099 } // Literal.Number.Float
65
+ .mh { color: #099 } // Literal.Number.Hex
66
+ .mi { color: #099 } // Literal.Number.Integer
67
+ .mo { color: #099 } // Literal.Number.Oct
68
+ .sb { color: #d14 } // Literal.String.Backtick
69
+ .sc { color: #d14 } // Literal.String.Char
70
+ .sd { color: #d14 } // Literal.String.Doc
71
+ .s2 { color: #d14 } // Literal.String.Double
72
+ .se { color: #d14 } // Literal.String.Escape
73
+ .sh { color: #d14 } // Literal.String.Heredoc
74
+ .si { color: #d14 } // Literal.String.Interpol
75
+ .sx { color: #d14 } // Literal.String.Other
76
+ .sr { color: #009926 } // Literal.String.Regex
77
+ .s1 { color: #d14 } // Literal.String.Single
78
+ .ss { color: #990073 } // Literal.String.Symbol
79
+ .bp { color: #999 } // Name.Builtin.Pseudo
80
+ .vc { color: #008080 } // Name.Variable.Class
81
+ .vg { color: #008080 } // Name.Variable.Global
82
+ .vi { color: #008080 } // Name.Variable.Instance
83
+ .il { color: #099 } // Literal.Number.Integer.Long
84
+ }
@@ -0,0 +1,11 @@
1
+ $brand-color: #adc0d8;
2
+ $highlight: lighten($brand-color, 35%);
3
+ $text-color: #282d49;
4
+ $muted-text-color: #3c5283;
5
+ $font-family: "EB Garamond", Garamond, "Times New Roman", serif;
6
+ $font-family-header: "Audrey Bold", "Times New Roman", serif;
7
+ $font-family-subhead: "Brandon Grotesque", Garamond, "Times New Roman", serif;
8
+ $on-bigphone: 375px;
9
+ $on-tablet: 768px;
10
+ $on-laptop: 960px;
11
+ $on-desktop: 1200px;
@@ -0,0 +1,21 @@
1
+ ---
2
+ ---
3
+
4
+ @charset "utf-8";
5
+
6
+ $asset_url: '{{ '/assets' | absolute_url }}';
7
+
8
+ @import
9
+ "reset",
10
+ "variables",
11
+ "syntax-highlighting",
12
+ "mixins",
13
+ "font",
14
+ "base",
15
+ "masthead",
16
+ "menu",
17
+ "post-list",
18
+ "article",
19
+ "footnotes",
20
+ "search"
21
+ ;
Binary file
Binary file
Binary file
@@ -0,0 +1,93 @@
1
+ Copyright 2017 The EB Garamond Project Authors (https://github.com/octaviopardo/EBGaramond12)
2
+
3
+ This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
+ This license is copied below, and is also available with a FAQ at:
5
+ http://scripts.sil.org/OFL
6
+
7
+
8
+ -----------------------------------------------------------
9
+ SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10
+ -----------------------------------------------------------
11
+
12
+ PREAMBLE
13
+ The goals of the Open Font License (OFL) are to stimulate worldwide
14
+ development of collaborative font projects, to support the font creation
15
+ efforts of academic and linguistic communities, and to provide a free and
16
+ open framework in which fonts may be shared and improved in partnership
17
+ with others.
18
+
19
+ The OFL allows the licensed fonts to be used, studied, modified and
20
+ redistributed freely as long as they are not sold by themselves. The
21
+ fonts, including any derivative works, can be bundled, embedded,
22
+ redistributed and/or sold with any software provided that any reserved
23
+ names are not used by derivative works. The fonts and derivatives,
24
+ however, cannot be released under any other type of license. The
25
+ requirement for fonts to remain under this license does not apply
26
+ to any document created using the fonts or their derivatives.
27
+
28
+ DEFINITIONS
29
+ "Font Software" refers to the set of files released by the Copyright
30
+ Holder(s) under this license and clearly marked as such. This may
31
+ include source files, build scripts and documentation.
32
+
33
+ "Reserved Font Name" refers to any names specified as such after the
34
+ copyright statement(s).
35
+
36
+ "Original Version" refers to the collection of Font Software components as
37
+ distributed by the Copyright Holder(s).
38
+
39
+ "Modified Version" refers to any derivative made by adding to, deleting,
40
+ or substituting -- in part or in whole -- any of the components of the
41
+ Original Version, by changing formats or by porting the Font Software to a
42
+ new environment.
43
+
44
+ "Author" refers to any designer, engineer, programmer, technical
45
+ writer or other person who contributed to the Font Software.
46
+
47
+ PERMISSION & CONDITIONS
48
+ Permission is hereby granted, free of charge, to any person obtaining
49
+ a copy of the Font Software, to use, study, copy, merge, embed, modify,
50
+ redistribute, and sell modified and unmodified copies of the Font
51
+ Software, subject to the following conditions:
52
+
53
+ 1) Neither the Font Software nor any of its individual components,
54
+ in Original or Modified Versions, may be sold by itself.
55
+
56
+ 2) Original or Modified Versions of the Font Software may be bundled,
57
+ redistributed and/or sold with any software, provided that each copy
58
+ contains the above copyright notice and this license. These can be
59
+ included either as stand-alone text files, human-readable headers or
60
+ in the appropriate machine-readable metadata fields within text or
61
+ binary files as long as those fields can be easily viewed by the user.
62
+
63
+ 3) No Modified Version of the Font Software may use the Reserved Font
64
+ Name(s) unless explicit written permission is granted by the corresponding
65
+ Copyright Holder. This restriction only applies to the primary font name as
66
+ presented to the users.
67
+
68
+ 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69
+ Software shall not be used to promote, endorse or advertise any
70
+ Modified Version, except to acknowledge the contribution(s) of the
71
+ Copyright Holder(s) and the Author(s) or with their explicit written
72
+ permission.
73
+
74
+ 5) The Font Software, modified or unmodified, in part or in whole,
75
+ must be distributed entirely under this license, and must not be
76
+ distributed under any other license. The requirement for fonts to
77
+ remain under this license does not apply to any document created
78
+ using the Font Software.
79
+
80
+ TERMINATION
81
+ This license becomes null and void if any of the above conditions are
82
+ not met.
83
+
84
+ DISCLAIMER
85
+ THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88
+ OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89
+ COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90
+ INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91
+ DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92
+ FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93
+ OTHER DEALINGS IN THE FONT SOFTWARE.