realsimple-theme 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (21) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +52 -0
  4. data/_includes/head.html +25 -0
  5. data/_includes/home_nav.html +2 -0
  6. data/_includes/icon-github.html +1 -0
  7. data/_includes/icon-github.svg +1 -0
  8. data/_includes/icon-twitter.html +1 -0
  9. data/_includes/icon-twitter.svg +1 -0
  10. data/_layouts/default-nofp.html +17 -0
  11. data/_layouts/default.html +17 -0
  12. data/_layouts/home.html +59 -0
  13. data/_layouts/page.html +14 -0
  14. data/_layouts/post.html +20 -0
  15. data/_sass/realsimple/_base.scss +201 -0
  16. data/_sass/realsimple/_layout.scss +270 -0
  17. data/_sass/realsimple/_syntax-highlighting.scss +71 -0
  18. data/_sass/realsimple.scss +47 -0
  19. data/assets/fullpg.js +7 -0
  20. data/assets/main.scss +44 -0
  21. metadata +112 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: ae797b3ac9caecba52eafe67806735cec40327f5
4
+ data.tar.gz: 6c50cb59261e3a035dcc7750eb3bca5dbfd33eec
5
+ SHA512:
6
+ metadata.gz: e47eab5f9c22e519bec37008f36500cc71b12f3be3673dbc0dd8eb9149a5fac1fb245e32007a946b53b6d623a435135ee7c8793d39202253f341b1a4c7529031
7
+ data.tar.gz: 8ba99349678399b1d167d35145aa9884089103a3e14076aa43b15705822c3f75791fae3b86b4024ec5fa1625b277a5c2eaa3887956b97903dc79c850a6c3dab8
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2017 Suzan Sucro
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,52 @@
1
+ # realsimple-theme
2
+
3
+ * Realsimple is a clean, simple, (mostly) one page theme for Jekyll. Post links navigate away from the main page, but all other navigation uses fullpage.js.
4
+
5
+ If you find any bugs or have suggestions for improving this theme, please let me know via email (suzanmsucro@gmail.com) or with a Github issue: github.com/suzmas/realsimple-theme.
6
+
7
+ <iframe src="//giphy.com/embed/uuGQhuT8kDzry" width="480" height="328" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/uuGQhuT8kDzry">via GIPHY</a></p>
8
+
9
+
10
+ ## Installation
11
+
12
+ Add this line to your Jekyll site's `Gemfile`:
13
+
14
+ ```ruby
15
+ gem "realsimple-theme"
16
+ ```
17
+
18
+ And add this line to your Jekyll site's `_config.yml`:
19
+
20
+ ```yaml
21
+ theme: realsimple-theme
22
+ ```
23
+
24
+ And then execute:
25
+
26
+ $ bundle
27
+
28
+ Or install it yourself as:
29
+
30
+ $ gem install realsimple-theme
31
+
32
+ ## Usage
33
+
34
+ Available layouts: default, default-nofp, home, page, post. Default uses the fullpage.js wrapper, while default-nofp does not.
35
+
36
+ The homepage layout cycles through your site's files that use the 'page' layout in the order they are organized in your directory- and creates a section on the homepage to display their content. The last section of the homepage displays links and snippets of your recent posts. Files defined with layout 'post' use the 'default-nofp' layout.
37
+
38
+ Fullpage.js is initialized with four sections for the homepage (home, about, projects, posts). If you add additional files that use the 'page' layout, you'll need to modify fullpg.js in your assets file. You can read about Fullpage.js options here: https://github.com/alvarotrigo/fullPage.js/
39
+
40
+ Your config.yaml file should include definitions for author, author_title, twitter_url, linkedin_url, and github_url in order for the homepage links to work correctly.
41
+
42
+
43
+
44
+ ## Contributing
45
+
46
+ Bug reports and pull requests are welcome on GitHub at https://github.com/suzmas/realsimple-theme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
47
+
48
+
49
+
50
+ ## License
51
+
52
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
data/_includes/head.html ADDED
@@ -0,0 +1,25 @@
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1">
5
+
6
+ <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
7
+ <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
8
+
9
+ <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
10
+ <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
11
+ <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
12
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.2/jquery.fullPage.css">
13
+ <!-- Font Awesome -->
14
+ <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
15
+ <!-- Devicons -->
16
+ <link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/master/devicon.min.css">
17
+
18
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
19
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.2/jquery.fullPage.js"></script>
20
+ <script src="./assets/fullpg.js"></script>
21
+
22
+ {% if jekyll.environment == 'production' and site.google_analytics %}
23
+ {% include google-analytics.html %}
24
+ {% endif %}
25
+ </head>
data/_includes/home_nav.html ADDED
@@ -0,0 +1,2 @@
1
+ <div class="header" id="header"><a href="#gohome"><i class="fa fa-chevron-up fa-lg" aria-hidden="true"></i></a>
2
+ </div>
data/_includes/icon-github.html ADDED
@@ -0,0 +1 @@
1
+ <a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>
data/_includes/icon-github.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
data/_includes/icon-twitter.html ADDED
@@ -0,0 +1 @@
1
+ <a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>
data/_includes/icon-twitter.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
data/_layouts/default-nofp.html ADDED
@@ -0,0 +1,17 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
+
4
+ {% include head.html %}
5
+
6
+ <body>
7
+
8
+ <main class="page-content" aria-label="Content">
9
+ <div class="wrapper">
10
+ {{ content }}
11
+ </div>
12
+ </main>
13
+
14
+
15
+ </body>
16
+
17
+ </html>
data/_layouts/default.html ADDED
@@ -0,0 +1,17 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
+
4
+ {% include head.html %}
5
+
6
+ <body>
7
+
8
+ <main class="page-content" aria-label="Content">
9
+ <div class="wrapper" id="fullpage">
10
+ {{ content }}
11
+ </div>
12
+ </main>
13
+
14
+
15
+ </body>
16
+
17
+ </html>
data/_layouts/home.html ADDED
@@ -0,0 +1,59 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="home section">
6
+
7
+ <h1 id="home">{{site.author}}</h1>
8
+ <h2>{{site.author_title}}</h2>
9
+ <p class="home_fa"><a href="{{site.twitter_url}}"><i class="fa fa-twitter fa-lg"></i></a> |
10
+ <a href="{{site.linkedin_url}}"><i class="fa fa-linkedin fa-lg"></i></a> |
11
+ <a href="{{site.github_url}}"><i class="fa fa-github fa-lg"></i></a>
12
+
13
+ <ul class="splash-links" id="menu">
14
+ {% for page in site.pages %}
15
+ {% if page.title %}
16
+ <li data-menuanchor="{{ page.page_str }}">
17
+ <h3>
18
+ <a class="splash-link" href="#{{ page.page_str }}">{{ page.title | escape }}</a>
19
+ </h3>
20
+ </li>
21
+ {% endif %}
22
+ {% endfor %}
23
+ <li data-menuanchor="4thpage">
24
+ <h3>
25
+ <a class="splash-link" href="#4thpage">Writing</a>
26
+ </h3>
27
+ </li>
28
+ </ul>
29
+
30
+ </div>
31
+
32
+ {% for page in site.pages %}
33
+ {% if page.title %}
34
+
35
+ <div class="section">
36
+ <h1>{{page.title}}</h1>
37
+ {{page.content}}
38
+ </div>
39
+ {% endif %}
40
+ {% endfor %}
41
+
42
+ <div class="section">
43
+ <h1 class="page-heading">Posts</h1>
44
+
45
+ <ul class="post-list">
46
+ {% for post in site.posts %}
47
+ <li>
48
+ <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
49
+
50
+ <h2>
51
+ <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
52
+ </h2>
53
+ </li>
54
+ {% endfor %}
55
+ </ul>
56
+
57
+ <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
58
+
59
+ </div>
data/_layouts/page.html ADDED
@@ -0,0 +1,14 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="page">
5
+
6
+ <header class="page-header">
7
+ <h1 class="page-title">{{ page.title | escape }}</h1>
8
+ </header>
9
+
10
+ <div class="page-content">
11
+ {{ content }}
12
+ </div>
13
+
14
+ </article>
data/_layouts/post.html ADDED
@@ -0,0 +1,20 @@
1
+ ---
2
+ layout: default-nofp
3
+ ---
4
+
5
+ <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
6
+
7
+ <header class="post-header">
8
+ <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
9
+ <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
10
+ </header>
11
+
12
+ <div class="post-content" itemprop="articleBody">
13
+ {{ content }}
14
+ </div>
15
+
16
+ {% if site.disqus.shortname %}
17
+ {% include disqus_comments.html %}
18
+ {% endif %}
19
+
20
+ </article>
data/_sass/realsimple/_base.scss ADDED
@@ -0,0 +1,201 @@
1
+ /**
2
+ * Reset some basic elements
3
+ */
4
+ body, h1, h2, h3, h4, h5, h6,
5
+ p, blockquote, pre, hr,
6
+ dl, dd, ol, ul, figure {
7
+ margin: 0;
8
+ padding: 0;
9
+ }
10
+
11
+
12
+
13
+ /**
14
+ * Basic styling
15
+ */
16
+ body {
17
+ font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
18
+ color: $text-color;
19
+ background-color: $background-color;
20
+ -webkit-text-size-adjust: 100%;
21
+ -webkit-font-feature-settings: "kern" 1;
22
+ -moz-font-feature-settings: "kern" 1;
23
+ -o-font-feature-settings: "kern" 1;
24
+ font-feature-settings: "kern" 1;
25
+ font-kerning: normal;
26
+ }
27
+
28
+
29
+
30
+ /**
31
+ * Set `margin-bottom` to maintain vertical rhythm
32
+ */
33
+ h1, h2, h3, h4, h5, h6,
34
+ p, blockquote, pre,
35
+ ul, ol, dl, figure,
36
+ %vertical-rhythm {
37
+ margin-bottom: $spacing-unit / 2;
38
+ }
39
+
40
+
41
+
42
+ /**
43
+ * Images
44
+ */
45
+ img {
46
+ max-width: 100%;
47
+ vertical-align: middle;
48
+ margin: 5px;
49
+ }
50
+
51
+
52
+
53
+ /**
54
+ * Figures
55
+ */
56
+ figure > img {
57
+ display: block;
58
+ }
59
+
60
+ figcaption {
61
+ font-size: $small-font-size;
62
+ }
63
+
64
+
65
+
66
+ /**
67
+ * Lists
68
+ */
69
+ ul, ol {
70
+ margin-left: $spacing-unit;
71
+ }
72
+
73
+ li {
74
+ > ul,
75
+ > ol {
76
+ margin-bottom: 0;
77
+ }
78
+ }
79
+
80
+
81
+
82
+ /**
83
+ * Headings
84
+ */
85
+ h1, h2, h3, h4, h5, h6 {
86
+ font-family: "Dosis", sans-serif;
87
+ font-weight: $base-font-weight;
88
+ text-transform: uppercase;
89
+ }
90
+
91
+
92
+
93
+ /**
94
+ * Links
95
+ */
96
+ a {
97
+ font-family: "Dosis", sans-serif;
98
+ color: $brand-color;
99
+ text-decoration: none;
100
+
101
+ &:hover {
102
+ color: darken($brand-color, 15%);
103
+ }
104
+ }
105
+
106
+
107
+
108
+ /**
109
+ * Blockquotes
110
+ */
111
+ blockquote {
112
+ color: $grey-color;
113
+ border-left: 4px solid $grey-color-light;
114
+ padding-left: $spacing-unit / 2;
115
+ font-size: 18px;
116
+ letter-spacing: -1px;
117
+ font-style: italic;
118
+
119
+ > :last-child {
120
+ margin-bottom: 0;
121
+ }
122
+ }
123
+
124
+
125
+
126
+ /**
127
+ * Code formatting
128
+ */
129
+ pre,
130
+ code {
131
+ font-size: 15px;
132
+ border: 1px solid $grey-color-light;
133
+ border-radius: 3px;
134
+ background-color: #eef;
135
+ }
136
+
137
+ code {
138
+ padding: 1px 5px;
139
+ }
140
+
141
+ pre {
142
+ padding: 8px 12px;
143
+ overflow-x: auto;
144
+
145
+ > code {
146
+ border: 0;
147
+ padding-right: 0;
148
+ padding-left: 0;
149
+ }
150
+ }
151
+
152
+
153
+
154
+ /**
155
+ * Wrapper
156
+ */
157
+ .wrapper {
158
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
159
+ max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
160
+ margin-right: auto;
161
+ margin-left: auto;
162
+ padding-right: $spacing-unit;
163
+ padding-left: $spacing-unit;
164
+ @extend %clearfix;
165
+
166
+ @include media-query($on-laptop) {
167
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
168
+ max-width: calc(#{$content-width} - (#{$spacing-unit}));
169
+ padding-right: $spacing-unit / 2;
170
+ padding-left: $spacing-unit / 2;
171
+ }
172
+ }
173
+
174
+
175
+
176
+ /**
177
+ * Clearfix
178
+ */
179
+ %clearfix:after {
180
+ content: "";
181
+ display: table;
182
+ clear: both;
183
+ }
184
+
185
+
186
+
187
+ /**
188
+ * Icons
189
+ */
190
+ .icon > svg {
191
+ display: inline-block;
192
+ vertical-align: middle;
193
+
194
+ path {
195
+ fill: $grey-color;
196
+ }
197
+ }
198
+
199
+ .page-links {
200
+ list-style-type: none;
201
+ }
data/_sass/realsimple/_layout.scss ADDED
@@ -0,0 +1,270 @@
1
+
2
+ .header {
3
+ -webkit-transition: all 0.7s ease;
4
+ -moz-transition: all 0.7s ease;
5
+ -o-transition: all 0.7s ease;
6
+ transition: all 0.7s ease;
7
+
8
+ position:absolute;
9
+ top:100%;
10
+ margin-top: 0px;
11
+ left:0;
12
+ width:100%;
13
+ color: #fff;
14
+ height: 100px;
15
+ z-index:999;
16
+ }
17
+ .header.fixed{
18
+ bottom:auto;
19
+ top:0;
20
+ margin-top: 0;
21
+ }
22
+ /**
23
+ * Site header
24
+ */
25
+ .site-header {
26
+ border-top: 5px solid $grey-color-dark;
27
+ border-bottom: 1px solid $grey-color-light;
28
+ min-height: 56px;
29
+
30
+ // Positioning context for the mobile navigation icon
31
+ position: relative;
32
+ }
33
+
34
+ .site-title {
35
+ font-size: 26px;
36
+ font-weight: 300;
37
+ line-height: 56px;
38
+ letter-spacing: -1px;
39
+ margin-bottom: 0;
40
+ float: left;
41
+
42
+ &,
43
+ &:visited {
44
+ color: $grey-color-dark;
45
+ }
46
+ }
47
+
48
+ .site-nav {
49
+ float: right;
50
+ line-height: 56px;
51
+
52
+ .menu-icon {
53
+ display: none;
54
+ }
55
+
56
+ .page-link {
57
+ color: $text-color;
58
+ line-height: $base-line-height;
59
+
60
+ // Gaps between nav items, but not on the last one
61
+ &:not(:last-child) {
62
+ margin-right: 20px;
63
+ }
64
+ }
65
+
66
+ @include media-query($on-palm) {
67
+ position: absolute;
68
+ top: 9px;
69
+ right: $spacing-unit / 2;
70
+ background-color: $background-color;
71
+ border: 1px solid $grey-color-light;
72
+ border-radius: 5px;
73
+ text-align: right;
74
+
75
+ .menu-icon {
76
+ display: block;
77
+ float: right;
78
+ width: 36px;
79
+ height: 26px;
80
+ line-height: 0;
81
+ padding-top: 10px;
82
+ text-align: center;
83
+
84
+ > svg path {
85
+ fill: $grey-color-dark;
86
+ }
87
+ }
88
+
89
+ .trigger {
90
+ clear: both;
91
+ display: none;
92
+ }
93
+
94
+ &:hover .trigger {
95
+ display: block;
96
+ padding-bottom: 5px;
97
+ }
98
+
99
+ .page-link {
100
+ display: block;
101
+ padding: 5px 10px;
102
+
103
+ &:not(:last-child) {
104
+ margin-right: 0;
105
+ }
106
+ margin-left: 20px;
107
+ }
108
+ }
109
+ }
110
+
111
+
112
+
113
+ /**
114
+ * Site footer
115
+ */
116
+ .site-footer {
117
+ border-top: 1px solid $grey-color-light;
118
+ padding: $spacing-unit 0;
119
+ }
120
+
121
+ .footer-heading {
122
+ font-size: 18px;
123
+ margin-bottom: $spacing-unit / 2;
124
+ }
125
+
126
+ .contact-list,
127
+ .social-media-list {
128
+ list-style: none;
129
+ margin-left: 0;
130
+ }
131
+
132
+ .footer-col-wrapper {
133
+ font-size: 15px;
134
+ color: $grey-color;
135
+ margin-left: -$spacing-unit / 2;
136
+ @extend %clearfix;
137
+ }
138
+
139
+ .footer-col {
140
+ float: left;
141
+ margin-bottom: $spacing-unit / 2;
142
+ padding-left: $spacing-unit / 2;
143
+ }
144
+
145
+ .footer-col-1 {
146
+ width: -webkit-calc(35% - (#{$spacing-unit} / 2));
147
+ width: calc(35% - (#{$spacing-unit} / 2));
148
+ }
149
+
150
+ .footer-col-2 {
151
+ width: -webkit-calc(20% - (#{$spacing-unit} / 2));
152
+ width: calc(20% - (#{$spacing-unit} / 2));
153
+ }
154
+
155
+ .footer-col-3 {
156
+ width: -webkit-calc(45% - (#{$spacing-unit} / 2));
157
+ width: calc(45% - (#{$spacing-unit} / 2));
158
+ }
159
+
160
+ @include media-query($on-laptop) {
161
+ .footer-col-1,
162
+ .footer-col-2 {
163
+ width: -webkit-calc(50% - (#{$spacing-unit} / 2));
164
+ width: calc(50% - (#{$spacing-unit} / 2));
165
+ }
166
+
167
+ .footer-col-3 {
168
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
169
+ width: calc(100% - (#{$spacing-unit} / 2));
170
+ }
171
+ }
172
+
173
+ @include media-query($on-palm) {
174
+ .footer-col {
175
+ float: none;
176
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
177
+ width: calc(100% - (#{$spacing-unit} / 2));
178
+ }
179
+ }
180
+
181
+
182
+
183
+ /**
184
+ * Page content
185
+ */
186
+ .page-content {
187
+ padding: $spacing-unit 0;
188
+ }
189
+
190
+ .page-heading {
191
+ font-size: 20px;
192
+ }
193
+
194
+ .post-list {
195
+ margin-left: 0;
196
+ list-style: none;
197
+
198
+ > li {
199
+ margin-bottom: $spacing-unit;
200
+ }
201
+ }
202
+
203
+ .splash-links {
204
+ padding-top: 5%;
205
+ margin-left: 0;
206
+ list-style: none;
207
+ h3 {
208
+ margin-bottom: 10px;
209
+ }
210
+ a {
211
+ font-family: "Montserrat", sans-serif;
212
+ }
213
+ }
214
+
215
+ .post-meta {
216
+ font-size: $small-font-size;
217
+ color: $grey-color;
218
+ }
219
+
220
+ .post-link {
221
+ display: block;
222
+ font-size: 24px;
223
+ }
224
+
225
+
226
+
227
+ /**
228
+ * Posts
229
+ */
230
+ .post-header {
231
+ margin-bottom: $spacing-unit;
232
+ }
233
+
234
+ .post-title {
235
+ font-size: 42px;
236
+ letter-spacing: -1px;
237
+ line-height: 1;
238
+
239
+ @include media-query($on-laptop) {
240
+ font-size: 36px;
241
+ }
242
+ }
243
+
244
+ .post-content {
245
+ margin-bottom: $spacing-unit;
246
+
247
+ h2 {
248
+ font-size: 32px;
249
+
250
+ @include media-query($on-laptop) {
251
+ font-size: 28px;
252
+ }
253
+ }
254
+
255
+ h3 {
256
+ font-size: 26px;
257
+
258
+ @include media-query($on-laptop) {
259
+ font-size: 22px;
260
+ }
261
+ }
262
+
263
+ h4 {
264
+ font-size: 20px;
265
+
266
+ @include media-query($on-laptop) {
267
+ font-size: 18px;
268
+ }
269
+ }
270
+ }
data/_sass/realsimple/_syntax-highlighting.scss ADDED
@@ -0,0 +1,71 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+ .highlight {
5
+ background: #fff;
6
+ @extend %vertical-rhythm;
7
+
8
+ .highlighter-rouge & {
9
+ background: #eef;
10
+ }
11
+
12
+ .c { color: #998; font-style: italic } // Comment
13
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
14
+ .k { font-weight: bold } // Keyword
15
+ .o { font-weight: bold } // Operator
16
+ .cm { color: #998; font-style: italic } // Comment.Multiline
17
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
18
+ .c1 { color: #998; font-style: italic } // Comment.Single
19
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
20
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
21
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
22
+ .ge { font-style: italic } // Generic.Emph
23
+ .gr { color: #a00 } // Generic.Error
24
+ .gh { color: #999 } // Generic.Heading
25
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
26
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
27
+ .go { color: #888 } // Generic.Output
28
+ .gp { color: #555 } // Generic.Prompt
29
+ .gs { font-weight: bold } // Generic.Strong
30
+ .gu { color: #aaa } // Generic.Subheading
31
+ .gt { color: #a00 } // Generic.Traceback
32
+ .kc { font-weight: bold } // Keyword.Constant
33
+ .kd { font-weight: bold } // Keyword.Declaration
34
+ .kp { font-weight: bold } // Keyword.Pseudo
35
+ .kr { font-weight: bold } // Keyword.Reserved
36
+ .kt { color: #458; font-weight: bold } // Keyword.Type
37
+ .m { color: #099 } // Literal.Number
38
+ .s { color: #d14 } // Literal.String
39
+ .na { color: #008080 } // Name.Attribute
40
+ .nb { color: #0086B3 } // Name.Builtin
41
+ .nc { color: #458; font-weight: bold } // Name.Class
42
+ .no { color: #008080 } // Name.Constant
43
+ .ni { color: #800080 } // Name.Entity
44
+ .ne { color: #900; font-weight: bold } // Name.Exception
45
+ .nf { color: #900; font-weight: bold } // Name.Function
46
+ .nn { color: #555 } // Name.Namespace
47
+ .nt { color: #000080 } // Name.Tag
48
+ .nv { color: #008080 } // Name.Variable
49
+ .ow { font-weight: bold } // Operator.Word
50
+ .w { color: #bbb } // Text.Whitespace
51
+ .mf { color: #099 } // Literal.Number.Float
52
+ .mh { color: #099 } // Literal.Number.Hex
53
+ .mi { color: #099 } // Literal.Number.Integer
54
+ .mo { color: #099 } // Literal.Number.Oct
55
+ .sb { color: #d14 } // Literal.String.Backtick
56
+ .sc { color: #d14 } // Literal.String.Char
57
+ .sd { color: #d14 } // Literal.String.Doc
58
+ .s2 { color: #d14 } // Literal.String.Double
59
+ .se { color: #d14 } // Literal.String.Escape
60
+ .sh { color: #d14 } // Literal.String.Heredoc
61
+ .si { color: #d14 } // Literal.String.Interpol
62
+ .sx { color: #d14 } // Literal.String.Other
63
+ .sr { color: #009926 } // Literal.String.Regex
64
+ .s1 { color: #d14 } // Literal.String.Single
65
+ .ss { color: #990073 } // Literal.String.Symbol
66
+ .bp { color: #999 } // Name.Builtin.Pseudo
67
+ .vc { color: #008080 } // Name.Variable.Class
68
+ .vg { color: #008080 } // Name.Variable.Global
69
+ .vi { color: #008080 } // Name.Variable.Instance
70
+ .il { color: #099 } // Literal.Number.Integer.Long
71
+ }
data/_sass/realsimple.scss ADDED
@@ -0,0 +1,47 @@
1
+ // Imports
2
+ @import url('http://fonts.googleapis.com/css?family=Montserrat:400,700');
3
+ @import url('http://fonts.googleapis.com/css?family=Dosis');
4
+
5
+ // Define defaults for each variable.
6
+
7
+ $base-font-family: "Montserrat", sans-serif !default;
8
+ $base-font-size: 16px !default;
9
+ $base-font-weight: 400 !default;
10
+ $small-font-size: $base-font-size * 0.875 !default;
11
+ $base-line-height: 1.5 !default;
12
+
13
+ $spacing-unit: 30px !default;
14
+
15
+ $text-color: #111 !default;
16
+ $background-color: #fdfdfd !default;
17
+ $brand-color: #000059 !default;
18
+
19
+ $grey-color: #828282 !default;
20
+ $grey-color-light: lighten($grey-color, 40%) !default;
21
+ $grey-color-dark: darken($grey-color, 25%) !default;
22
+
23
+ // Width of the content area
24
+ $content-width: 800px !default;
25
+
26
+ $on-palm: 600px !default;
27
+ $on-laptop: 800px !default;
28
+
29
+ // Use media queries like this:
30
+ // @include media-query($on-palm) {
31
+ // .wrapper {
32
+ // padding-right: $spacing-unit / 2;
33
+ // padding-left: $spacing-unit / 2;
34
+ // }
35
+ // }
36
+ @mixin media-query($device) {
37
+ @media screen and (max-width: $device) {
38
+ @content;
39
+ }
40
+ }
41
+
42
+ // Import partials.
43
+ @import
44
+ "realsimple/base",
45
+ "realsimple/layout",
46
+ "realsimple/syntax-highlighting"
47
+ ;
data/assets/fullpg.js ADDED
@@ -0,0 +1,7 @@
1
+ $(document).ready(function() {
2
+ $('#fullpage').fullpage({
3
+ anchors: ['firstPage', 'secondPage', '3rdpage', '4thpage'],
4
+ menu: 'menu',
5
+ scrollingSpeed: 1000,
6
+ });
7
+ });
data/assets/main.scss ADDED
@@ -0,0 +1,44 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+ @charset "utf-8";
5
+
6
+ // Our variables
7
+ $base-font-family: "Montserrat", sans-serif;
8
+ $base-font-size: 18px;
9
+ $base-font-weight: 400;
10
+ $small-font-size: $base-font-size * 0.875;
11
+ $base-line-height: 1.5;
12
+
13
+ $spacing-unit: 30px;
14
+
15
+ $text-color: #111;
16
+ $background-color: #fdfdfd;
17
+ $brand-color: #000059;
18
+
19
+ $grey-color: #828282;
20
+ $grey-color-light: lighten($grey-color, 40%);
21
+ $grey-color-dark: darken($grey-color, 25%);
22
+
23
+ // Width of the content area
24
+ $content-width: 800px;
25
+
26
+ $on-palm: 600px;
27
+ $on-laptop: 800px;
28
+
29
+ // realsimple also includes a mixin for defining media queries.
30
+ // Use media queries like this:
31
+ // @include media-query($on-palm) {
32
+ // .wrapper {
33
+ // padding-right: $spacing-unit / 2;
34
+ // padding-left: $spacing-unit / 2;
35
+ // }
36
+ // }
37
+ .project-img {
38
+ max-width: 250px;
39
+ min-width: 250px;
40
+ max-height: 250px;
41
+ min-height: 250px;
42
+ }
43
+ // Import partials from the `realsimple` theme.
44
+ @import "realsimple";
metadata ADDED
@@ -0,0 +1,112 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: realsimple-theme
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - Suzan S.
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2017-02-26 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: jekyll
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '3.3'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.3'
27
+ - !ruby/object:Gem::Dependency
28
+ name: bundler
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '1.12'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '1.12'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '10.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '10.0'
55
+ description:
56
+ email:
57
+ - suzansucro@gmail.com
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - LICENSE.txt
63
+ - README.md
64
+ - _includes/head.html
65
+ - _includes/home_nav.html
66
+ - _includes/icon-github.html
67
+ - _includes/icon-github.svg
68
+ - _includes/icon-twitter.html
69
+ - _includes/icon-twitter.svg
70
+ - _layouts/default-nofp.html
71
+ - _layouts/default.html
72
+ - _layouts/home.html
73
+ - _layouts/page.html
74
+ - _layouts/post.html
75
+ - _sass/realsimple.scss
76
+ - _sass/realsimple/_base.scss
77
+ - _sass/realsimple/_layout.scss
78
+ - _sass/realsimple/_syntax-highlighting.scss
79
+ - assets/fullpg.js
80
+ - assets/main.scss
81
+ homepage: https://github.com/suzmas/realsimple-theme
82
+ licenses:
83
+ - MIT
84
+ metadata:
85
+ plugin_type: theme
86
+ post_install_message: |2+
87
+
88
+ ----------------------------------------------
89
+ Thank you for installing realsimple!
90
+
91
+ ----------------------------------------------
92
+
93
+ rdoc_options: []
94
+ require_paths:
95
+ - lib
96
+ required_ruby_version: !ruby/object:Gem::Requirement
97
+ requirements:
98
+ - - ">="
99
+ - !ruby/object:Gem::Version
100
+ version: '0'
101
+ required_rubygems_version: !ruby/object:Gem::Requirement
102
+ requirements:
103
+ - - ">="
104
+ - !ruby/object:Gem::Version
105
+ version: '0'
106
+ requirements: []
107
+ rubyforge_project:
108
+ rubygems_version: 2.6.10
109
+ signing_key:
110
+ specification_version: 4
111
+ summary: A simple one page theme for Jekyll. NOT DONE YET.
112
+ test_files: []