udt-itf-theme 0.1.0

data/_includes/blocks/image-and-text.html

@@ -0,0 +1,30 @@
+{% if include.image_align == 'left' %}
+<div class="columns">
+  <div class="column is-half">
+    <img src="{{ include.image | absolute_url }}"  alt="{{ include.alt_text }}" />
+  </div>
+  <div class="column has-text-left">
+    {{ include.content | markdownify }}
+    {% if include.button_label %}
+    {% include misc/button.html button_label=include.button_label button_link=include.button_link %}
+    {% endif %}
+  </div>
+</div>
+{% else %}
+<div class="columns">
+  <div class="column is-half">
+    {{ include.content | markdownify }}
+    {% if include.button_label %}
+    {% include misc/button.html button_label=include.button_label button_link=include.button_link %}
+    {% endif %}
+  </div>
+  <div class="column">
+    <figure class="image">
+      <img src="{{ include.image | absolute_url }}"  alt="{{ include.alt_text }}" />
+      {% if include.caption %}
+      <figcaption class="caption">{{ include.caption }}</figcaption>
+      {% endif %}
+    </figure>
+  </div>
+</div>
+{% endif %}

data/_includes/blocks/logo-grid.html

@@ -0,0 +1,14 @@
+<div class="columns logo-grid is-multiline is-vcentered">
+  
+  {% for item in logos %}
+  <div class="column is-one-quarter">
+    <a href="{{ item.uri | absolute_url }}">
+      {% if item.logo %}
+      <img class="p-3 inline-logo" alt="{{ item.name }} logo" src="{{ item.logo | absolute_url }}" />
+      {% else %}
+      {{ item.name }}
+      {% endif %}
+    </a>
+  </div>
+  {% endfor %}
+</div>

data/_includes/blocks/news-cards.html

@@ -0,0 +1,32 @@
+<div class="block columns is-multiline">
+  {% assign items = site.news | sort: 'date' | reverse  %}
+  {% for news in items | limit: include.limit %}
+  <div class="column is-full">
+    <div class="news-card card box hover-box columns is-gapless is-mobile">
+      <div class="news-info card-content">
+        <h3 class="news-title has-text-left"><a href="{{ news.url | absolute_url }}">{{ news.title }}</a></h3>
+        <p class="news-details has-text-left sans-serif" style="margin-bottom:0">
+          <i class="far fa-calendar-alt"></i>&nbsp;
+          <time datetime="{{ news.date | date: '%Y-%m-%d' }}">{{ news.date | date: "%B %e, %Y" }}</time>&nbsp;&nbsp;|&nbsp;&nbsp;<i class="far fa-user-circle"></i>&nbsp;{{ news.author }}
+        </p>
+        <p class="excerpt has-text-left">
+          
+          {% if news.excerpt %}
+          {{ news.excerpt | strip_html }}
+          
+          {% else %}
+          <br>
+          <br>
+
+          {{ news.content | strip_html | truncatewords: 40 }}
+          {% endif %}
+
+        </p>
+        <p class="has-text-left margin-unset">
+          <b><a class="serif" href="{{ news.url | absolute_url }}">Read More ></a></b>
+        </p>
+      </div>
+    </div>
+  </div>
+  {% endfor %}
+</div>

data/_includes/blocks/pullquote.html

@@ -0,0 +1,22 @@
+<style>
+  .pullquote-text, .pullquote-attribution {
+    font-family: "Playfair Display";
+    color: #003654; /* $dark-blue */
+  }
+</style>
+
+<div class="pullquote level">
+  <div class="level-item">
+    <i class="fas fa-quote-left is-size-2 is-size-3-tablet quote-icon"></i>
+  </div>
+  <div class="level-item pullquote-body has-text-centered">
+    <p class="pullquote-text is-size-3 is-size-4-tablet is-size-5-mobile">
+      {{ include.quote.text }}
+      <br><br>
+      — <span class="pullquote-attribution">{{ include.quote.attribution }}</span>
+    </p>
+  </div>
+  <div class="level-item">
+    <i class="fas fa-quote-right is-size-2 is-size-3-tablet quote-icon"></i>
+  </div>
+</div>

data/_includes/blocks/tabs.html

@@ -0,0 +1,21 @@
+<nav class="tabs is-fullwidth">
+  <div class="container">
+    <ul>
+      {% for tab in include.tabs %}
+      <li class="tab" id="{{ tab.label | slugify }}-heading" onclick="openTab('{{ tab.label | slugify }}')">
+        <h3><a>{{ tab.label }}</a></h3>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+</nav>
+
+<div class="container">
+  {% for tab in include.tabs %}
+  <div id="{{ tab.label | slugify }}" class="content-tab" {% unless forloop.first %}style="display:none;"{% endunless %}>
+    {{ tab.content | liquify }}
+  </div>
+  {% endfor %}
+</div>
+
+<script src="{{ 'assets/js/tabSwitch.js' | absolute_url }}"></script>

