arco 0.6.1 → 0.6.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 (13) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/cover.html +1 -1
  3. data/_includes/mathjax.html +1 -1
  4. data/_includes/sidebar.html +27 -17
  5. data/_sass/404.scss +0 -1
  6. data/_sass/arco.scss +0 -5
  7. data/_sass/cover.scss +6 -1
  8. data/_sass/post-list.scss +5 -5
  9. data/_sass/post.scss +2 -2
  10. data/_sass/sidebar.scss +37 -4
  11. data/_sass/syntax-highlighting.scss +1 -2
  12. data/assets/lightbox/lightbox.js +3 -0
  13. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: fabc875f3a4eaafbc658efe2e9dd6ed790b1f5d4908f1da97f19da9b9f9122a2
4
- data.tar.gz: 3fbec256e63aff0afbbf74b3e5397c8fe71c8332cc7b667f3b145bf220ea8138
3
+ metadata.gz: ed3afabbd0f0d5eb50c6d5dc2eb291efc093a4bfff6b2bd9d24bb86e2104c8c5
4
+ data.tar.gz: 25e40f782d66b71d7aec51e1c3a3d45ce67c919621fc8872b2219479ff172fb3
5
5
  SHA512:
6
- metadata.gz: 158b9c0dbbf7ec730fd681922c9193e4e0a05d824b30435045d6d2ad9cc75e3315e141d811f15cb74aa19515d0cfc5b544918857c6041504a6edc9c4d98c19cc
7
- data.tar.gz: 79bb50796038394a55d1fa3056e493baf04efc143cd2b557839791fa76c759035cc260c6f3a5edb260a424229c3da1161c9c99aebc1cbc4634d6b494b80cd80f
6
+ metadata.gz: 28544ffe6094e042a600389c647e628dbca4a92da8ac1ba1027dace5b4aa9b1c3e92e58c36346df07da315dc401b4a899d1c0fe3990a39c79e846f0c3953029b
7
+ data.tar.gz: f01d4e8da0622fddedd6e4d414744cee5936a2cd519f06827cc96991a8988c61d8d0064c655bdc0c2064ed1a0011a5a4a0dcf9097602535cd53680701877ec91
data/_includes/cover.html CHANGED
@@ -1,6 +1,6 @@
1
1
  <section class="cover">
2
2
  <div class="cover-text">
3
- {% if site.image %}<img class="site-image" src="{{ site.image }}" />{% endif %}
3
+ {% if site.image %}<img class="cover-image" src="{{ site.image }}" />{% endif %}
4
4
  <h1>{{ site.title }}</a></h1>
5
5
  <h6>{{ site.description }}</h6>
6
6
  </div>
data/_includes/mathjax.html CHANGED
@@ -10,7 +10,7 @@
10
10
  <script
11
11
  type="text/javascript"
12
12
  charset="utf-8"
13
- src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"
13
+ src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS-MML_HTMLorMML"
14
14
  >
15
15
  </script>
16
16
  <script
data/_includes/sidebar.html CHANGED
@@ -1,23 +1,33 @@
1
1
  <section id="sidebar" class="sidebar">
2
2
  <svg id="sidebar-fader"></svg>
3
- <div class="sidebar-text">
4
- {% if site.image %}<img class="site-image" src="{{ site.image }}" />{% endif %}
5
- <h1><a href="{{ "/projects/" }}" class="fade-onclick">{{ site.title }}</a></h1>
6
- <h6>{{ site.description }}</h6>
3
+ <div class="sidebar-header">
4
+ {% if site.image %}
5
+ <div class="sidebar-image-container">
6
+ <img class="sidebar-image" src="{{ site.image }}" />
7
+ </div>
8
+ {% endif %}
9
+ <div class="sidebar-text">
10
+ <h1><a href="{{ "/projects/" }}" class="fade-onclick">{{ site.title }}</a></h1>
11
+ <h6>{{ site.description }}</h6>
12
+ </div>
7
13
  </div>
8
14
  <div class="sidebar-links">
