deploy: 69fe89e

art-institute-of-chicago · Jan 4, 2025 · f3ec342 · f3ec342
commit f3ec342
Show file tree

Hide file tree

Showing 7 changed files with 299 additions and 0 deletions.
diff --git a/.nojekyll b/.nojekyll
diff --git a/index.html b/index.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html class="h-100" lang="en">
+
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
+
+  <!-- Bootstrap CSS -->
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+  <!-- Owl CSS -->
+  <link rel="stylesheet" href="owl/owl.carousel.min.css">
+  <!-- Main CSS -->
+  <link rel="stylesheet" href="style.css">
+  <!-- Font Awesome -->
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css" type="text/css">
+
+  <title>New Books</title>
+</head>
+
+<body class="d-flex flex-column h-150 bg-transparent">
+  <div class="my-auto">
+    <div class="container-fluid">
+      <div class="row align-items-center justify-content-around">
+        <div class="col-auto order-first px-3 pr-0">
+          <button type="button" class="btn btn-secondary btn-circle" id="previous">
+            <i class="fas fa-chevron-left"></i>
+            <span class="sr-only">Previous</span>
+          </button>
+        </div>
+        <div class="col-auto order-last px-3 pl-0">
+          <button type="button" class="btn btn-secondary btn-circle" id="next">
+            <i class="fas fa-chevron-right"></i>
+            <span class="sr-only">Next</span>
+          </button>
+        </div>
+        <div class="col overflow-hidden px-0">
+          <div class="owl-carousel">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Optional JavaScript -->
+  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+  <script src="new-books.js"></script>
+  <script src="owl/owl.carousel.min.js"></script>
+</body>
+
+</html>
diff --git a/new-books.js b/new-books.js
@@ -0,0 +1,95 @@
+$(document).ready(function() {
+  $.getJSON("new-books.json", function(data) {
+    var slides = [];
+    $.each(data, function(i, book) {
+      if (book["cover-url"] != "") {
+        var slide = `
+        <a class="card" target="_top" href="` + book["primo-url"] + `" title="` + book["title"] + `">
+          <img src="` + book["cover-url"] + `" alt="` + book["title"] + `" class="card-img">
+        </a>
+        `
+      }
+      /*
+      else {
+        var slide = `
+        <a class="card" href="` + book["primo-url"] + `">
+        <div class="card-body text-center p-3">
+          <h1 class="card-title text-dark">
+            ` + book["title"] + `
+          </h1>
+          <h2 class="card-subtitle text-muted">
+            ` + book["author"]  + `
+          </h2>
+        </div>
+        </a>
+        `
+      }
+      */
+      slides.push(slide);
+    });
+    $(".owl-carousel").append(slides);
+    var owl = $('.owl-carousel');
+    owl.owlCarousel({
+      margin: 10,
+      loop: false,
+      autoWidth: true,
+      items: 10,
+      nav: false,
+      dots: false,
+      responsive: {
+        0: {
+          slideBy: 1
+        },
+        420: {
+          slideBy: 2
+        },
+        570: {
+          slideBy: 3
+        },
+        725: {
+          slideBy: 4
+        },
+        880: {
+          slideBy: 5
+        },
+        1035: {
+          slideBy: 6
+        },
+        1190: {
+          slideBy: 7
+        },
+        1345: {
+          slideBy: 8
+        },
+        1500: {
+          slideBy: 9
+        },
+      }
+    });
+    owl.on('changed.owl.carousel', function(event) {
+      var minimum = event.relatedTarget.minimum(),
+        maximum = event.relatedTarget.maximum(),
+        current = event.relatedTarget.current();
+      if (current <= minimum) {
+        $('#previous').prop('disabled', true);
+      } else {
+        $('#previous').prop('disabled', false);
+      }
+      if (current >= maximum) {
+        $('#next').prop('disabled', true);
+      } else {
+        $('#next').prop('disabled', false);
+      }
+    });
+    // Go to the next item
+    $('#next').click(function() {
+      owl.trigger('next.owl.carousel');
+    });
+    // Go to the previous item
+    $('#previous').click(function() {
+      // With optional speed parameter
+      // Parameters has to be in square bracket '[]'
+      owl.trigger('prev.owl.carousel');
+    });
+  });
+});
diff --git a/new-books.json b/new-books.json
@@ -0,0 +1,106 @@
+[
+    {
+        "title": "2025-01-03",
+        "author": "Quinn, Bridget author.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaPortrait of a woman : art, rivalry & revolution in the life of Ade\u0301lai\u0308de Labille-Guiard /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "ND1329.L32 Q56 2024",
+        "cover-url": "https://books.google.com/books/content?id=QvoM0AEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-03",
+        "author": "Monk, Meredith artist.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaMeredith Monk : calling /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "N6537.M636 A4 2024",
+        "cover-url": "https://books.google.com/books/content?id=sre3zwEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Gallagher, Ellen, 1965- artist.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaEllen Gallagher with Edgar Cleijne : a law... a blueprint... a scale /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "N6537.G347 A4 2022",
+        "cover-url": "https://books.google.com/books/content?id=XdsqzwEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Varisco, Grazia, 1937- artist.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaGrazia Varisco : percorsi contemporanei : 1957-2022 /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "N6923.V3 A4 2022",
+        "cover-url": "https://books.google.com/books/content?id=QpJezgEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Ramanan, Roland photographer.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaDominoes /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "b25.0010",
+        "cover-url": "https://books.google.com/books/content?id=A5uN0AEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Hofmann-de Keijzer, Regina author.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaLate antique textiles from the papyrus collection of the Austrian National Library : scientific investigation of fibres, dyes and dyeing techniques /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "b25.0017",
+        "cover-url": "https://books.google.com/books/content?id=5uIszwEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Schwartz, Ben",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaUnlicensed : bootlegging as creative practice /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "b25.0004",
+        "cover-url": "https://books.google.com/books/content?id=4iVG0AEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Museum of Fine Arts, Boston creator.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaDutch art in a global age /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "b25.0011",
+        "cover-url": "https://books.google.com/books/content?id=QOrZzwEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Taha, Halima author.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaGateways : African American art from the key collection /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "b25.0012",
+        "cover-url": "https://books.google.com/books/content?id=-N5W0AEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Hind, Charles, 1956- author.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaThe architecture drawing book /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "b25.0013",
+        "cover-url": "https://books.google.com/books/content?id=GUQuzwEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Hetland, Beth author, illustrator.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaTender /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "b25.0016",
+        "cover-url": "https://books.google.com/books/content?id=dP4M0AEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2025-01-02",
+        "author": "Magaziner, Daniel R. author.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaAvailable light : Omar Badsha and the struggle for change in South Africa /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "b25.0015",
+        "cover-url": "https://books.google.com/books/content?id=taqn0AEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    },
+    {
+        "title": "2024-12-31",
+        "author": "Cieli dipinti, soffitti lignei nell'Europa meridionale fra Medioevo e Rinascimento (Conference) Udine, Italy; Cividale del Friuli, Italy) (2019 : author.",
+        "primo-url": "https://artic.primo.exlibrisgroup.com/discovery/fulldisplay?docid=almaCieli dipinti : soffitti lignei nell'Europa meridionale fra Medioevo e Rinascimento : atti del convegno internazionale di studi, Udine e Cividale del Friuli, 8-10 novembre 2019 /&context=L&vid=01ARTIC_INST:01ARTIC&search_scope=MyInst_and_CI&tab=Everything&lang=en",
+        "call-number": "ND2725 .C54 2019",
+        "cover-url": "https://books.google.com/books/content?id=vZrNzwEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api",
+        "created": ""
+    }
+]
diff --git a/owl/owl.carousel.min.css b/owl/owl.carousel.min.css
diff --git a/owl/owl.carousel.min.js b/owl/owl.carousel.min.js
diff --git a/style.css b/style.css
@@ -0,0 +1,31 @@
+.owl-stage {
+  display: flex;
+  align-items: center;
+}
+
+.owl-item .card {
+  width: 125px;
+}
+
+.owl-item .card .card-title {
+  font-size: 1.25rem;
+}
+
+.owl-item .card .card-subtitle {
+  font-size: 1.5rem;
+}
+
+.btn-circle {
+  width: 35px;
+  height: 35px;
+  line-height: 35px;
+  font-size: 0.9rem;
+  text-align: center;
+  padding: 0;
+  border-radius: 50%;
+}
+
+.btn-circle i {
+  position: relative;
+  top: -1px;
+}