laloyd 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (12) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +59 -0
  4. data/_includes/footer.html +0 -0
  5. data/_includes/head.html +9 -0
  6. data/_includes/nav.html +12 -0
  7. data/_layouts/default.html +12 -0
  8. data/_layouts/page.html +5 -0
  9. data/_layouts/post.html +8 -0
  10. data/assets/stylesheets/main.scss +136 -0
  11. data/assets/stylesheets/syntax.css +69 -0
  12. metadata +95 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: c373d603449d5bf1358e329a709459c7b832a88fd7ff6b5a1fe0aeff8e2dc80c
4
+ data.tar.gz: 113f2ffa628f96df7a4f55d208d2e2f89add3bb053ddab977f755b43ca71c239
5
+ SHA512:
6
+ metadata.gz: b9154124be99fa7e3b915904e62f56a34df3ec52c93a05ead418ba437eacc27f5e9e9e2df269e1d52cfcebe9435cfdd0d08ba67f584496b5728b9ae81cf1e56f
7
+ data.tar.gz: d74fbd81107a522ba5d507d13ad87811713466118f6e0803345e337e31b90e2a4247059082a72745ddbcf59caf8967e03af192895a8fbb8eef7a148c0e4e431c
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2020 Janessa Tran
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,59 @@
1
+ # laloyd
2
+
3
+ This is a functional, colorful, accessible [Jekyll](https://jekyllrb.com/) theme inspired by my cat Lloyd, otherwise known as "La-Loyd". It's fully responsive and all pages are written in markdown for ease of writing.
4
+
5
+ ## Accessibility Features
6
+ One of my motivations in making this theme was to learn how to create accessible websites. Some of the accessible features this theme includes so far are:
7
+ - Hidden "skip link" to jump to main content.
8
+ - Focus states for clearer navigation.
9
+ - High contrast colors.
10
+ - Accessible syntax highlighting.
11
+ - Structural, semantic HTML.
12
+
13
+ If you have any tips / suggesstions for new accessibility features, please [open up an issue](https://github.com/janessatran/laloyd/issues).
14
+
15
+ ![Live Preview of laloyd Theme](http://g.recordit.co/6dYP4Y8YuU.gif)
16
+
17
+ ## Installation
18
+
19
+ Add this line to your Jekyll site's `Gemfile`:
20
+
21
+ ```ruby
22
+ gem "laloyd"
23
+ ```
24
+
25
+ And add this line to your Jekyll site's `_config.yml`:
26
+
27
+ ```yaml
28
+ theme: laloyd
29
+ ```
30
+
31
+ And then execute:
32
+
33
+ $ bundle
34
+
35
+ Or install it yourself as:
36
+
37
+ $ gem install laloyd
38
+
39
+ ## Usage
40
+
41
+ ## Customizing layouts and colors
42
+ If you'd like to customize this theme, you can edit colors in `/assets/stylesheets/main.scss` and layouts in `/_layouts`. All pages are set up to use the default layout.
43
+
44
+ ## Customizing navigation
45
+ Navigation pages are set up in `_config.yml` and are created with markdown pages in the home directory `laloyd/`. This theme is set up with the following navigation pages:
46
+ - Home - `index.md`
47
+ - About - `about.md`
48
+ - Writing - `writing.md`
49
+
50
+ To add/remove navigation pages, add a new markdown file in the home directory and link to it in `_config.yml`.
51
+
52
+ ## Contributing
53
+
54
+ Bug reports and pull requests are welcome on GitHub at https://github.com/janessatran/laloyd. 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.
55
+
56
+ ## License
57
+
58
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
59
+
data/_includes/footer.html ADDED
File without changes
data/_includes/head.html ADDED
@@ -0,0 +1,9 @@
1
+ <!DOCTYPE html>
2
+ <head>
3
+ <meta charset="utf-8">
4
+ <title>{{ site.title }}</title>
5
+ <meta name="description" content="{{ site.description }}">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
7
+ <link rel="stylesheet" href="{{ '/assets/stylesheets/main.css' | prepend:site.url }}">
8
+ <link href="/assets/stylesheets/syntax.css" rel="stylesheet" >
9
+ </head>
data/_includes/nav.html ADDED
@@ -0,0 +1,12 @@
1
+ <div>
2
+ <h1 class="site-title">{{ site.title }}‍</h1>
3
+ {% if site.nav-links %}
4
+ <nav>
5
+ <ul>
6
+ {% for link in site.nav-links %}
7
+ <li><a href="{{ link.url | prepend:site.url }}">{{ link.name }}</a></li>
8
+ {% endfor %}
9
+ </ul>
10
+ </nav>
11
+ {% endif %}
12
+ </div>
data/_layouts/default.html ADDED
@@ -0,0 +1,12 @@
1
+ <!DOCTYPE html>
2
+ {% include head.html %}
3
+ <body>
4
+ <a href="#main-content" class="skip-link">Skip to main content</a>
5
+ <div class="page">
6
+ {% include nav.html %}
7
+ <div id="main-content">
8
+ {{ content }}
9
+ </div>
10
+ </div>
11
+ </body>
12
+ </html>
data/_layouts/page.html ADDED
@@ -0,0 +1,5 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
data/_layouts/post.html ADDED
@@ -0,0 +1,8 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <a href="/writing">← Back to writing index</a>
6
+ <h1 class="post-title">{{ page.title }}</h1>
7
+ <i>{{ page.date | date: '%B %d, %Y' }}</i>
8
+ {{ content }}
data/assets/stylesheets/main.scss ADDED
@@ -0,0 +1,136 @@
1
+ ---
2
+ # Main styles
3
+ ---
4
+
5
+ // You can specify colors below for your headers, links, and hover.
6
+ // The colors selected below are accessible according to WCAG guidelines.
7
+ // If you wish to change the colors but want to ensure their accessibility,
8
+ // you can check out: http://colorsafe.co/
9
+ $main_title_color: #3e3e3e;
10
+ $main_header_color: #ff0000;
11
+ $link_color: #3e3e3e;
12
+ $link_background_color: #ffe0e0;
13
+ $link_hover_color: #ff0000;
14
+ $font_family: system-ui, Helvetica, Arial, sans-serif;
15
+
16
+ body {
17
+ font-family: $font-family;
18
+ }
19
+
20
+ a {
21
+ color: $link_color;
22
+ background: linear-gradient(to bottom, transparent 0%, transparent 60%, $link_background_color 60%, $link_background_color 100%);;
23
+ text-decoration: none;
24
+ }
25
+
26
+ a:hover, a:focus {
27
+ color: $link_hover_color;
28
+ background: linear-gradient(to bottom, transparent 0%, transparent 0%, $link_background_color 0%, $link_background_color 100%);;
29
+ }
30
+
31
+ h1 {
32
+ color: $main_header_color;
33
+ padding-top: 10px;
34
+ }
35
+
36
+ h2, h3, h4, h5, h6 {
37
+ color: $main_title_color;
38
+ padding-top: 10px;
39
+ }
40
+
41
+ h1 {
42
+ size: 1.7rem;
43
+ }
44
+
45
+ h2 {
46
+ size: 1.3rem;
47
+ }
48
+
49
+ h3 {
50
+ size: 1.2rem;
51
+ }
52
+
53
+ img {
54
+ max-width: 100%;
55
+ }
56
+
57
+ figcaption {
58
+ margin-top: -3px;
59
+ background: #dddddd;
60
+ padding: 1rem;
61
+ font-size: 1rem;
62
+ line-height: 1.3rem;
63
+ text-align: center;
64
+ }
65
+
66
+ p, li {
67
+ font-size: 1rem;
68
+ line-height: 150%;
69
+ color: #444;
70
+ margin: 1.25rem 0;
71
+ }
72
+
73
+ .site-title , .post-title {
74
+ font-size: 2.5rem;
75
+ color: $main_title_color;
76
+ margin: 0;
77
+ }
78
+
79
+ .page {
80
+ display: flex;
81
+ flex-direction: column;
82
+ justify-content: center;
83
+ margin: auto;
84
+ width: 80%;
85
+ max-width: 600px;
86
+ // border: 1px solid;
87
+ }
88
+
89
+ #main-content, #nav-container {
90
+ // margin: 2%;
91
+ }
92
+
93
+ #nav-container > h1 {
94
+ font-size: 2.5rem;
95
+ }
96
+
97
+ nav > ul {
98
+ display: flex;
99
+ list-style: none;
100
+ padding-inline-start: 0;
101
+ }
102
+
103
+ nav > ul li {
104
+ font-size: 1.2rem;
105
+ padding-right: 3vw;
106
+ font-weight: 300;
107
+ }
108
+
109
+ // hide skip link until it's in focus
110
+ .skip-link {
111
+ background: #fff;
112
+ position: absolute;
113
+ top: -3em;
114
+ }
115
+ .skip-link:focus {
116
+ top: 0;
117
+ }
118
+
119
+ th, td {
120
+ padding: 15px;
121
+ text-align: left;
122
+ border-bottom: 1px solid #ddd;
123
+ }
124
+
125
+ code {
126
+ font-size: 1.1rem;
127
+ }
128
+
129
+ pre {
130
+ white-space: pre-wrap; /* css-3 */
131
+ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
132
+ white-space: -pre-wrap; /* Opera 4-6 */
133
+ white-space: -o-pre-wrap; /* Opera 7 */
134
+ word-wrap: break-word; /* Internet Explorer 5.5+ */
135
+ padding: 2%;
136
+ }
data/assets/stylesheets/syntax.css ADDED
@@ -0,0 +1,69 @@
1
+ .highlight { background-color: #fdf6e3; color: #586e75; }
2
+ .highlight .c { color: #627272; }
3
+ .highlight .err { color: #586e75; }
4
+ .highlight .g { color: #586e75; }
5
+ .highlight .k { color: #677600; }
6
+ .highlight .l { color: #586e75; }
7
+ .highlight .n { color: #586e75; }
8
+ .highlight .o { color: #677600; }
9
+ .highlight .x { color: #c14715; }
10
+ .highlight .p { color: #586e75; }
11
+ .highlight .cm { color: #627272; }
12
+ .highlight .cp { color: #677600; }
13
+ .highlight .c1 { color: #627272; }
14
+ .highlight .cs { color: #677600; }
15
+ .highlight .gd { color: #217d74; }
16
+ .highlight .ge { color: #586e75; font-style: italic; }
17
+ .highlight .gr { color: #d72825; }
18
+ .highlight .gh { color: #c14715; }
19
+ .highlight .gi { color: #677600; }
20
+ .highlight .go { color: #586e75; }
21
+ .highlight .gp { color: #586e75; }
22
+ .highlight .gs { color: #586e75; font-weight: bold; }
23
+ .highlight .gu { color: #c14715; }
24
+ .highlight .gt { color: #586e75; }
25
+ .highlight .kc { color: #c14715; }
26
+ .highlight .kd { color: #1f76b6; }
27
+ .highlight .kn { color: #677600; }
28
+ .highlight .kp { color: #677600; }
29
+ .highlight .kr { color: #1f76b6; }
30
+ .highlight .kt { color: #d72825; }
31
+ .highlight .ld { color: #586e75; }
32
+ .highlight .m { color: #217d74; }
33
+ .highlight .s { color: #217d74; }
34
+ .highlight .na { color: #586e75; }
35
+ .highlight .nb { color: #8d6900; }
36
+ .highlight .nc { color: #1f76b6; }
37
+ .highlight .no { color: #c14715; }
38
+ .highlight .nd { color: #1f76b6; }
39
+ .highlight .ni { color: #c14715; }
40
+ .highlight .ne { color: #c14715; }
41
+ .highlight .nf { color: #1f76b6; }
42
+ .highlight .nl { color: #586e75; }
43
+ .highlight .nn { color: #586e75; }
44
+ .highlight .nx { color: #586e75; }
45
+ .highlight .py { color: #586e75; }
46
+ .highlight .nt { color: #1f76b6; }
47
+ .highlight .nv { color: #1f76b6; }
48
+ .highlight .ow { color: #677600; }
49
+ .highlight .w { color: #586e75; }
50
+ .highlight .mf { color: #217d74; }
51
+ .highlight .mh { color: #217d74; }
52
+ .highlight .mi { color: #217d74; }
53
+ .highlight .mo { color: #217d74; }
54
+ .highlight .sb { color: #627272; }
55
+ .highlight .sc { color: #217d74; }
56
+ .highlight .sd { color: #586e75; }
57
+ .highlight .s2 { color: #217d74; }
58
+ .highlight .se { color: #c14715; }
59
+ .highlight .sh { color: #586e75; }
60
+ .highlight .si { color: #217d74; }
61
+ .highlight .sx { color: #217d74; }
62
+ .highlight .sr { color: #d72825; }
63
+ .highlight .s1 { color: #217d74; }
64
+ .highlight .ss { color: #217d74; }
65
+ .highlight .bp { color: #1f76b6; }
66
+ .highlight .vc { color: #1f76b6; }
67
+ .highlight .vg { color: #1f76b6; }
68
+ .highlight .vi { color: #1f76b6; }
69
+ .highlight .il { color: #217d74; }
metadata ADDED
@@ -0,0 +1,95 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: laloyd
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.1
5
+ platform: ruby
6
+ authors:
7
+ - Janessa Tran
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2020-01-18 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: '4.0'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '4.0'
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.16'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '1.16'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '12.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '12.0'
55
+ description:
56
+ email:
57
+ - tranjanessa@gmail.com
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - LICENSE.txt
63
+ - README.md
64
+ - _includes/footer.html
65
+ - _includes/head.html
66
+ - _includes/nav.html
67
+ - _layouts/default.html
68
+ - _layouts/page.html
69
+ - _layouts/post.html
70
+ - assets/stylesheets/main.scss
71
+ - assets/stylesheets/syntax.css
72
+ homepage: https://github.com/janessatran/laloyd.git
73
+ licenses:
74
+ - MIT
75
+ metadata: {}
76
+ post_install_message:
77
+ rdoc_options: []
78
+ require_paths:
79
+ - lib
80
+ required_ruby_version: !ruby/object:Gem::Requirement
81
+ requirements:
82
+ - - ">="
83
+ - !ruby/object:Gem::Version
84
+ version: '0'
85
+ required_rubygems_version: !ruby/object:Gem::Requirement
86
+ requirements:
87
+ - - ">="
88
+ - !ruby/object:Gem::Version
89
+ version: '0'
90
+ requirements: []
91
+ rubygems_version: 3.0.6
92
+ signing_key:
93
+ specification_version: 4
94
+ summary: A modern, yet playful jekyll theme
95
+ test_files: []