9
- {% assign identifier = page.url | split: "/" | last %}
10
- {% if identifier == "completed" %}
11
- completed
12
- {% else %}
13
- <a href="{{ "/projects/completed" }}" class="fade-onclick">completed</a>
14
- {% endif %}
15
- /
16
- {% if identifier == "ongoing" %}
17
- ongoing
18
- {% else %}
19
- <a href="{{ "/projects/ongoing" }}" class="fade-onclick">ongoing</a>
20
- {% endif %}
21
- {% if site.github_url %} / <a href="{{ site.github_url }}">github</a> {% endif %}{% if site.resume %} / <a href="{{ "/resume" }}" class="fade-onclick">resume</a> {% endif %}
15
+ <div class="sidebar-links-top">
16
+ {% assign identifier = page.url | split: "/" | last %}
17
+ {% if identifier == "completed" %}
18
+ completed
19
+ {% else %}
20
+ <a href="{{ "/projects/completed" }}" class="fade-onclick">completed</a>
21
+ {% endif %}
22
+ /
23
+ {% if identifier == "ongoing" %}
24
+ ongoing
25
+ {% else %}
26
+ <a href="{{ "/projects/ongoing" }}" class="fade-onclick">ongoing</a>
27
+ {% endif %}
28
+ </div>
29
+ <div class="sidebar-links-bottom">
30
+ {% if site.github_url %} <a href="{{ site.github_url }}">github</a> / {% endif %}{% if site.resume %}<a href="{{ "/resume" }}" class="fade-onclick">resume</a> {% endif %}
31
+ </div>
22
32
  </div>
23
33
  </section>
data/_sass/404.scss CHANGED
@@ -8,7 +8,6 @@
8
8
  }
9
9
  h6 {
10
10
  text-transform: uppercase;
11
- font-size: .9rem;
12
11
  color: $text-colour-light;
13
12
  }
14
13
  }
data/_sass/arco.scss CHANGED
@@ -125,11 +125,6 @@ li, ul {
125
125
  line-height: 1.5em;
126
126
  }
127
127
 
128
- .site-image {
129
- width: 200px;
130
- border-radius: 50%;
131
- }
132
-
133
128
  .content {
134
129
  width: auto;
135
130
  height: auto;
data/_sass/cover.scss CHANGED
@@ -8,7 +8,6 @@
8
8
  }
9
9
  h6 {
10
10
  text-transform: uppercase;
11
- font-size: .9rem;
12
11
  color: $text-colour-light;
13
12
  }
14
13
  a {
@@ -40,3 +39,9 @@
40
39
  text-align: center;
41
40
  justify-content: center;
42
41
  }
