@thegetty/quire-cli 0.20.3 → 0.20.4

package/bin/themes/default/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@thegetty/quire-theme-default",
+  "description": "default theme for Quire digital publications",
+  "version": "0.18.0",
+  "author": "Getty Digital",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/thegetty/quire/issues"
+  },
+  "homepage": "https://github.com/thegetty/quire/tree/main/themes/default#readme",
+  "keywords": [
+    "quire",
+    "themes"
+  ],
+  "main": "webpack/webpack.config.dev.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/thegetty/quire.git",
+    "directory": "themes/default"
+  },
+  "scripts": {
+    "build:preview": "webpack --config webpack/webpack.config.prod.js && cd ../../ && hugo --config config.yml,config/site.yml",
+    "build:production": "webpack --config webpack/webpack.config.prod.js && cd ../../ && hugo --config config.yml,config/site.yml --minify -v",
+    "lint": "./node_modules/.bin/eslint 'source/js/*.js' --ignore-pattern node_modules/",
+    "quire:cypress": "cd ../../ && quire preview",
+    "test:e2e": "./node_modules/.bin/cypress run",
+    "test:e2e:open": "./node_modules/.bin/cypress open",
+    "test:e2e:local": "npm run quire:cypress & ./node_modules/.bin/wait-on http://localhost:1313 & ./node_modules/.bin/cypress run"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.7.7",
+    "@babel/preset-env": "^7.7.7",
+    "@cypress/code-coverage": "^1.10.4",
+    "@types/jest": "^24.0.24",
+    "@types/mocha": "^5.2.7",
+    "autoprefixer": "^9.7.3",
+    "babel-cli": "^6.26.0",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^8.0.6",
+    "babel-plugin-istanbul": "^5.2.0",
+    "css-loader": "^3.4.0",
+    "cypress": "^3.8.0",
+    "eslint": "^6.7.2",
+    "eslint-config-standard": "^14.1.0",
+    "eslint-plugin-cypress": "^2.8.1",
+    "eslint-plugin-import": "^2.19.1",
+    "eslint-plugin-node": "^10.0.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.1",
+    "extract-text-webpack-plugin": "^4.0.0-beta.0",
+    "file-loader": "^5.0.2",
+    "glob": "^7.1.6",
+    "html-inline-css-webpack-plugin": "^1.8.0",
+    "html-webpack-plugin": "^3.2.0",
+    "istanbul-lib-coverage": "^2.0.5",
+    "mini-css-extract-plugin": "^0.8.2",
+    "node-sass": "^4.13.0",
+    "nyc": "^14.1.1",
+    "optimize-css-assets-webpack-plugin": "^5.0.3",
+    "postcss-loader": "^3.0.0",
+    "prettier": "^2.2.1",
+    "prettier-plugin-go-template": "^0.0.10",
+    "purify-css": "^1.2.5",
+    "purifycss-webpack": "^0.7.0",
+    "sass-loader": "^8.0.0",
+    "style-loader": "^1.0.2",
+    "uglifyjs-webpack-plugin": "^2.2.0",
+    "url-loader": "^3.0.0",
+    "wait-on": "^3.3.0",
+    "webpack": "^4.41.4",
+    "webpack-cli": "^3.3.10",
+    "webpack-manifest-plugin": "^2.2.0"
+  },
+  "dependencies": {
+    "bulma": "^0.8.0",
+    "fast-memoize": "^2.5.1",
+    "hammerjs": "^2.0.8",
+    "intersection-observer": "^0.7.0",
+    "jquery": "^3.4.1",
+    "jquery-zoom": "^1.7.21",
+    "leaflet": "^1.6.0",
+    "leaflet-fullscreen": "^1.0.2",
+    "leaflet-iiif": "^3.0.0",
+    "leaflet-image": "^0.4.0",
+    "lodash": "^4.17.15",
+    "lodash.debounce": "^4.0.8",
+    "lodash.findindex": "^4.6.0",
+    "lunr": "^2.3.8",
+    "magnific-popup": "^1.1.0",
+    "material-icons": "^0.3.1",
+    "quicklink": "^1.0.1",
+    "smooth-scroll": "^16.1.0",
+    "template-polyfill": "^2.0.0",
+    "velocity-animate": "^1.5.2"
+  }
+}

package/bin/themes/default/source/css/application.scss