data/_includes/blocks/text-and-text.html

@@ -0,0 +1,14 @@
+<div class="columns is-variable is-4">
+  <div class="column is-half">
+    {{ include.content_1 | markdownify }}
+    {% if include.button_label_1 %}
+    {% include misc/button.html button_label=include.button_label_1 button_link=include.button_link_1 %}
+    {% endif %}
+  </div>
+  <div class="column">
+    {{ include.content_2 | markdownify }}
+    {% if include.button_label_2 %}
+    {% include misc/button.html button_label=include.button_label_2 button_link=include.button_link_2 %}
+    {% endif %}
+  </div>
+</div>

data/_includes/content/full-width-image.html

@@ -0,0 +1,10 @@
+<div class="container mgt-medium mgb-medium">
+  {% if include.image_link %}
+  <a href="{{ include.image_link | absolute_url }}">
+    {% endif %}
+  <img alt="{{ include.alt_text }}" src="{{ include.image | absolute_url }}" />
+   {% if include.image_link %}
+  </a>
+  {% endif %}
+  <span class="caption">{{ include.caption }}</span>
+</div>

data/_includes/content/inline-image.html

@@ -0,0 +1,13 @@
+<figure class="image inline-image float-{{ include.float | default: 'right' }}">
+  {% if include.image_link %}
+  <a href="{{ include.image_link | absolute_url }}">
+    {% endif %}
+  {% include misc/image.html url=include.image alt=include.alt_text %}
+  {% if include.image_link %}
+  </a>
+  {% endif %}
+
+  {% if include.caption %}
+  <figcaption class="caption">{{ include.caption }}</figcaption>
+  {% endif %}
+</figure>

data/_includes/footer.html

@@ -0,0 +1,28 @@
+
+<footer id="footer" class="footer">
+  <div class="container">
+    <div class="columns">
+
+      <div class="navbar-brand column is-half">
+        <a class="navbar-item" href="{{ '/' | absolute_url }}">
+          <img src="{{ theme.logo | absolute_url }}" alt="{{ theme.acronym }} logo" height="28">
+          <span class="brand-title blue-text">{{ theme.title }}</span>
+        </a>
+        <p>{{ theme.tagline }}</p>
+      </div>
+      <div class="column"></div>
+      {% for column in theme.footer_menu %}
+      <div class="column menu-column">
+        <h4>{{ column.heading }}</h4>
+        <ul>
+        {% for item in column.sub %}
+          <li>
+            <a href="{{ item.link | liquify | absolute_url }}">{{ item.label }}</a>
+          </li>
+        {% endfor %}
+        </ul>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</footer>

data/_includes/head.html

@@ -0,0 +1,36 @@
+<head>
+  <meta charset="utf-8">
+  <title>
+     {% if page.title %}{{ page.title }} — {% endif %} {{ theme.acronym }} | {{ theme.title }}
+  </title>
+  <meta name="description" content="{{ site.tagline | default: site.organization.tagline }}">
+  <link rel="shortcut icon" href="{%- if site.logo -%}{{ site.logo | absolute_url }}{%- else -%}{{ site.organization.logo | absolute_url }}{%- endif -%}">
+ <link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/apple-touch-icon.png' | absolute_url }}">
+ <link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/favicon-32x32.png' | absolute_url }}">
+ <link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/favicon-16x16.png' | absolute_url }}">
+ <link rel="manifest" href="{{ 'assets/site.webmanifest' | absolute_url }}">
+ <link rel="mask-icon" href="{{ 'assets/safari-pinned-tab.svg' | absolute_url }}" color="#E82334">
+ <meta name="msapplication-TileColor" content="#da532c">
+ <meta name="theme-color" content="#ffffff">
+
+
+
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="{% link assets/css/style.scss %}">
+  <link rel="canonical" href="{{ page.url | absolute_url }}" />
+  
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+    {%- include misc/google-analytics.html -%}
+  {%- endif -%}
+
+  {% if page.hero.image %}
+  <link rel="preload" as="image" href="{{ page.hero.image | absolute_url }}">
+  {% endif %}
+
+    {% seo title=false %}
+
+<!-- add for Mastodon verification -->
+<link rel="me" href="https://glammr.us/@iiif">
+
+</head>

