From 5b0a9760ecbe6a389e3f185835ba95fb2851748e Mon Sep 17 00:00:00 2001
From: Devin Becker <devinbecker@gmail.com>
Date: Mon, 16 Oct 2023 16:20:35 -0700
Subject: [PATCH] trying to add some more style from ohd

might break stuff
---
 _includes/transcript/player/mp3.html |   2 +-
 _sass/_custom.scss                   |   5 +-
 _sass/_ohd.scss                      | 134 +++++++++++++++++++++++++++
 assets/css/cb.scss                   |   2 +-
 4 files changed, 137 insertions(+), 6 deletions(-)
 create mode 100644 _sass/_ohd.scss

diff --git a/_includes/transcript/player/mp3.html b/_includes/transcript/player/mp3.html
index fc490c8..e5c0b2f 100644
--- a/_includes/transcript/player/mp3.html
+++ b/_includes/transcript/player/mp3.html
@@ -1,4 +1,4 @@
-<div id="player" class=""><audio id="audio-player" class="w-100 iframe-player" autostart="false" autoplay="false" controls>
+<div id="player" class=""><audio id="audio-player" class="w-100 iframe-player" controls>
     <source src="{{page.object_location}}" type="audio/mp3">
     Your browser does not support the audio element.
 </audio>
diff --git a/_sass/_custom.scss b/_sass/_custom.scss
index f3dc4fa..43d731b 100644
--- a/_sass/_custom.scss
+++ b/_sass/_custom.scss
@@ -9,8 +9,5 @@
 
 
 
-.featured {
-background-color: #dbf1fd !important;
-color: black !important;
-}
+
 
diff --git a/_sass/_ohd.scss b/_sass/_ohd.scss
new file mode 100644
index 0000000..bd5ac66
--- /dev/null
+++ b/_sass/_ohd.scss
@@ -0,0 +1,134 @@
+/* 
+    SCSS from the Oral History as Data project
+*/
+
+
+.grey {
+    color: grey;
+}
+
+.grey-small {
+    color: grey;
+    height: 3px;
+    line-height: 2px;
+    overflow: hidden;
+}
+
+.line.grey-small {
+
+    .timestamp,
+    .linenum {
+        display: none;
+    }
+
+    .words {
+        display: inline;
+        font-size: 3px;
+        padding: 0px 5px;
+    }
+}
+
+.iframe-wrapper {
+    position: fixed;
+    right: 10px;
+    height: 200px;
+    width: 370px;
+    transition: all 1s linear;
+
+    .meta {
+        display: none;
+    }
+
+   @media screen and (max-width: 576px) {
+        bottom: 0px;
+        left: 0px;
+        height: auto;
+        width: 300px;
+
+        .meta {
+            display: none;
+        }
+
+        .vizdiv, #colorViz, .title {
+            display: none;
+        }
+    }
+}
+
+.anchored-highlight p.words {
+    background: aquamarine;
+}
+
+.featured {
+    
+    float: none;
+    clear: both;
+}
+
+.linenum {
+    font-size: 11px;
+    float: left;
+    width: auto;
+}
+
+.words {
+   @media screen and (max-width: 576px) {
+        min-width: 250px;
+    }
+}
+
+.filteroptions,
+.searchinput {
+    font-size: 24px;
+
+    @media screen and (max-width: 576px) {
+        font-size: 18px;
+    }
+}
+
+.toggle_int:hover {
+    color: pink
+}
+
+.toggle_int small {
+    font-size: 12px;
+}
+
+.darklink:hover{
+    text-decoration: underline;
+}
+
+.featured {
+    background-color: #dbf1fd !important;
+    color: black !important;
+}
+
+.btn-outline-dark:hover {
+    background-color: #212529 !important;
+}
+
+
+@media print {
+
+    html,
+    body {
+        height: 100%;
+        margin: 0 !important;
+        padding: 0 !important;
+        overflow: visible;
+        display: block;
+        font-size: 1.2rem;
+    }
+
+    .transcript-content {
+        height: auto;
+        min-height: 5000px;
+        overflow: visible;
+        display: block;
+    }
+
+}
+
+html {
+    scroll-padding-top: 130px; /* height of sticky header */
+  }
\ No newline at end of file
diff --git a/assets/css/cb.scss b/assets/css/cb.scss
index bcb626c..962a385 100644
--- a/assets/css/cb.scss
+++ b/assets/css/cb.scss
@@ -33,4 +33,4 @@ $theme-colors: map-merge(
 @import "theme-colors", "theme-utilities";
 {% endif %}
 
-@import "base", "pages", "custom";
+@import "base", "pages", "ohd", "custom";