askclass-course-theme 0.8.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: e6c46afa6955c6f82e89e3501d5234a4244e8c8fea8c825e70f2a5333be950b7
4
- data.tar.gz: f9b9df41cf7a721cca1e36f09f7151c930da3e1db2a6d201605c1a85df178b64
3
+ metadata.gz: 3821c1ffcb1f54223027cecd731b8663fb2dcc86df091b4dfe0a8b9f61694e28
4
+ data.tar.gz: 861d61566124d1ab575b866b953025afc07b1a3d28e181507ba3ff0f28a1a6bc
5
5
  SHA512:
6
- metadata.gz: 8713996cf7c49fdc97344c02b9ede1ca72aef28befd3bd200cc7b3cb0c1632e04e8b675deea1f57e41d1f9ebc8bdc36128965b4687ccc6ae97029726e5bba133
7
- data.tar.gz: 47b18f5d36486cc9fc7d885cb7e83b89dfb053e675c2fdc04ad0fd6cbc250a18e91c474af0585379b8ebf848f93eb3ba389c2de567ffa2064f422c94cfc9564b
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 -%}
@@ -0,0 +1,6 @@
1
+ {% for i in include.images %}
2
+ <img width="100%" src="{{ i.src }}" alt="{{ i.desc }}" />
3
+ {% assign _size = include.images | size %}
4
+ {% if forloop.index != _size %}<hr />{% endif %}
5
+ {% endfor %}
6
+
@@ -1,5 +1,9 @@
1
1
  {% for v in include.videos %}
2
- {% include session/youtube.html id=v %}
3
- {% assign _size = videos | size %}
2
+ {% if v contains '://' %}
3
+ {% include session/googledrive.html src=v %}
4
+ {% else %}
5
+ {% include session/youtube.html id=v %}
6
+ {% endif %}
7
+ {% assign _size = include.videos | size %}
4
8
  {% if forloop.index != _size %}<hr />{% endif %}
5
9
  {% endfor %}
@@ -6,11 +6,13 @@
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">
13
13
  <article>
14
+ {% include session/images.html images=session_data.images %}
15
+
14
16
  {% include session/points.html %}
15
17
 
16
18
  {% include session/videos.html videos=session_data.videos %}
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.8.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-13 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,7 +48,9 @@ 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
53
+ - _includes/session/images.html
52
54
  - _includes/session/item.html
53
55
  - _includes/session/next_prev.html
54
56
  - _includes/session/paginator.html