askclass-course-theme 0.9.0 → 0.10.0

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: 58556eda0ec2b4f641cdeb7abdbf4a342935a059d18b92097a8432b14e1140e4
4
- data.tar.gz: dc1d7bd7ffcd8531f1fff6aadb7365565eee993c87c71b766cb6119654568f4c
3
+ metadata.gz: 3821c1ffcb1f54223027cecd731b8663fb2dcc86df091b4dfe0a8b9f61694e28
4
+ data.tar.gz: 861d61566124d1ab575b866b953025afc07b1a3d28e181507ba3ff0f28a1a6bc
5
5
  SHA512:
6
- metadata.gz: 92d67474765579b087fecbe2a02a25fec3fadb2ea4bf5969a66f58333e6d629b3ddeb594c1cc3d58727d486f5ba5e5ca5bce120a7a25759e248a294529dfd82d
7
- data.tar.gz: da5f36fa59a4cef5ca886f1556b076874436060988e1ad3157fdc76042a21c165d2081a085322ee7334f17ac47d24d8c38740accd90ccb5e5126e4efc11f9527
6
+ metadata.gz: 9824f4d22566a266c85cd307911ab8cda223b7254f564001d50b70d2bdfdb9460687721ca10a990968073771283cf2160bdaadb2c5fa5f7658c03da3d50659c8
7
+ data.tar.gz: 2c5a2fd7824dbc3934da5fe377bb4cb325ca05dbcfc08bd0893ea332f087d302f7ae0129aa8f498a7f662399759b2e29f5770e853e4d8e058112e614197a367b
@@ -13,13 +13,12 @@
13
13
  window.onscroll = () => {
14
14
  const top = window.pageYOffset;
15
15
  if (window.innerHeight + top >= document.body.offsetHeight - 2) {
16
- e.style.opacity = 1;
17
- e.style.top = 'unset';
18
- e.style.bottom = '70px';
16
+ e.classList.add('bottom');
17
+ } else if (top > 100) {
18
+ e.classList.remove('bottom');
19
+ e.classList.add('fixed');
19
20
  } else {
20
- e.style.top = '5px';
21
- e.style.bottom = 'unset';
22
- e.style.opacity = top > 100 ? 0.5 : 1;
21
+ e.classList.remove('fixed');
23
22
  }
24
23
  }
25
24
  </script>
@@ -0,0 +1,6 @@
1
+ <div class="video-background">
2
+ <iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
3
+ src="{{ include.src }}"
4
+ frameborder="0"
5
+ allowfullscreen></iframe>
6
+ </div>
@@ -1,4 +1,4 @@
1
- <section class="center-align special spacer">
1
+ <section class="center-align special">
2
2
  {%- if session_data.header -%}
3
3
  <div>{{ session_data.header }}</div>
4
4
  {%- endif -%}
@@ -1,5 +1,9 @@
1
1
  {% for v in include.videos %}
2
- {% include session/youtube.html id=v %}
2
+ {% if v contains '://' %}
3
+ {% include session/googledrive.html src=v %}
4
+ {% else %}
5
+ {% include session/youtube.html id=v %}
6
+ {% endif %}
3
7
  {% assign _size = include.videos | size %}
4
8
  {% if forloop.index != _size %}<hr />{% endif %}
5
9
  {% endfor %}
@@ -6,7 +6,7 @@
6
6
  <html lang="en">
7
7
  {% include header.html %}
8
8
  <body>
9
- {% include logo_static.html size=30 height=30 %}
9
+ {% include logo_static.html size=50 height=50 %}
10
10
  {% include session/header.html %}
11
11
 
12
12
  <section class="center-align spacer content">
data/_sass/_base.scss CHANGED
@@ -151,17 +151,29 @@ sub {
151
151
  .course-id {
152
152
  @include align-middle();
153
153
  font-family: var(--font-special);
154
- flex-direction: row-reverse;
155
- position: fixed;
156
- top: 5px;
157
- right: 5px;
154
+ flex-direction: column;
158
155
  a {
159
156
  color: var(--color-theme);
160
157
  display: flex;
161
- margin-left: 5px;
158
+ margin: 0 5px;
162
159
  }
163
160
  & a:nth-child(2) {
164
- margin-top: 3px;
161
+ margin: 3px 0;
162
+ }
163
+ &.fixed {
164
+ flex-direction: row-reverse;
165
+ position: fixed;
166
+ right: 5px;
167
+ top: 5px;
168
+ opacity: 0.8;
169
+ img {
170
+ transform: scale(0.6);
171
+ }
172
+ &.bottom {
173
+ opacity: 1;
174
+ bottom: 70px;
175
+ top: unset;
176
+ }
165
177
  }
166
178
  }
167
179
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: askclass-course-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.0
4
+ version: 0.10.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - AskClass
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-10-19 00:00:00.000000000 Z
11
+ date: 2022-10-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -48,6 +48,7 @@ files:
48
48
  - _includes/segment/index.html
49
49
  - _includes/segment/nav.html
50
50
  - _includes/session/content_revealer.html
51
+ - _includes/session/googledrive.html
51
52
  - _includes/session/header.html
52
53
  - _includes/session/images.html
53
54
  - _includes/session/item.html