data/_includes/misc/button.html

@@ -0,0 +1,2 @@
+
+<a class="button is-primary is-normal" href="{{ include.button_link | liquify | absolute_url }}">{{ include.button_label }}</a>

data/_includes/misc/community_calendar.html

@@ -0,0 +1,4 @@
+<iframe src="https://calendar.google.com/calendar/embed?title=IIIF%20Community%20Calendar%20%28Eastern%20Time%29&amp;showPrint=0&amp;height=600&amp;wkst=1&amp;bgcolor=%23ffffff&amp;src=1hnm5h86n94ore0vnoo188ter8%40group.calendar.google.com&amp;color=%23865A5A&amp;ctz=America%2FNew_York"
+        style="border-width:0; overflow:hidden; border: none;max-width:100%;"
+        width="800"
+        height="600"></iframe>

data/_includes/misc/feedback.html

@@ -0,0 +1,79 @@
+<!-- Read the Formbutton docs at formspree.io/formbutton/docs. See more examples at codepen.io/formspree -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" />
+
+<script src="https://formspree.io/js/formbutton-v1.min.js" defer></script>
+<script>
+  /* paste this line in verbatim */
+  window.formbutton=window.formbutton||function(){(formbutton.q=formbutton.q||[]).push(arguments)};
+  /* customize formbutton below*/     
+  formbutton("create", {
+    action: "https://formspree.io/f/xbjwjlbn",
+    title: "Feedback",
+    fields: [
+      {
+        type: "radio",
+        name: "feedback_type",
+        value: "Comment",
+        label: "Comment",
+        style: {
+            display: "inline-block",
+            "padding-right": "10px"
+        }
+      },
+      {
+        type: "radio",
+        name: "feedback_type",
+        value: "Correction",
+        label: "Correction",
+        style: {
+            display: "inline-block",
+            "padding-right": "10px"
+        }
+      },
+      {
+        type: "radio",
+        name: "feedback_type",
+        value: "Bug",
+        label: "Bug",
+        style: {
+            display: "inline-block",
+            "padding-right": "10px"
+        }
+      },
+      { 
+        type: "email", 
+        label: "Email:", 
+        name: "Email",
+        required: true,
+        placeholder: "your@email.com"
+      },
+      {
+        type: "textarea",
+        label: "Message:",
+        name: "Message",
+        placeholder: "We want to hear from you! Enter your feedback here.",
+      },
+      { 
+        type: "submit",
+        value: "Submit"
+      },
+      {
+        type: "hidden",
+        name: "Page",
+        value: window.location.pathname.replaceAll('/','|'),
+        style: {
+            display: "none"
+        }
+      }
+    ],
+    buttonImg: "<i class='fas fa-comment' style='font-size:24px'/>", 
+    styles: {
+      title: {
+        backgroundColor: "#0d232d"
+      },
+      button: {
+        backgroundColor: "#0d232d"
+      }
+    }
+  });
+</script>

data/_includes/misc/google-analytics.html

@@ -0,0 +1,9 @@
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+      ga('create', '{{ site.google_analytics }}', 'iiif.io');
+      ga('send', 'pageview');
+    </script>

data/_includes/misc/image.html

@@ -0,0 +1,7 @@
+
+{% assign webp_filename = include.url | absolute_url | replace: ".jpg", ".webp" | replace: ".jpeg", ".webp" | replace: ".png", ".webp" | replace: ".tiff", ".webp" %}
+
+<picture>
+  <source srcset="{{ webp_filename }}" type="image/webp">
+  <img src="{{ include.url | absolute_url }}" alt="{{ include.alt }}" class="{{ include.class }}">
+</picture>

data/_includes/misc/notification.html

@@ -0,0 +1,15 @@
+<script src="{{ 'assets/js/deleteButton.js' | absolute_url }}"></script>
+{% assign notification = include.notification %}
+<div class="iiif-notification message">
+  <div class="message-header">
+    <div class="container">
+      <button class="delete"></button>
+      <p class="title">{{ notification.title }}</p>
+      <p class="subtitle">{{ notification.subtitle }}
+      {% if notification.link %}
+        <a href="{{ notification.link | liquify | absolute_url }}">{{ notification.link_label }}</a>
+      {% endif %}
+      </p>
+    </div>
+  </div>
+</div>

data/_includes/navbar.html

