arco 0.3.0 → 0.4.2

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 950596d684e0df71c99cf94c3bc3343bcf72253c28bc48a043dcdff28d713e7f
4
- data.tar.gz: 225370a870a575514cc0030c658b744732637d95757bc3eddd65a47ddec4a13d
3
+ metadata.gz: 5c1171d18a64d1f947f70177675b607a4a1c7264f69e0153c08aa361fb7f514f
4
+ data.tar.gz: '059606aef8de465f3f54f5a0ae68a739c62d6d74714068f5434caa8c458e4b44'
5
5
  SHA512:
6
- metadata.gz: e6e2d9b3a5cd08bee1f3bac5c417f4cc423f2f484e65ae27fffcd368c30ab142afc9f54d5fd8029c9d447c9c4d1cd938e31873915d684b07c00673a45b9bb0a2
7
- data.tar.gz: 76034597dca6c3388b8c316278cb253459a378f0d081e9952675bdc1b4d914cd97fc73d23554df9f81de70ebdbdd71494e6ac1b3a667c7bebb7339f513d86b8d
6
+ metadata.gz: cfe2bbd138a940d60ebd9b108b7e44801f21d6c55ce74bd1d50d59e8d246fea0687e8fcb6644d43d19e9443d4f933a53bb6db920053ed3171bdfcd3b0bb027ee
7
+ data.tar.gz: 52ea7b21e0bc4cd58fd881bd155dd06391b9fe91832114973341dd80908974545f6d56c844e9612c0ff002b7818f8843f0e841463f2c5966efaf01a760eed10a
data/README.md CHANGED
@@ -1,6 +1,10 @@
1
1
  # arco
2
2
 
3
- Arco is a responsive fixed-sidebar layout with a two column masonry grid which also features a landing page, a 404 page and a simple permalink structure.
3
+ Arco is a responsive fixed-sidebar layout with a two column masonry grid which also features a landing page, a 404 page, smooth page transitions and a simple permalink structure.
4
+
5
+ This theme also utilises [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag) and [jekyll-sitemap](https://github.com/jekyll/jekyll-sitemap) to ensure your work will be seen.
6
+
7
+ See this theme in use at [meebuhs.github.io](https://meebuhs.github.io) and check the [source code](https://github.com/meebuhs/meebuhs.github.io) to get yourself started.
4
8
 
5
9
  ## Installation
6
10
 
@@ -24,35 +28,68 @@ Or install it yourself as:
24
28
 
25
29
  $ gem install arco
26
30
 
31
+ ## Github Pages
32
+
33
+ In your `_config.yml` delete the `theme: ` line and add:
34
+
35
+ ```yaml
36
+ remote_theme: meebuhs/arco
37
+ ```
38
+
39
+ You also need to make the following changes in your `Gemfile`:
40
+
41
+ ```Gemfile
42
+ # Comment the jekyll gem
43
+ # gem "jekyll", "~> 4.1.0"
44
+ # Uncomment github-pages
45
+ gem "github-pages", group: :jekyll_plugins
46
+ ```
47
+
27
48
  ## Usage
28
49
 
50
+ ### Setup
51
+
52
+ To get started you need to copy the `pages` folder from this repository to your site.
53
+
54
+ By default it features a landing page, if you would like to bypass the landing page, delete `index.html` and then rename `projects.html` to `index.html`.
55
+
29
56
  ### Site configuration
30
57
 
31
58
  The following settings can be configured in your site's `_config.yml`
32
59
 
33
60
  ```yaml
34
- title: Site title
35
- description: Site description
36
- image: /assets/image.png
61
+ title: site-title
62
+ tagline: site-tagline
63
+ description: site-description
64
+ image: /assets/images/image.png
65
+ url: https://github.com/meebuhs/arco
37
66
  github_url: https://github.com/meebuhs
38
67
  resume: true | false
68
+ author: Alex Sharpe
69
+ lang: en-AU
39
70
  ```
40
71
 
72
+ There are additional parameters which can be set for use with `jekyll-seo-tag`. [See here for a complete list](https://github.com/jekyll/jekyll-seo-tag/blob/master/docs/usage.md)
73
+
41
74
  ### Expected post frontmatter
42
75
 
43
76
  ```
44
77
  ---
45
78
  layout: post
46
79
  title: Post title
47
- summary: Post summary
80
+ description: Post description
48
81
  category: completed | ongoing
49
82
  permalink: /projects/post-title
50
83
  cover-image: /assets/image-for-front-page.png
51
- top-image: /assets/image-for-top-of-post.png
84
+ image: /assets/image-for-top-of-post.png
52
85
  mathjax: true | false
53
86
  ---
54
87
  ```
55
88
 
89
+ ### Markdown features
90
+
91
+ [Check here](https://meebuhs.github.io/projects/arco) for examples of the supported markdown features.
92
+
56
93
  ### Resume support
57
94
 
58
95
  To add a resume to the site, set `resume: true` in your `_config.yml`.
@@ -1,7 +1,16 @@
1
- title: sitetitle
2
- description: sitedescription
1
+ # Site settings
2
+ title: site-title
3
+ tagline: site-tagline
4
+ description: site-description
3
5
  image: /assets/images/image.png
6
+ url: https://github.com/meebuhs/arco
4
7
  github_url: https://github.com/meebuhs
5
8
  resume: true
9
+ author: Alex Sharpe
10
+ lang: en-AU
11
+
12
+ # Build settings
6
13
  theme: arco
7
- highlighter: rouge
14
+ plugins:
15
+ - jekyll-seo-tag
16
+ - jekyll-sitemap
@@ -1,4 +1,4 @@
1
- <section id="cover" class="cover">
1
+ <section class="cover">
2
2
  <div class="cover-text">
3
3
  {% if site.image %}<img class="site-image" src="{{ site.image }}" />{% endif %}
4
4
  <h1>{{ site.title }}</a></h1>
@@ -5,6 +5,7 @@
5
5
  <link rel="stylesheet" href="/assets/css/main.css">
6
6
  <link rel="stylesheet" href="/assets/flexmasonry/flexmasonry.css">
7
7
  <script src="/assets/flexmasonry/flexmasonry.js"></script>
8
+ {% seo %}
8
9
  </head>
9
10
  <body>
10
11
  {% include sidebar.html %}
@@ -3,6 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <link rel="stylesheet" href="/assets/css/main.css">
6
+ {% seo %}
6
7
  </head>
7
8
  <body>
8
9
  {% include cover.html %}
@@ -2,18 +2,21 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {% include mathjax.html %}
5
+ {% if page.mathjax %}
6
+ {% include mathjax.html %}
7
+ {% endif %}
6
8
 
7
9
  <section class="content">
8
10
  <svg id="content-fader"></svg>
9
11
  <div class="post">
10
12
  <div class="post-title"><h1>{{ page.title }}</h1></div>
13
+ <div class="post-description">{{ page.description }}</div>
11
14
  <div class="post-header">
12
15
  <span class="post-date">{{ page.date | date_to_string}}</span>
13
16
  &middot;
14
17
  <a href="{{ "/projects/" }}{{ page.category }}" class="fade-onclick"><span class="post-category">{{ page.category }}</span></a>
15
18
  </div>
16
- <img class="post-image" src="{{ page.top-image }}" />
19
+ <img class="post-image" src="{{ page.image }}" />
17
20
 
18
21
  <div class="post-content">
19
22
  {{ content }}
@@ -19,13 +19,6 @@
19
19
  }
20
20
  }
21
21
 
22
- #open-button {
23
- display: flex;
24
- flex-direction: column;
25
- justify-content: center;
26
- text-align: center;
27
- }
28
-
29
22
  .open-button-container {
30
23
  width: 100%;
31
24
  margin-top: 20px;
@@ -43,28 +36,7 @@
43
36
  background: $sidebar-colour;
44
37
  color: $text-colour-light;
45
38
  transition: all .25s ease;
39
+ flex-direction: column;
40
+ text-align: center;
41
+ justify-content: center;
46
42
  }
47
-
48
- /* vertical layout */
49
- @media only screen and (max-width: calc(2 * #{$sidebar-width - 1})), (orientation: portrait) {
50
- #cover {
51
- flex-direction: row;
52
- justify-content: space-evenly;
53
- align-items: center;
54
- text-align: center;
55
- }
56
-
57
- .cover-text {
58
- display: flex;
59
- flex-direction: column;
60
- }
61
- }
62
-
63
- /* horizontal layout */
64
- @media only screen and (min-width: calc(2 * #{$sidebar-width})) and (orientation: landscape) {
65
- #cover {
66
- flex-direction: column;
67
- text-align: center;
68
- justify-content: center;
69
- }
70
- }
@@ -3,10 +3,14 @@
3
3
  width: 100%;
4
4
  }