@@ -0,0 +1,30 @@
+// =============================================================================
+// Application.scss
+// -----------------------------------------------------------------------------
+@import "~bulma/sass/utilities/initial-variables";
+@import "fonts";
+@import "colors";
+@import "variables";
+
+// Bulma Overrides
+// -----------------------------------------------------------------------------
+// This Quire theme is built on the Bulma CSS framework (https://bulma.io/), the
+// following variables are standard in Bulma, but are also used in, and
+// in some cases modified for, Quire as well.
+$gap: 16px;
+$tablet: 500px;
+$desktop: 700px;
+$fullhd: 1344px + (2 * $gap);
+$widescreen: 1152px + (2 * $gap);
+$box-shadow: 0 2px 3px rgba($off-black, 0.1), 0 0 0;
+
+:root {
+  --gap: #{$gap};
+}
+
+@import "bulma-components";
+@import "utilities";
+@import "layout";
+@import "print";
+@import "components/all";
+

package/bin/themes/default/source/css/bulma-components.scss

@@ -0,0 +1,21 @@
+// Custom Bulma import rule
+
+// Individual imports for selective overrides
+@import "~bulma/sass/utilities/all";
+@import "~bulma/sass/base/all";
+@import "~bulma/sass/elements/box.sass";
+@import "~bulma/sass/elements/button.sass";
+@import "components/container"; // custom container component
+@import "~bulma/sass/elements/content.sass";
+@import "~bulma/sass/form/all";
+@import "~bulma/sass/elements/icon.sass";
+@import "~bulma/sass/elements/image.sass";
+@import "~bulma/sass/elements/notification.sass";
+@import "~bulma/sass/elements/progress.sass";
+@import "~bulma/sass/elements/table.sass";
+@import "~bulma/sass/elements/tag.sass";
+@import "~bulma/sass/elements/title.sass";
+@import "~bulma/sass/elements/other.sass";
+@import "~bulma/sass/components/all";
+@import "~bulma/sass/grid/all";
+@import "~bulma/sass/layout/all";

package/bin/themes/default/source/css/colors.scss

@@ -0,0 +1,16 @@
+// Colors
+// -----------------------------------------------------------------------------
+// Change the color variables once at the top, or change elements individually
+// below. Colors are typically Hex values, or one of 140 standard color names/
+
+$black: #000000;
+$off-black: #333333;
+$gray: #CCCCCC;
+$white: #ffffff;
+$off-white: #EEF2F3;
+$red: #CF4747;
+$blue: #6A8EB8;
+$light-yellow: #F9F9A3;
+$off-black-semi-transparent: rgba(0, 0, 0, .5);
+$black-semi-transparent: rgba(0, 0, 0, 0.75);
+$rich-black: cmyk(50%, 50%, 50%, 100%);

package/bin/themes/default/source/css/components/_all.scss

@@ -0,0 +1,15 @@
+@import "./quire-navbar";
+@import "./quire-menu";
+@import "./quire-search";
+@import "./quire-page";
+@import "./quire-cover";
+@import "./quire-contents-list";
+@import "./quire-figure";
+@import "./quire-entry";
+@import "./quire-citation";
+@import "./quire-copyright";
+@import "./quire-contributors";
+@import "./quire-map";
+@import "./quire-deepzoom";
+@import "./quire-popup";
+@import "./quire-buttons";

package/bin/themes/default/source/css/components/container.sass

@@ -0,0 +1,35 @@
+$gap: 16px !default
+$tablet: 500px !default
+$desktop: 700px !default
+$fullhd: 1344px + (2 * $gap) !default
+$widescreen: 1152px + (2 * $gap) !default
+
+.container
+  margin-left: $gap
+  margin-right: $gap
+  position: relative
+  &.is-fullhd
+    max-width: inherit
+    width: auto
+
+  +from($tablet)
+    margin-left: 0
+    margin-right: 0
+
+  +from($desktop)
+    margin: 0 auto
+    max-width: $desktop + (1.25 * $gap)
+    width: $desktop + (1.25 * $gap)
+    &.is-fluid
+      margin-left: 4 * $gap
+      margin-right: 4 * $gap
+      max-width: none
+      width: auto
+  +until($widescreen)
+    &.is-widescreen
+      max-width: $widescreen - (4 * $gap)
+      width: auto
+  +until($fullhd)
+    &.is-fullhd
+      max-width: $fullhd - (4 * $gap)
+      width: auto

package/bin/themes/default/source/css/components/quire-buttons.scss