42
+
43
+ .cover-image {
44
+ width: 200px;
45
+ height: 200px;
46
+ border-radius: 50%;
47
+ }
data/_sass/post-list.scss CHANGED
@@ -30,7 +30,7 @@
30
30
  .list-post-title {
31
31
  color: $text-colour-dark;
32
32
  width: 100%;
33
- font-size: 18px;
33
+ font-size: 1.5em;
34
34
  font-weight: bold;
35
35
  a {
36
36
  color: white;
@@ -43,7 +43,7 @@
43
43
  .list-post-summary {
44
44
  color: $summary-colour;
45
45
  margin: 0.4em 0;
46
- font-size: 16px;
46
+ font-size: 1em;
47
47
  }
48
48
 
49
49
  .list-post-footer {
@@ -53,12 +53,12 @@
53
53
  .list-post-date {
54
54
  color: $secondary-highlight;
55
55
  font-weight: bold;
56
- font-size: 14px;
56
+ font-size: 0.9em;
57
57
  }
58
58
 
59
59
  .list-post-category {
60
60
  font-weight: bold;
61
- font-size: 14px;
61
+ font-size: 0.9em;
62
62
  color: $primary-highlight;
63
63
  &:hover, &:focus {
64
64
  color: lighten($primary-highlight, 14%);
@@ -67,7 +67,7 @@
67
67
 
68
68
  .list-post-tags {
69
69
  font-weight: bold;
70
- font-size: 14px;
70
+ font-size: 0.9em;
71
71
  color: $tertiary-highlight;
72
72
  margin-top: 0.4em;
73
73
  }
data/_sass/post.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  .post-date {
15
15
  color: $secondary-highlight;
16
16
  font-weight: bold;
17
- font-size: 14px;
17
+ font-size: 0.9em;
18
18
  }
19
19
 
20
20
  .post-image {
@@ -26,7 +26,7 @@
26
26
 
27
27
  .post-category {
28
28
  font-weight: bold;
29
- font-size: 14px;
29
+ font-size: 0.9em;
30
30
  color: $primary-highlight;
31
31
  &:hover, &:focus {
32
32
  color: lighten($primary-highlight, 14%);
data/_sass/sidebar.scss CHANGED
@@ -10,7 +10,6 @@
10
10
  }
11
11
  h6 {
12
12
  text-transform: uppercase;
13
- font-size: .9rem;
14
13
  color: $text-colour-light;
15
14
  }
16
15
  a {
@@ -35,7 +34,7 @@
35
34
  @media only screen and (orientation: portrait) {
36
35
  #sidebar {
37
36
  flex-direction: row;
38
- justify-content: space-evenly;
37
+ justify-content: space-between;
39
38
  align-items: center;
40
39
  text-align: center;
41
40
  }
@@ -50,9 +49,37 @@
50
49
  height: $sidebar-height-min;
51
50
  }
52
51
 
53
- .sidebar-text {
52
+ .sidebar-header {
54
53
  display: flex;
55
- flex-direction: column;
54
+ margin-left: 1em;
55
+ }
56
+
57
+ .sidebar-image-container {
58
+ margin-right: 1em;
59
+ }
60
+
61
+ .sidebar-image {
62
+ width: 80px;
63
+ height: 80px;
64
+ border-radius: 50%;
65
+ }
66
+
67
+ .sidebar-text {
68
+ h1 {
69
+ font-size: 2.5em;
70
+ margin-top: -0.3em;
71
+ }
72
+ h6 {
73
+ font-size: 1.3em;
74
+ margin: 0;
75
+ }
76
+ text-align: start;
77
+ }
78
+
79
+ .sidebar-links {
80
+ font-size: 1.5em;
81
+ margin-right: 1em;
82
+ text-align: end;
56
83
  }
57
84
 
58
85
  .content {
@@ -104,6 +131,12 @@
104
131
  width: $sidebar-width;
105
132
  height: 100%;
106
133
  }
134
+
135
+ .sidebar-image {
136
+ width: 200px;
137
+ height: 200px;
138
+ border-radius: 50%;
139
+ }
107
140
 
108
141
  .content {
109
142
  flex: 1;
data/_sass/syntax-highlighting.scss CHANGED
@@ -3,9 +3,8 @@
3
3
  pre, code {
4
4
  font-family: "Roboto Mono";
5
5
  color: #cccccc;
6
- font-size: 0.9em;
6
+ font-size: 1em;
7
7
  background-color: #f8f8f8;
8
- font-size: 14px;
9
8
  }
10
9
 
11
10
  code {
data/assets/lightbox/lightbox.js CHANGED
@@ -111,6 +111,7 @@ document.addEventListener("DOMContentLoaded", function() {
111
111
  if(event.target.id != 'next' && event.target.id != 'prev'){
112
112
  this.innerHTML = '';
113
113
  document.getElementById('lightbox').style.display = 'none';
114
+ document.body.style.overflow="visible";
114
115
  }
115
116
  });
116
117
 
@@ -121,6 +122,7 @@ document.addEventListener("DOMContentLoaded", function() {
121
122
  event.preventDefault();
122
123
  document.getElementById('lightbox').innerHTML = '<a id="close"></a><a id="next">&rsaquo;</a><a id="prev">&lsaquo;</a><div class="videoWrapperContainer"><div class="videoWrapper"><iframe src="https://www.youtube.com/embed/'+this.getAttribute('data-id')+'?autoplay=1&showinfo=0&rel=0"></iframe></div>';
123
124
  document.getElementById('lightbox').style.display = 'block';
125
+ document.body.style.overflow="hidden";
124
126
 
125
127
  setGallery(this);
126
128
  });
@@ -133,6 +135,7 @@ document.addEventListener("DOMContentLoaded", function() {
133
135
  event.preventDefault();
134
136
  document.getElementById('lightbox').innerHTML = '<a id="close"></a><a id="next">&rsaquo;</a><a id="prev">&lsaquo;</a><div class="img" style="background: url(\''+this.getAttribute('href')+'\') center center / contain no-repeat;" title="'+this.getAttribute('title')+'" ><img src="'+this.getAttribute('href')+'" alt="'+this.getAttribute('title')+'" /></div><span>'+this.getAttribute('title')+'</span>';
135
137
  document.getElementById('lightbox').style.display = 'block';
138
+ document.body.style.overflow="hidden";
136
139
 
137
140
  setGallery(this);
138
141
  });
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: arco
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.6.1
4
+ version: 0.6.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - meebuhs
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-07-04 00:00:00.000000000 Z
11
+ date: 2020-07-06 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll