🚚 rename custom to libguides

.github/workflows/compile.py

@@ -62,7 +62,7 @@ def main(file):
         # NOTE primary scss files do not have named parent directories
         extent = Path(file).parent.name if Path(file).parent.name else Path(file).stem
         if extent == "common":
-            for extent in ["custom", "libanswers", "libguides"]:
+            for extent in ["libanswers", "libguides"]:
                 compile_css(extent, github_commit)
         else:
             compile_css(extent, github_commit)

README.md

@@ -26,7 +26,7 @@ See [`ACTIONS.md`](https://github.com/caltechlibrary/libguine/blob/main/ACTIONS.
 
 ## CSS/SCSS
 
-The CSS for the site is written with the [SCSS syntax of Sass](https://sass-lang.com/documentation/syntax#scss). It cannot be directly pasted anywhere that CSS is expected. When an `scss` file is modified, committed, and pushed to this repositiory, the compiled `custom.css` file will be downloadable as part of the artifacts produced during the GitHub Actions workflow run. Additionally, the updated `custom.css` file will be uploaded to LibGuides automatically.
+The CSS for the site is written with the [SCSS syntax of Sass](https://sass-lang.com/documentation/syntax#scss). It cannot be directly pasted anywhere that CSS is expected. When an `scss` file is modified, committed, and pushed to this repositiory, the compiled `libguides.css` file will be downloadable as part of the artifacts produced during the GitHub Actions workflow run. Additionally, the updated `libguides.css` file will be uploaded to LibGuides automatically.
 
 ## HTML
 
@@ -54,7 +54,7 @@ See [`.github/workflows/compile.py`](https://github.com/caltechlibrary/libguine/
 
 ## JavaScript
 
-The [`custom.js`](https://github.com/caltechlibrary/libguine/blob/main/custom.js) file can be uploaded directly into LibGuides. The GitHub Actions workflow will automatically upload a modified custom JavaScript file to LibGuides.
+The [`libguides.js`](https://github.com/caltechlibrary/libguine/blob/main/libguides.js) file can be uploaded directly into LibGuides. The GitHub Actions workflow will automatically upload a modified custom JavaScript file to LibGuides.
 
 ## [bootstrap/config.json](https://github.com/caltechlibrary/libguine/blob/main/bootstrap/config.json)
 

head--system.html

@@ -4,6 +4,5 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap">
-<link rel="stylesheet" id="custom-css" href="//libapps.s3.amazonaws.com/sites/64/include/custom.css">
 <link rel="stylesheet" id="libguides-css" href="//libapps.s3.amazonaws.com/sites/64/include/libguides.css">
-<script id="custom-js" src="//libapps.s3.amazonaws.com/sites/64/include/custom.js"></script>
+<script id="libguides-js" src="//libapps.s3.amazonaws.com/sites/64/include/libguides.js"></script>

scss/custom/_archives.scss → scss/libguides/_archives.scss

@@ -73,7 +73,7 @@ $archives-secondary-color: #849895;
         font-size: small;
         margin: 0.5rem;
       }
-      // see custom.js for class logic
+      // see libguides.js for class logic
       @media (min-width: 420px) {
         .img-xs {
           min-width: unset;

scss/libguides/_footer.scss

@@ -3,6 +3,143 @@
 
 /* libguides/_footer.scss */
 
+#footer-wrapper {
+  background-color: #062e47;
+  border-radius: 0 30% 0 0 / 5%;
+  margin-block-start: 90px;
+  @media (min-width: 768px) {
+    border-radius: 0 30% 0 0 / 10%;
+  }
+  @media (min-width: 992px) {
+    border-radius: 0 30% 0 0 / 20%;
+  }
+  footer {
+    color: white;
+    a {
+      color: white;
+      &:focus,
+      &:hover {
+        color: white;
+      }
+      &:active,
+      &:focus {
+        outline: #1e988a solid medium;
+        text-decoration: none;
+      }
+    }
+    abbr[title] {
+      text-decoration: none;
+    }
+    .contact .social a {
+      display: inline-block;
+      &:not(:last-child) {
+        margin-inline-end: 30px; // TODO $grid-gutter-width
+      }
+      svg {
+        height: 32px;
+      }
+    }
+    .h-card {
+      .u-email,
+      .p-tel {
+        line-height: 2;
+      }
+      .u-email,
+      .p-tel,
+      .p-name {
+        display: block;
+      }
+      .p-name {
+        margin-block-start: 24px; // TODO $font-size-base
+      }
+      .p-locality::after {
+        content: ",";
+      }
+    }
+    .logo {
+      fill: #fff;
+      margin-block: 24px; // same as footer headings
+      height: 5em; // “Caltech” feels the right size
+    }
+    .links {
+      line-height: 2;
+    }
+    // hours
+    .s-lc-w-today {
+      &, * {
+        display: block;
+      }
+      tbody {
+        padding-block: 16px; // TODO $font-size-base
+      }
+    }
+    .s-lc-w-sr-only {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      border: 0;
+    }
+    .s-lc-w-head-pre {
+      display: none;
+    }
+    .s-lc-w-head {
+      display: flex;
+      font-size: large;
+      font-weight: normal;
+      justify-content: space-between;
+      text-align: unset;
+    }
+    .s-lc-w-btn {
+      background: transparent;
+      border: none;
+      padding: 0;
+    }
+    .s-lc-w-next {
+      font-size: 0;
+      order: 1;
+      &::before {
+        content: "\e092";
+        font-family: "Glyphicons Halflings";
+        font-size: 24px;
+        line-height: 0.5;
+      }
+    }
+    .s-lc-w-previous {
+      font-size: 0;
+      &::before {
+        content: "\e091";
+        font-family: "Glyphicons Halflings";
+        font-size: 24px;
+        line-height: 0.5;
+      }
+    }
+    .s-lc-w-location {
+      border-block-end: #fff dotted thin;
+      display: flex;
+      justify-content: space-between;
+      line-height: 1;
+      padding-block: 8px;
+    }
+    .s-lc-w-time {
+      text-align: right; // for when hours wrap
+      & > * {
+        display: inline-block;
+      }
+    }
+    .s-lc-w-today-view-all {
+      display: none;
+    }
+    .hours footer {
+      display: flex;
+      justify-content: space-between;
+    }
+  }
+}
+
 #s-lib-bc-list.breadcrumb {
   font-size: revert;
   font-weight: normal;