@@ -0,0 +1,95 @@
+// =============================================================================
+// Quire-buttons.scss
+// -----------------------------------------------------------------------------
+//
+// Reusuable code for the prev/next buttons at the bottom of each page.
+
+// .quire-contents-buttons
+// -----------------------------------------------------------------------------
+.quire-contents-buttons {
+  width: 100%;
+  display: block;
+  text-align: center;
+  padding-bottom: 3em;
+  padding-top: 2em;
+  
+  &--fixed {
+    position: fixed; 
+    bottom: 30px; 
+    left: 0; 
+    right: 0;
+  }
+
+  li.quire-nav-button {
+    display: inline-block;
+    width: 9.25em;
+    height: 2.9em;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    -webkit-transition: all .25s ease;
+    transition: all .25s ease;
+    font-size: $quire-base-font-size;
+    border: 1px solid button-color($content-background-color);
+    color: button-color($content-background-color);
+
+    a {
+      display: inline-block;
+      width: 8.75em;
+      height: 3.25em;
+      margin-top: 0;
+      padding-top: .6em;
+      font-family: $quire-navigation-font;
+      font-size: $quire-base-font-size;
+    }
+
+    &.prev {
+      margin-left: 0;
+      margin-right: .55rem;
+      a {
+        color: button-color($secondary-background-color);
+        margin-right: .5rem;
+      }
+      svg {
+        fill: button-color($secondary-background-color);
+        margin-right: .5rem;
+      }
+    }
+
+    svg {
+      width: 1.25rem;
+      height: 1.25rem;
+      margin-left: -.25rem;
+      margin-bottom: .15rem;
+    }
+
+    .nav-title {
+      vertical-align: super;
+    }
+
+    &.next {
+      background-color: button-color($secondary-background-color);
+
+      svg {
+        fill: findColorInvert(button-color($secondary-background-color));
+      }
+      &:hover {
+        background-color: link-hover-color($secondary-background-color) !important;
+      }
+      a {
+        color: findColorInvert(button-color($secondary-background-color));
+      }
+    }
+
+    &:hover {
+      background-color: link-hover-color($secondary-background-color);
+      border-color: link-hover-color($secondary-background-color);
+      a {
+        color: findColorInvert($accent-color);
+      }
+      svg {
+        fill: findColorInvert($accent-color);
+      }
+    }
+  }
+}

package/bin/themes/default/source/css/components/quire-citation.scss

@@ -0,0 +1,77 @@
+// =============================================================================
+// Quire-citation.scss
+// -----------------------------------------------------------------------------
+
+// .quire-citation
+// -----------------------------------------------------------------------------
+.quire-citation {
+  position: relative;
+  text-indent: 0;
+  .quire-page__content .content blockquote & { font-style: normal; }
+  .quire-page__content .content blockquote & em { font-style: italic; }
+  &__button {
+    border: none;
+    padding: 0;
+    font-size: 1em;
+    background-color: inherit;
+    font-family: inherit;
+    color: inherit;
+    cursor: pointer;
+    @if $theme == classic {
+      border-bottom: 1px dotted background-color-text-classic($content-background-color);
+    } @else {
+      border-bottom: 1px dotted $accent-color;
+    }
+    @media print { border-bottom-width: 0; }
+    &.material-icons {
+      font-family: "Material Icons";
+      font-weight: 600;
+      margin-left: .125em;
+      @if $theme == classic {
+        @if (lightness($secondary-background-color) > 50) {
+          color: darken($secondary-background-color, 35%);
+        } @else {
+          color: $white;
+        }
+      } @else {
+        color: $accent-color;
+      }
+      border-bottom-width: 0;
+    }
+    &:hover {
+      color: link-hover-color($content-background-color) !important;
+      border-bottom: 1px solid link-hover-color($content-background-color);
+    }
+    &.material-icons:hover {
+      border-bottom-width: 0;
+    }
+    &:focus {
+      background-color: $quire-hover-color;
+    }
+    em, strong {
+      pointer-events: none;
+    }
+  }
+  .quire-citation__content {
+    font-size: 0.875em;
+    line-height: 1.5;
+    background-color: $white;
+    color: $off-black;
+    padding: 1rem;
+    position: absolute;
+    width: 400px;
+    z-index: 1;
+    bottom: 150%;
+    left: 50%;
+    transform: translateX(-200px);
+    -webkit-box-shadow: 0px 0px 6px 0px $black-semi-transparent;
+    -moz-box-shadow: 0px 0px 6px 0px $black-semi-transparent;
+    box-shadow: 0px 0px 6px 0px $black-semi-transparent;
+    animation: .25s ease-out 0s 1 fadeIn;
+    @media screen and (max-width: $desktop) {
+      width: 200px;
+      right: 0;
+      transform: translateX(-100px);
+    }
+  }
+}