feat: resources block for Extension template

html_blocks/exted_resources.html

@@ -0,0 +1,80 @@
+<section id="resources-grid" class="js-resources">
+    <div class="resources-grid__resource">
+        <a href="http://cca.zoom.us/signin"><img src="https://storage.googleapis.com/libraries-lib-production/images/zoom.original.png" alt="Zoom video conferencing logo" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
+        <a href="http://cca.zoom.us/signin">Zoom</a>
+    </div>
+
+    <!-- icon: https://uxwing.com/laptop-open-icon/ -->
+    <div class="resources-grid__resource">
+        <a href="https://portal.cca.edu/learning/academic-technology/"><img src="https://storage.googleapis.com/libraries-lib-production/images/laptop-open-icon.original.png" alt="Laptop icon" width="75" height="74" class="img-responsive atto_image_button_text-bottom"></a><br>
+        <a href="https://portal.cca.edu/learning/academic-technology/">Technology</a>
+    </div>
+
+     <div class="resources-grid__resource">
+        <a href="https://www.cca.edu/academics/extension/policies/"><img src="https://storage.googleapis.com/libraries-lib-production/images/Dynamic_Logo_Element_CCA_Right_Stack_NewTeal_CM.original_7G7YQXs.png" alt="CCA logo" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
+        <a href="https://www.cca.edu/academics/extension/policies/">Extension Policies</a>
+     </div>
+
+    <div class="resources-grid__resource">
+        <a href="https://portal.cca.edu/help-desk/"><img src="https://storage.googleapis.com/libraries-lib-production/images/help.original.png" alt="Help Desk icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
+        <a href="https://portal.cca.edu/help-desk/">Help Desk</a>
+    </div>
+
+    <div class="resources-grid__resource">
+        <a href="https://portal.cca.edu/learning/learning-resources/make-appointment-coach-ACADEMIC/"><img src="https://storage.googleapis.com/libraries-lib-production/images/LRC_Coach_Icon_-_white_bg.max-165x165.png" alt="LRC coaches" width="79" height="75" class="atto_image_button_text-bottom"></a><br>
+        <a href="https://portal.cca.edu/learning/learning-resources/make-appointment-coach-ACADEMIC/">LRC Coaches</a>
+    </div>
+
+    <div class="resources-grid__resource">
+        <a href="https://portal.cca.edu/knowledge-base/"><img
+                src="https://storage.googleapis.com/libraries-lib-production/images/KB_Thumbnail_Large_Transparent.original.png"
+                alt="Small red book icon" width="75" height="75"
+                class="img-responsive atto_image_button_text-bottom"></a><br>
+        <a href="https://portal.cca.edu/knowledge-base/">Knowledge Base</a>
+    </div>
+
+    <div class="resources-grid__resource">
+        <a href="https://libraries.cca.edu/ask-at-cca"><img src="https://storage.googleapis.com/libraries-lib-production/images/ask-at-cca-75.original.png" alt="Ask at CCA" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
+        <a href="https://libraries.cca.edu/ask-at-cca">Ask@CCA</a>
+    </div>
+
+    <div class="resources-grid__resource">
+        <a class="js-chat-link" href="https://libraries.cca.edu/about-us/about-us/ask-a-librarian/"><img src="https://storage.googleapis.com/libraries-lib-production/images/librarian_help.original.png" alt="librarian help icon" width="75" height="75" class="atto_image_button_text-bottom"></a><br>
+        <a class="js-chat-link" href="https://libraries.cca.edu/about-us/about-us/ask-a-librarian/">Ask a Librarian</a>
+    </div>
+
+    <div class="resources-grid__resource">
+        <a href="https://libguides.cca.edu/az.php"><img src="https://storage.googleapis.com/libraries-lib-production/images/articles.original.png" alt="article databases icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
+        <a href="https://libguides.cca.edu/az.php">Article Databases</a>
+    </div>
+</section>
+
+<br>
+<section id="summon-search" class="text-center">
+    <a href="https://libraries.cca.edu/"><img src="https://storage.googleapis.com/libraries-lib-production/images/logo-400.original.png" alt="CCA Libraries Logo" width="203" height="29" class="img-responsive atto_image_button_text-bottom"></a>
+    <form class="mt-2" method="GET" action="https://cca.summon.serialssolutions.com">
+        <input class="js-query search form-control input-lg" type="text" name="q" placeholder="Enter search term...">
+        <input type="hidden" name="fvf" value="ContentType,Book Review,t">
+        <input class="btn btn-primary mt-1" type="submit" value="Search">
+    </form>
+</section>
+<script>
+(function() {
+    // Presence API dox: https://dev.libraryh3lp.com/presence.html
+    const queue = 'cca-libraries-queue',
+        domain = 'libraryh3lp.com'
+        url = `https://${domain}/presence/jid/${queue}/chat.libraryh3lp.com/text`,
+        activeStatuses = ['available', 'chat'],
+        linkElements = document.querySelectorAll('.js-chat-link'),
+        chatLink = `https://${domain}/chat/${queue}@chat.libraryh3lp.com?skin=30238`;
+
+    fetch(url).then(r => r.text())
+        .then(status => {
+            if (activeStatuses.includes(status.trim()) && linkElements) {
+                // we're live & ready to mingle
+                linkElements.forEach(el => el.href = chatLink)
+            }
+        })
+        .catch(e => console.error('error fetching libraryh3lp chat status:', e))
+})()
+</script>