5
5
 
6
- .post-title h1{
6
+ .post-title h1 {
7
7
  margin-bottom: 0;
8
8
  }
9
9
 
10
+ .post-description {
11
+ margin-bottom: 0.5em;
12
+ }
13
+
10
14
  .post-date {
11
15
  color: $secondary-highlight;
12
16
  font-weight: bold;
@@ -34,4 +38,5 @@
34
38
  max-height: 600px;
35
39
  display: block;
36
40
  margin: 0 auto;
41
+ border-radius: 5px;
37
42
  }
@@ -32,8 +32,8 @@
32
32
  transition: all .35s ease;
33
33
  }
34
34
 
35
- /* vertical layout */
36
- @media only screen and (max-width: calc(2 * #{$sidebar-width - 1})), (orientation: portrait) {
35
+ /* portrait layout */
36
+ @media only screen and (max-width: 768px) {
37
37
  #sidebar {
38
38
  flex-direction: row;
39
39
  justify-content: space-evenly;
@@ -94,8 +94,8 @@
94
94
  }
95
95
  }
96
96
 
97
- /* horizontal layout */
98
- @media only screen and (min-width: calc(2 * #{$sidebar-width})) and (orientation: landscape) {
97
+ /* landscape layout */
98
+ @media only screen and (min-width: 768px) {
99
99
  #sidebar {
100
100
  flex-direction: column;
101
101
  text-align: center;
@@ -42,6 +42,7 @@ pre code {
42
42
  border-radius: 5px;
43
43
  pre {
44
44
  position: relative;
45
+ border-radius: 5px;
45
46
  }
46
47
  pre code {
47
48
  color: #cccccc;
metadata CHANGED
@@ -1,29 +1,35 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: arco
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.0
4
+ version: 0.4.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - meebuhs
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-06-29 00:00:00.000000000 Z
11
+ date: 2020-07-02 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - "~>"
17
+ - - ">="
18
18
  - !ruby/object:Gem::Version
19
- version: '4.1'
19
+ version: '3.5'
20
+ - - "<"
21
+ - !ruby/object:Gem::Version
22
+ version: '5.0'
20
23
  type: :runtime
21
24
  prerelease: false
22
25
  version_requirements: !ruby/object:Gem::Requirement
23
26
  requirements:
24
- - - "~>"
27
+ - - ">="
28
+ - !ruby/object:Gem::Version
29
+ version: '3.5'
30
+ - - "<"
25
31
  - !ruby/object:Gem::Version
26
- version: '4.1'
32
+ version: '5.0'
27
33
  description:
28
34
  email:
29
35
  - meebuhs@gmail.com