wip

2 files changed, 58 insertions, 0 deletions

diff --git a/layouts/shortcodes/w3-col-youtube-playlist.html b/layouts/shortcodes/w3-col-youtube-playlist.html
new file mode 100644
index 0000000..0af2f79
--- /dev/null
+++ b/layouts/shortcodes/w3-col-youtube-playlist.html
@@ -0,0 +1,26 @@
+{{- range $index, $ytList := (seq 0 (sub (len .Params) 1) ) }}
+  {{- if eq (mod $index 3) 0 }}
+<div class="w3-row-padding ">
+  {{- end }}
+  <div class="w3-col m4 ">
+    <div class="w3-card-4 w3-padding-small w3-center w3-theme-l3  ">
+      {{/* https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/shortcodes/youtube.html */}}
+      {{- $pc := $.Page.Site.Config.Privacy.YouTube -}}
+      {{- if not $pc.Disable -}}
+        {{- $ytHost := cond $pc.PrivacyEnhanced  "www.youtube-nocookie.com" "www.youtube.com" -}}
+        {{- $pl := $.Get $index -}}
+        <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;" >
+          <iframe
+            src="https://{{ $ytHost }}/embed/videoseries?list={{ $pl }}"
+            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;"
+            allowfullscreen >
+          </iframe>
+        </div>
+      {{ end -}}
+    </div>
+  </div>
+    {{- if or (eq (mod $index 3) 2) (eq $index (sub (len $.Params) 1 )) }}
+</div>
+<p>
+    {{- end }}
+{{- end }}
diff --git a/static/css/w3css-basic.css b/static/css/w3css-basic.css
index cda1236..a672c06 100644
--- a/static/css/w3css-basic.css
+++ b/static/css/w3css-basic.css
@@ -578,6 +578,38 @@ td:nth-child(2) > pre.chroma { margin: 5px 0px 5px 0px; border-radius: 0; border
 }
 
 
+/* readfiles markdonw form jupyter */
+
+.dataframe {
+  /* color:            var(--gray-dark); */
+  font-family:      monospace;
+  font-size:        0.8rem;
+}
+
+/* header */
+.dataframe thead th {
+  font-weight:      bold;
+  color:            #000;
+  background-color: #999;
+  text-align:       left !important;
+}
+
+/* first col */
+.dataframe tbody tr th {
+  font-weight:      bold;
+  font-style:       italic;
+  color:            #000;
+  background-color: #bbb;
+  text-align:       left !important;
+}
+
+/* body */
+.dataframe tbody tr {
+  color:            #000;
+  background-color: #ddd;
+  text-align:       left !important;
+}
+
 /* ------------------------------------------------------------------------------ */
 /* -- Local variables:      */
 /* -- tab-width:         2  */