add embed for research and academics glossary

UCLALibrary · Jan 15, 2021 · 81c7f5f · 81c7f5f
1 parent cb1dbe7
commit 81c7f5f
Show file tree

Hide file tree

Showing 37 changed files with 524 additions and 146 deletions.
diff --git a/_embeds/glossary.markdown b/_embeds/glossary.markdown
@@ -0,0 +1,104 @@
+---
+layout: embed-simple-nonavbar
+title:  "Research and Academics Glossary"
+date:   2021-01-15
+search-tables: yes
+theme:  simple
+---
+
+<!--<span><small><i>Note: This glossary is being continually updated with new content! If you would like to request a definition, use the form at the bottom of the page!</i></small></span>-->
+<div class="row">
+                    <div class="col-lg-12 col-md-12 mx-auto mb-5 mt-3">
+                        <div class="input-group md-form form-sm form-1 pl-0 mb-0">
+                          <div class="input-group-prepend">
+                            <span class="input-group-text" style="background-color: #005587;" id="basic-text1"><i class="fas fa-search text-white" aria-hidden="true"></i></span>
+                            <label for="myInput" class="sr-only">Search</label>
+                          </div>
+                          <input class="form-control form-control-lg input-lg" id="myInput" type="text" aria-label="Search for a term or definition" placeholder="Search for a term or definition...">
+                        </div>
+                    </div>
+</div>
+
+<table class="table table-sm table-responsive-sm">
+  <tbody id="myTable">
+      {% for entry in site.data.glossary %}
+      {% if entry.draft != true %}
+      {% capture hrefname %}{{ entry.term | remove: " " | remove: "(" | remove: ")" | remove: "+" }}{% endcapture %}
+      <tr>
+        <td>
+          <h2 class="card-title mt-3">{{ entry.term }}</h2>
+          <p class="card-text">{{ entry.definition }}</p>
+          <div class="containter" id="{{ hrefname }}">
+          <div class="btn-group btn-group-sm mb-3 float-right" role="group" aria-label="Actions">
+            {% if entry.example %}
+                <a class="btn btn-primary" data-toggle="collapse" href="#{{ hrefname }}Example" role="button" aria-expanded="false" aria-controls="{{ hrefname }}Example">Example</a>
+              {% endif %}
+            <a class="btn btn-primary" data-toggle="collapse" href="#{{ hrefname }}Resources" role="button" aria-expanded="false" aria-controls="{{ hrefname }}Resources">Related Resources</a>
+            {% if entry.reference %}
+                <a class="btn btn-primary" data-toggle="collapse" href="#{{ hrefname }}Reference" role="button" aria-expanded="false" aria-controls="{{ hrefname }}Reference">Reference</a>
+               {% endif %}
+          </div>
+          {% if entry.example %}
+          <div class="collapse float-right" id="{{ hrefname }}Example" data-parent="#{{ hrefname }}" style="width: 100%;">
+            <div class="card card-header mb-3">
+              {{ entry.example }}
+            </div>
+          </div>
+            {% endif %}
+          <div class="collapse float-right" id="{{ hrefname }}Resources" data-parent="#{{ hrefname }}" style="width: 100%;">
+            <div class="card card-header mb-3" style="width: 100%;">
+<!--              Resources-->
+              {% assign sorted_documents = site.documents | sort: "title" %}
+<div class="relatedPosts">
+{% assign maxRelated = 6 %}
+{% assign minCommonTags =  1 %}
+{% assign maxRelatedCounter = 0 %}
+<ul>
+{% for item in sorted_documents %}
+
+    {% assign sameTagCount = 0 %}
+    {% assign commonTags = '' %}
+
+    {% for tag in item.tags %}
+      {% if item.url != page.url %}
+        {% capture termdowncase %}{{ entry.term | downcase }}{% endcapture %}
+        {% if tag contains entry.term or tag contains termdowncase %}
+          {% assign sameTagCount = sameTagCount | plus: 1 %}
+          {% capture tagmarkup %} <span class="badge badge-primary">{{ tag }}</span> {% endcapture %}
+          {% assign commonTags = commonTags | append: tagmarkup %}
+        {% endif %}
+      {% endif %}
+    {% endfor %}
+
+    {% if sameTagCount >= minCommonTags %}
+          <li><strong><a href="{{ item.url | relative_url }}">{{ item.title }}</a> {% if item.awards %}{% for award in item.awards %}{% include award-namify.html %} <i aria-hidden="true" class="fas fa-award" data-toggle="tooltip" data-placement="right" title="{{ awardName }}"></i><span class="sr-only">{{ awardName }}</span>{% endfor %}{% endif %}<small><em> ({{ item.layout | capitalize }})</em></small></strong></li>
+          {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
+          {% if maxRelatedCounter >= maxRelated %}{% break %}{% endif %}
+    {% endif %}
+  {% endfor %}
+
+</ul>
+  {% if maxRelatedCounter == 0 %}
+    <i>Coming soon!</i>
+  {% endif %}
+    </div>
+            </div>
+          </div>
+{% if entry.reference %}
+          <div class="collapse float-right" id="{{ hrefname }}Reference" data-parent="#{{ hrefname }}" style="width: 100%;">
+            <div class="card card-header mb-3">
+                  <p class="mt-0 mb-0"><a href="{{ entry.reference }}" target="_blank">{{ entry.reference | remove: "http://" | remove: "https://" | remove: "www."}}</a></p>
+            </div>
+          </div>
+          {% endif %}
+          </div>
+        </td>
+      </tr>
+    {% endif %}
+    {% endfor %}
+</tbody>
+</table>
+
+<center>
+<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdSe4ujpnDT3wpw4P1U5kk_iUukXdPgkRARR0n22BOxPI9cXg/viewform?embedded=true" width="100%" height="400" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+</center>
diff --git a/_layouts/embed-simple-nonavbar.html b/_layouts/embed-simple-nonavbar.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" <![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9" <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+<html lang="en">
+{% include head.html %}    
+<body class="d-flex flex-column" style="height: 100%;">
+  <div id="page-content" style="flex: 1 0 auto;">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12 col-md-12">
+            <h1 class="sr-only">{{ page.title }}</h1>
+          {{ content }}
+        </div>
+      </div>
+    </div>
+  </div>
+    {% include scripts.html %} 
+</body>
+</html>