feat: Add stgall tei route and sample tei output

app/assets/stylesheets/theme_ursus/elements/_ur-colors.scss

@@ -3,6 +3,7 @@ $ucla-darker-blue: #005587; // (0, 85, 135)
 $ucla-darkest-blue: #003b5c; // (0, 59, 92)
 $ucla-lighter-blue: #8bb8e8;
 $ucla-lightest-blue: #c3d7ee;
+$ucla-lightest-blue-2: #eaf2fb;
 $ucla-gold: #ffd100;
 $ucla-darker-gold: #ffc72c;
 $ucla-darkest-gold: #ffb81c;

app/assets/stylesheets/theme_ursus/pages/_ur-static-stgallpage.scss

@@ -0,0 +1,279 @@
+/* Add your CSS styles here */
+.stgall-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+
+}
+
+.stgall-work-title,
+.stgall-transcription-title,
+.stgall-bibliograghy-title {
+  font-weight: bold;
+  font-style: italic;
+}
+
+.stgall-subnav {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin-bottom: 2rem;
+}
+
+.stgall-subnav-item {
+  flex: 1;
+  background-color: #f0f0f0;
+  padding: 10px;
+  border: 1px solid #ccc;
+}
+
+.stagll-flex-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  margin: 20px;
+}
+
+.stgall-title {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.stgall-work-item-bibliography,
+.stgall-work-item-content,
+.stgall-work-item-transcription {
+  margin-top: -0.5rem;
+}
+
+.stgall-work-item-bibliography .WorkBibiliography {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  list-style-type: none;
+
+  > li {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  p {
+    margin-bottom: 4px;
+  }
+}
+
+.stgall-contents {
+  display: flex;
+  flex-direction: column;
+
+  justify-content: flex-start;
+}
+
+.toggleDivWorkItem .stgall-work-title {
+  padding: 1rem;
+  font-size: 16px;
+}
+
+.toggleDivWorkItem .stgall-contents {
+  flex-direction: column;
+
+  justify-content: flex-start;
+
+  br {
+    display: none;
+  }
+
+  .stgall-work-item {
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+
+    &:nth-child(odd) {
+      background-color: rgba($gray-10,0.5);
+    }
+
+    .stgall-work-item-heading {
+      display: flex;
+      gap: 8px;
+      font-weight: bold;
+    }
+
+    h4 {
+      margin: 1rem 0;
+      font-size: 14px;
+      font-weight: bold;
+    }
+
+    .stgall-work-item-bibliography {
+      padding: 0;
+    }
+
+    .WorkBibiliography {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      list-style-type: none;
+      font-size: 12px;
+
+      > li {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+    }
+
+    .stgall-work-item-bibliography + h4,
+    .document-metadata + h4 {
+      border-top: 1px dotted $ucla-darker-blue;
+      padding-top: 1.5rem;
+    }
+  }
+}
+
+.stgall-transcription-source {
+  font-size: 14px;
+}
+
+.stgall-work-item-bibliography .WorkBibliography {
+  margin-top: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  list-style-type: none;
+
+  > li {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+}
+.bibliography-links {
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  gap: 12px;
+
+  > li {
+    display: inline;
+  }
+
+  a {
+    padding: 1rem 0;
+    font-size: 10px;
+    font-weight: 600;
+    color: $ucla-blue;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+
+    &::after {
+      content: "";
+      width: 11px;
+      height: 11px;
+      margin-left: 4px;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: contain;
+      display: inline-block;
+    }
+  }
+}
+
+.stgall-sub-links {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 2px;
+  position: relative;
+
+  a,
+  button {
+    background-color: $ucla-lightest-blue-2;
+    color: $ucla-darker-blue;
+    line-height: 1;
+    margin: 0.5rem 0 0.5rem;
+    padding: 0.7rem 1rem;
+    border: 2px solid transparent;
+
+    display: inline-block;
+    position: relative;
+    z-index: 2;
+    top: 2px;
+
+    &:hover:not(.active) {
+      background-color: $ucla-blue;
+      color: $white;
+    }
+
+    &:focus,
+    &.active {
+      background-color: $white;
+      border-color: $ucla-darker-blue;
+      border-bottom-color: $white;
+      border-top-width: 6px;
+      border-top-color: $ucla-blue;
+    }
+
+    &:visited {
+      background-color: $ucla-lightest-blue-2;
+      color: $ucla-darker-blue;
+    }
+  }
+}
+
+.stgall-work-item-bibliography {
+  padding: 1rem;
+}
+
+.stgall-work-item-transcription .stgall-transcriptionSource {
+  padding: 1rem;
+}
+
+.toggleDivWorkItem {
+  display: none;
+
+  border: 2px solid $ucla-darker-blue;
+  background-color: $white;
+}
+
+.stgall-manuscript-contents {
+  display: flex;
+
+  .document__list-metadata-key--ursus {
+    color: $black;
+  }
+}
+
+.book-level-section {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  font-size: 14px;
+
+  .book-level-item {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .book-title, .book-level-item > p {
+    font-weight: bold;
+  }
+}
+
+.stgall-tan_divider > br {
+  display: none;
+}
+
+.stgall-tan_divider {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+/* Add more styles as needed */

app/assets/stylesheets/theme_ursus/theme_ursus.scss

@@ -25,5 +25,6 @@
 @import 'theme_ursus/canon-law/_canon-body';
 @import 'theme_ursus/canon-law/_canon-table';
 @import 'theme_ursus/pages/_ur-static-page';
+@import 'theme_ursus/pages/_ur-static-stgallpage';
 @import 'theme_ursus/pages/_ur-item-page';
-@import 'theme_ursus/pages/_ur-homepage';
+@import 'theme_ursus/pages/_ur-homepage';

app/controllers/static_controller.rb

@@ -11,4 +11,16 @@ def ursus_privacy; end
   def ursus_iiif_guide; end
 
   def version; end
+
+  def stgall_tei_msdesc
+    encoded_id = CGI.escape(params[:id])
+    # puts(params[:id])
+    # Your code to render the specific TEI file
+    # puts "hello from static controller"+ encoded_id
+    if params[:id].match?(/ark(\:|(%3A))(\/|(%2F)).*(\/|(%2F)).*/)
+      render template: "static/stgall/#{encoded_id}"
+    else
+      render template: "static/stgall/#{params[:id]}"
+    end
+  end
 end

app/views/catalog/work_record--ursus/_note_metadata.html.erb

@@ -27,6 +27,9 @@
       <!-- TABLE OF CONTENTS -->
       <dt class='metadata-block__label-key'><%= toc_key %></dt>
       <dd class='metadata-block__label-value'><%= raw toc_value %></dd>
+      <!-- TABLE OF CONTENTS -->
+      <dt class='metadata-block__label-key'>TEI</dt>
+      <dd class='metadata-block__label-value'><a href="/stgall/ark:/21198/zz00161mpp/msdesc">Link</a></dd>
     </dl>
 
     <hr class='divider divider--ursus'>