@@ -0,0 +1,36 @@
+<nav id="navbar" class="navbar is-transparent is-spaced">
+  <div class="container">
+    <div class="navbar-brand">
+      <a class="navbar-item" href="{{ site.root_url | absolute_url }}/">
+        <img src="{{ theme.logo | absolute_url }}" alt="{{ theme.acronym }} logo" height="28">
+        <span class="brand-title">{{ theme.title }}</span>
+      </a>
+      <div class="navbar-burger" data-target="navbar" onclick="document.querySelector('.navbar-menu').classList.toggle('is-active');">
+        <span></span>
+        <span></span>
+        <span></span>
+      </div>
+    </div>
+
+    <div class="navbar-menu">
+      <div class="navbar-end">
+        {%- for item in theme.navbar_menu -%}
+          {% if item.sub %}
+            <div class="navbar-item has-dropdown is-hoverable">
+              <a class="navbar-link" {% if item.link %} href="{{ item.link | liquify | absolute_url }}"{% endif %}>
+                {{ item.label }}
+              </a>
+              <div class="navbar-dropdown is-boxed is-active">
+                {% for sub in item.sub %}
+                  <a class="navbar-item" href="{{ sub.link | liquify | absolute_url }}">{{ sub.label }}</a>
+                {% endfor %}
+              </div>
+            </div>
+          {% else %}
+            <a class="navbar-item" href="{{ item.link | liquify | absolute_url }}">{{ item.label }}</a>
+          {% endif %}
+        {%- endfor -%}
+      </div>
+    </div>
+  </div>
+</nav>

data/_layouts/default.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang='en'>
+  {%- include head.html -%}
+  <body>
+    {%- if site.notification.enabled -%}
+    {%- include misc/notification.html notification=site.notification -%}
+    {%- endif -%}
+    {%- include blocks/hero.html hero=page.hero top_nav=true -%}
+    <section id="main">
+      {% if site.banner.enabled and page.banner == true %}
+      {%- include misc/notification.html notification=site.banner -%}
+      {% endif %}
+      {% if page.anchor_headings %}
+      {% include api/anchor_headings.html html=content anchorClass="anchorClass"  %}
+      {% else %}
+      {{ content }}
+      {% endif %}
+    </section>
+    {%- include footer.html -%}
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    <script src="https://kit.fontawesome.com/2c3e99340f.js" crossorigin="anonymous"></script>
+    <script type="text/javascript" src="{{ 'assets/js/carouselInit.js' | absolute_url }}"></script>
+
+    {% if page.feedback %}
+        {% if page.feedback == "none" %}
+            <!-- No feedback included-->
+        {% else %}
+            {% include {{ page.feedback }} %}
+        {% endif %}
+    {% else %}
+        {% include misc/feedback.html %}
+    {% endif %}
+  </body>
+</html>

data/_layouts/event.html

@@ -0,0 +1,7 @@
+---
+layout: page
+breadcrumbs:
+  - label: News & Events
+    link: '{{ site.root_url }}/news-and-events/'
+---
+{{ content }}

data/_layouts/page.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+{{ theme.block-start }}
+  <div class="content">
+    {{ content }}
+  </div>
+{{ theme.block-end }}

data/_layouts/post.html

@@ -0,0 +1,7 @@
+---
+layout: page
+breadcrumbs:
+  - label: News & Events
+    link: '{{ site.root_url }}/news-and-events/'
+---
+{{ content }}

data/_layouts/spec.html

@@ -0,0 +1,35 @@
+---
+layout: default
+breadcrumbs:
+  - label: Get Started
+    link: '{{ site.root_url }}/get-started'
+  - label: APIs & Documentation
+    link: '{{ site.api_url }}/'
+---
+{% for word in site.data.rfc_words %}
+  {% assign upper = word | prepend: '<em>' | append: '</em>' %}
+  {% assign lower = upper | downcase | replace: '<em>', '<em class="rfc">' %}
+  {% assign content = content | replace: upper, lower %}
+{% endfor %}
+
+
+{% if page.toc == false %}
+{{ theme.block-start }}
+  <div class="content api-content">
+    {% include api/anchor_headings.html html=content anchorClass="anchorClass" %}
+  </div>
+{{ theme.block-end }}
+{% else %}
+<div class="container-block no-padding is-max-desktop">
+  <div class="columns is-max-desktop">
+    <aside class="column is-one-quarter api-sidebar-container" markdown="1">
+      <div class="toc-sidebar sticky">
+        {% include api/toc.html html=content h_max=3 id='toc-menu' class='menu' submenu_class='menu-list toc-submenu-%level%' %}
+      </div>
+    </aside>
+    <div class="column is-three-quarters content api-content" markdown="1">
+      {% include api/anchor_headings.html html=content anchorClass="anchorClass" %}
+    </div>
+  </div>
+</div>
+{% endif %}