npm - @data-visuals/create - Versions diffs - 6.2.2 → 7.1.2 - Mend

@data-visuals/create 6.2.2 → 7.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/package.json +1 -1
package/templates/__common__/app/styles/_typography.scss +4 -2
package/templates/__common__/config/tasks/graphics-meta.js +6 -1
package/templates/feature/app/templates/base-graphic.html +67 -0
package/templates/feature/app/templates/components/footer.html +3 -3
package/templates/feature/app/templates/graphic.html +47 -0
package/templates/feature/project.config.js +23 -0
package/templates/graphic/app/index.html +19 -25
package/templates/graphic/app/templates/base.html +14 -6
package/templates/graphic/app/{static.html → templates/graphic-static.html} +2 -0
package/templates/graphic/app/templates/graphic.html +44 -0
package/templates/graphic/graphics-meta.md +1 -0
package/templates/graphic/project.config.js +6 -8
package/CHANGELOG.md +0 -323

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@data-visuals/create",
-  "version": "6.2.2",
+  "version": "7.1.2",
   "description": "Create graphics and features the Data Visuals way.",
   "scripts": {
     "build:docs": "doctoc README.md --github",

package/templates/__common__/app/styles/_typography.scss CHANGED Viewed

@@ -130,8 +130,10 @@
   font-weight: $font-weight-bold;
   font-size: 1.4rem;
   line-height: $line-height-subtitle;
-  margin-top: 1em;
-  margin-bottom: 1em;
+  margin-bottom: 1em; // Ensures spacing below the <p> syncs up with font-size
+  margin-left: auto; // Centers <p> tag within max-width
+  margin-right: auto; // Centers <p> tag within max-width
+  margin-top: 1em; // Ensures spacing above the <p> syncs up with font-size
   max-width: 27em;
   @include mq($from: m) {

package/templates/__common__/config/tasks/graphics-meta.js CHANGED Viewed

@@ -122,7 +122,6 @@ const parseGraphic = async (
     lastBuildTime,
     folder,
     id,
-    tags,
     parserOptions,
   } = config;
@@ -157,6 +156,7 @@ const parseGraphic = async (
   const altText = await getText({ key: 'alt-text', page });
   const note = await getText({ key: 'note', page });
   const source = await getText({ key: 'source', page });
+  const tags = await (await getText({ key: 'tags', page })).split(',');
   let credits = await getText({ key: 'credit', page });
   // ignore graphics with no title
@@ -228,11 +228,16 @@ const parseGraphic = async (
 };
 module.exports = async localURL => {
+  const {
+    parserOptions,
+  } = config;
   // find all html pages in project
   const pages = await glob('**/*.html', {
     absolute: true,
     cwd: './.tmp',
     recursive: true,
+    ignore: parserOptions.metadataIgnore,
   });
   // spin up headless browser using local chrome

package/templates/feature/app/templates/base-graphic.html ADDED Viewed

@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>The Texas Tribune</title>
+  <base target='_parent'>
+  {% if graphicTitle %}
+    <meta name="tt-graphic-title" content="{{ graphicTitle }}" />
+  {% endif %}
+  {% if graphicAltText %}
+    <meta name="tt-graphic-alt-text" content="{{ graphicAltText }}" />
+  {% endif %}
+  {% if graphicCaption %}
+    <meta name="tt-graphic-caption" content="{{ graphicCaption }}" />
+  {% endif %}
+  {% if graphicNote %}
+    <meta name="tt-graphic-note" content="{{ graphicNote }}" />
+  {% endif %}
+  {% if graphicSource %}
+    <meta name="tt-graphic-source" content="{{ graphicSource }}" />
+  {% endif %}
+  {% if graphicCredit %}
+    <meta name="tt-graphic-credit" content="{{ graphicCredit }}" />
+  {% endif %}
+  {% if graphicTags %}
+    <meta name="tt-graphic-tags" content="{{ graphicTags or 'subject-politics' }}" />
+  {% endif %}
+  <link rel="dns-prefetch" href="https://www.google-analytics.com">
+  <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <!-- Start fonts -->
+  <script>
+  window.WebFontConfig = {
+  google: { families: ['Open Sans:300,400,700'] },
+  timeout: 10000,
+};
+</script>
+  <script async src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
+  <!-- End fonts -->
+  <link rel="stylesheet" href="{{ static('styles/main.css') }}">
+  {% if jsPackName %}
+    {% block head_scripts %}
+    {{ javascriptPack(jsPackName, { mjs: true }) }}
+    {% endblock head_scripts %}
+  {% endif %}
+</head>
+<body>
+{% block content %}{% endblock content %}
+{% block inline_data %}{% endblock inline_data %}
+{% include 'includes/nomodule-shim.html' %}
+{% if jsPackName %}
+  {% block scripts %}
+  {{ javascriptPack(jsPackName) }}
+  {% endblock scripts %}
+{% endif %}
+</body>
+</html>

package/templates/feature/app/templates/components/footer.html CHANGED Viewed

@@ -7,9 +7,9 @@
       <li class="footer-nav-item"><a class="footer-link" href="http://www.texastribune.org/about/">About Us</a></li>
       <li class="footer-nav-item"><a class="footer-link" href="http://www.texastribune.org/contact/">Contact Us</a></li>
       <li class="footer-nav-item"><a class="footer-link" href="http://www.texastribune.org/support-us/donors-and-members/">Who Funds Us?</a></li>
-      <li class="footer-nav-item"><a class="footer-link" href="http://www.texastribune.org/terms-of-service/">Terms of Service</a></li>
-      <li class="footer-nav-item"><a class="footer-link" href="http://www.texastribune.org/ethics/">Code of Ethics</a></li>
-      <li class="footer-nav-item"><a class="footer-link" href="http://www.texastribune.org/privacy/">Privacy Policy</a></li>
+      <li class="footer-nav-item"><a class="footer-link" href="http://www.texastribune.org/about/terms-of-service/">Terms of Service</a></li>
+      <li class="footer-nav-item"><a class="footer-link" href="http://www.texastribune.org/about/ethics/">Code of Ethics</a></li>
+      <li class="footer-nav-item"><a class="footer-link" href="http://www.texastribune.org/about/privacy-policy/">Privacy Policy</a></li>
       <li class="footer-nav-item"><a class="footer-link footer-link-donate" href="https://support.texastribune.org/">Donate</a></li>
     </ul>
   </div>

package/templates/feature/app/templates/graphic.html ADDED Viewed

@@ -0,0 +1,47 @@
+{# Template for any scripted graphics, i.e. D3 charts #}
+{% extends 'base-graphic.html' %}
+{% from 'macros/prose.html' import prose %}
+{# set pack that provides JS #}
+{% set jsPackName = 'main' %}
+{# data.text --> data/text.json #}
+{% set context = data.text %}
+{# data.data --> data/data.json #}
+{% set graphicData = data.data %}
+{# graphicAltText is used by the CMS for accessibility #}
+{% set graphicAltText = context.alttext %}
+{# graphics will be surfaced in the graphics plugin under these tags #}
+{% set graphicTags = context.guten_tags %}
+{% block content %}
+{# data-graphic signifies that this can be embedded in the CMS #}
+<div class="app" data-graphic>
+  {# data-title is used to grab the title in the CMS #}
+  <h1 class="graphic-title" data-title>{{ context.headline | widont }}</h1>
+  {# data-caption is used to grab the caption in the CMS #}
+  <span data-caption>{{ prose(context.graphic_prose, context, graphicData) }}</span>
+  {# container that JS is attached to #}
+  <div id="graphic" class="graphic"></div>
+  {# data-source, data-credit, and data-note are also used in the CMS #}
+  <ul class="graphic-footer">
+    {% if context.note %}<li data-note>Note: {{ context.note }}</li>{% endif %}
+    {% if context.source %}<li data-source>Source: {{ context.source }}</li>{% endif %}
+    {% if context.credit %}<li data-credit>Credit: {{ context.credit }}</li>{% endif %}
+  </ul>
+</div>
+{% endblock content %}
+{# set data/data.json as a window variable #}
+{% block inline_data %}
+{% if data.data %}
+<script>
+  window.DATA = {{ data.data|dump }};
+</script>
+{% endif %}
+{% endblock inline_data %}

package/templates/feature/project.config.js CHANGED Viewed

@@ -106,4 +106,27 @@ module.exports = {
    *
    */
   customFilters: {},
+  /**
+   * Where custom settings for parsing graphics can be added.
+   *
+   * metadataIgnore
+   * Add paths here that you do not want parsed for metadata and shown
+   * in the graphics plugin in the CMS.
+   *
+   * appleNewsIgnore
+   * Some graphics are too dynamic to be accurately captured in a screenshot.
+   * Those graphics shouldn't be considered for platforms like Apple News.
+   *
+   * Paths for metadataIgnore and appleNewsIgnore are relative to the build folders.
+   * Example:
+   * appleNewsIgnore: [
+   *  'complex-graphic-folder/index.html',
+   *  'some-other-folder',
+   * ],
+   *
+   */
+  parserOptions: {
+    metadataIgnore: [],
+    appleNewsIgnore: [],
+  },
 };

package/templates/graphic/app/index.html CHANGED Viewed

@@ -14,31 +14,25 @@
 {# graphicAltText is used by the CMS for accessibility #}
 {% set graphicAltText = context.alttext %}
-{% block content %}
-{# data-graphic signifies that this can be embedded in the CMS #}
-<div class="app" data-graphic>
-  {# data-title is used to grab the title in the CMS #}
-  <h1 class="graphic-title" data-title>{{ context.headline | widont }}</h1>
-  {# data-caption is used to grab the caption in the CMS #}
-  <span data-caption>{{ prose(context.prose, context, graphicData) }}</span>
-  {# container that JS is attached to #}
-  <div id="graphic" class="graphic"></div>
+{# graphics will be surfaced in the graphics plugin under these tags #}
+{% set graphicTags = context.guten_tags %}
-  {# data-source, data-credit, and data-note are also used in the CMS #}
-  <ul class="graphic-footer">
-    {% if context.note %}<li data-note>Note: {{ context.note }}</li>{% endif %}
-    {% if context.source %}<li data-source>Source: {{ context.source }}</li>{% endif %}
-    {% if context.credit %}<li data-credit>Credit: {{ context.credit }}</li>{% endif %}
-  </ul>
+{% block content %}
+<div class="app">
+  <h1 class="article-subheader">Welcome to The Texas Tribune's data visuals graphics kit!</h1>
+  <p class="copy">
+    Start creating graphics by copying <span class="font-weight-bold">graphic.html</span> and/or
+    <span class="font-weight-bold">graphic-static.html</span>, both located in the <span class="font-weight-bold">templates/</span>
+    folder, and pasting it in the <span class="font-weight-bold">app/</span> folder at the top level. You can make as many graphics as you need.
+    Feel free to rename the files!
+  </p>
+  <p class="copy"><span class="font-weight-bold">graphic.html</span> is set up for graphics involving JavaScript</p>
+  <p class="copy"><span class="font-weight-bold">graphic-static.html</span> is set up for static graphics (HTML tables, Adobe Illustrator graphics)</p>
+  <p class="copy">All of our graphics are set up to fetch text and other attributes from a Google Doc.
+  <a href="https://docs.google.com/document/d/1BKQy7bsteC7Od5Jgzt_PX8KRe0pD2Ba1LXEj02uWf4I/edit">Here's the template for that</a>.
+  You'll need to make a copy of this template and swap out the template's file ID with your copy's file ID in <span class="font-weight-bold">project.config.js</span>,
+  in the <span class="font-weight-bold">files</span> property. Then, run <span class="font-weight-bold">npm run data:fetch</span> and you'll see your text in the templates.</p>
+  <p class="copy">For more documentation on the kit, check out the <a href="https://github.com/texastribune/data-visuals-create">README</a> and our
+  <a href="https://github.com/texastribune/data-visuals-guides/blob/master/kit-setup.md#creating-a-feature-story">kit setup guide</a>.</p>
 </div>
 {% endblock content %}
-{# set data/data.json as a window variable #}
-{% block inline_data %}
-{% if data.data %}
-<script>
-  window.DATA = {{ data.data|dump }};
-</script>
-{% endif %}
-{% endblock inline_data %}

package/templates/graphic/app/templates/base.html CHANGED Viewed

@@ -25,6 +25,9 @@
   {% if graphicCredit %}
     <meta name="tt-graphic-credit" content="{{ graphicCredit }}" />
   {% endif %}
+  {% if graphicTags %}
+    <meta name="tt-graphic-tags" content="{{ graphicTags or 'subject-politics' }}" />
+  {% endif %}
   <link rel="dns-prefetch" href="https://www.google-analytics.com">
   <link rel="dns-prefetch" href="https://fonts.googleapis.com">
@@ -40,9 +43,12 @@
   <script async src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
   <!-- End fonts -->
   <link rel="stylesheet" href="{{ static('styles/main.css') }}">
-  {% block head_scripts %}
-  {{ javascriptPack(jsPackName, { mjs: true }) }}
-  {% endblock head_scripts %}
+  {% if jsPackName %}
+    {% block head_scripts %}
+    {{ javascriptPack(jsPackName, { mjs: true }) }}
+    {% endblock head_scripts %}
+  {% endif %}
 </head>
 <body>
@@ -52,8 +58,10 @@
 {% include 'includes/nomodule-shim.html' %}
-{% block scripts %}
-{{ javascriptPack(jsPackName) }}
-{% endblock scripts %}
+{% if jsPackName %}
+  {% block scripts %}
+  {{ javascriptPack(jsPackName) }}
+  {% endblock scripts %}
+{% endif %}
 </body>
 </html>

package/templates/graphic/app/{static.html → templates/graphic-static.html} RENAMED Viewed

@@ -20,6 +20,8 @@
 {% set graphicNote = context.note %}
 {% set graphicSource = context.source %}
 {% set graphicCredit = context.credit %}
+{# graphics will be surfaced in the graphics plugin under these tags #}
+{% set graphicTags = context.guten_tags %}
 {% block content %}
 {# data-graphic signifies that this can be embedded in the CMS #}

package/templates/graphic/app/templates/graphic.html ADDED Viewed

@@ -0,0 +1,44 @@
+{# Template for any scripted graphics, i.e. D3 charts #}
+{% extends 'base.html' %}
+{% from 'macros/prose.html' import prose %}
+{# set pack that provides JS #}
+{% set jsPackName = 'main' %}
+{# data.text --> data/text.json #}
+{% set context = data.text %}
+{# data.data --> data/data.json #}
+{% set graphicData = data.data %}
+{# graphicAltText is used by the CMS for accessibility #}
+{% set graphicAltText = context.alttext %}
+{% block content %}
+{# data-graphic signifies that this can be embedded in the CMS #}
+<div class="app" data-graphic>
+  {# data-title is used to grab the title in the CMS #}
+  <h1 class="graphic-title" data-title>{{ context.headline | widont }}</h1>
+  {# data-caption is used to grab the caption in the CMS #}
+  <span data-caption>{{ prose(context.prose, context, graphicData) }}</span>
+  {# container that JS is attached to #}
+  <div id="graphic" class="graphic"></div>
+  {# data-source, data-credit, and data-note are also used in the CMS #}
+  <ul class="graphic-footer">
+    {% if context.note %}<li data-note>Note: {{ context.note }}</li>{% endif %}
+    {% if context.source %}<li data-source>Source: {{ context.source }}</li>{% endif %}
+    {% if context.credit %}<li data-credit>Credit: {{ context.credit }}</li>{% endif %}
+  </ul>
+</div>
+{% endblock content %}
+{# set data/data.json as a window variable #}
+{% block inline_data %}
+{% if data.data %}
+<script>
+  window.DATA = {{ data.data|dump }};
+</script>
+{% endif %}
+{% endblock inline_data %}

package/templates/graphic/graphics-meta.md CHANGED Viewed

@@ -72,6 +72,7 @@ Project config keys output in `manifest.json`
 - `id`
 - `tags`
 - `parserOptions`
+  - `metadataIgnore` - This is an array of files or folders that should not be parsed for metadata and displayed in the CMS graphics plugin. For example, any graphics or features created for testing but are not publishable should be added here.
 	- `appleNewsIgnore` - This is an array of files or folders that should be flagged in the CMS as not compatible with Apple News. Use this for graphics that are too dynamic to be accurately captured in a screenshot.
 ### Sample `manifest.json` output

package/templates/graphic/project.config.js CHANGED Viewed

@@ -64,13 +64,6 @@ module.exports = {
       name: 'data',
     },
   ],
-  /**
-   * Tags that will be plugged in via the graphics plugin.
-   * This an array of each tag's slug, not the tag names.
-   * Refer to https://www.texastribune.org/admin/guten_tags/tag/ for our guten tag slugs.
-   * YOU CAN CHANGE THESE.
-   */
-  tags: ['subject-politics'],
   /**
    * The dataMutators option makes it possible to modify what's returned by
    * the data fetchers. This is a good place to restructure the raw data, or
@@ -116,11 +109,15 @@ module.exports = {
   /**
    * Where custom settings for parsing graphics can be added.
    *
+   * metadataIgnore
+   * Add paths here that you do not want parsed for metadata and shown
+   * in the graphics plugin in the CMS.
+   *
    * appleNewsIgnore
    * Some graphics are too dynamic to be accurately captured in a screenshot.
    * Those graphics shouldn't be considered for platforms like Apple News.
-   * Paths are relative to the build folders.
    *
+   * Paths for metadataIgnore and appleNewsIgnore are relative to the build folders.
    * Example:
    * appleNewsIgnore: [
    *  'complex-graphic-folder/index.html',
@@ -129,6 +126,7 @@ module.exports = {
    *
    */
   parserOptions: {
+    metadataIgnore: [],
     appleNewsIgnore: [],
   },
 };

package/CHANGELOG.md DELETED Viewed

@@ -1,323 +0,0 @@
-# Changelog
-All notable changes to this project will be documented in this file.
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
-and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-## Unreleased
-### Added
-### Changed
-### Removed
-### Fixed
-## [6.2.2] - 2021-09-15
-### Fixed
-- `README.md` - updated kit `npx` command for making graphics and features with `@latest` for npm and npx versions >= 7.0.0
-## [6.2.1] - 2021-09-15
-### Fixed
-- `templates/__common__/_package.json` - downgrade `assets-webpack-plugin` to 6.1.2, v7.0.0 requires webpackv5.0.0 as a peer dependency
-## [6.2.0] - 2021-09-09
-### Changed
-- `templates/__common__/config/tasks/graphics-meta.js`, `templates/__common__/utils/deployment/update-log-sheet.js` - change `description` to `alttext`
-- `templates/graphic/app/index.html`, `templates/graphic/app/static.html`, `templates/graphic/app/templates/base.html` - change `description` to `alttext` in HTML templates
-- `templates/graphic/graphics-meta.md` - change `description` to `alttext` in documentation
-## [6.1.0] - 2021-08-25
-### Changed
-- `templates/__common__/utils/deployment/update-log-sheet.js` - swap out log sheet for [new one](https://docs.google.com/spreadsheets/d/1hCP5zGx8dNxk59gI9wBSFY2juJVM8OFCDY45VnNb2nI/edit#gid=965603489) with complete metadata columns
-## [6.0.0] - 2021-08-12
-### Changed
-- `templates/__common__/utils/deployment/update-log-sheet.js` - write more metadata from `manifest.json` to the log sheet
-- `templates/__common__/utils/deployment/update-readme.js` - add bullets to links pasted to README
-- `templates/graphic/app/index.html`, `templates/graphic/app/static.html` - get alt-text from our [graphic ArchieML template](https://docs.google.com/document/d/1BKQy7bsteC7Od5Jgzt_PX8KRe0pD2Ba1LXEj02uWf4I/edit)
-## [5.0.1] - 2021-08-05
-## Fixed
-- `_common_/app/styles/_functions.scss`, `_common_/app/styles/utilities/_embed.scss` - replace `/` with `math.div` to address Dart Sass warnings #94
-## [5.0.0] - 2021-08-04
-### Changed
-- `package.json`, `package-lock.json` - bump `assets-webpack-plugin`, `googleapis`, `imagemin`, `imagemin-gifsicle`, `imagemin-jpegtran`, `imagemin-optipng` packages (major version bumps for `imagemin-gifsicle`, `imagemin-jpegtran`, `imagemin-optipng` require Node.js v10)
-## [4.0.2] - 2021-06-04
-### Changed
-- `package.json`, `package-lock.json` - bump `np` and `doctoc` packages
-## [4.0.1] - 2021-06-04
-### Removed
-- `templates/feature/app/scripts/kickstart.js` - remove trending bar from our feature pages because it was getting in the way of other designs
-## [4.0.0] - 2021-05-05
-### Changed
-- `templates/__common__/config/scripts/build.js` - add script to update the `lastBuildTime` in `build.js`
-- `templates/__common__/config/tasks/graphics-meta.js` - add more keys to manifest.json output; simplify warning logs; ignore graphics with no title
-- `templates/__common__/config/utils.js` - add a `logMessage` function for console logging with colors
-- `templates/feature/project.config.js` - add `lastBuildTime` field to feature config, change `slug` to `projectName`, add comments to clarify which properties should and should not be changed
-- `templates/graphic/project.config.js` - add `lastBuildTime` field to graphic config, change `slug` to `projectName`, add comments to clarify which properties should and should not be changed; update default tag to `subject-politics`
-- `bin/data-visuals-create`, `README.md`, `templates/__common__/_package.json`, `templates/__common__/utils/deployment/update-log-sheet.js` - change `slug` to `projectName` to avoid confusion with the slug in our project URL and what we add to the CMS
-- `templates/graphic/app/index.html`,  `templates/graphic/app/static.html`, `templates/graphic/app/templates/base.html` - add caption for graphic context and assume description is for accessibility
-- `templates/graphic/graphics-meta.md` - document the new caption field and rules
-### Added
-- `templates/__common__/config/tasks/last-build-time.js` - add script to parse the config file, update the `lastBuildTime` and write the file back to the filepath
-## [3.8.0] - 2021-04-20
-### Changed
-- `templates/__common__/config/tasks/graphics-meta.js` - Adds a graphic note to the manifest file. Also now logs a warning to the terminal if you don't update the tags in the project config.
-- ` templates/graphic/app/index.html`,
-`templates/graphic/app/static.html`,
-` templates/graphic/app/templates/base.html` - Adds all the proper template attributes to surface notes to the parsing task
-` templates/graphic/graphics-meta.md` - Documents the new key
-## [3.7.0] - 2021-03-16
-### Changed
-- `templates/graphic/project.config.js` - Adds new key for adding customization to the parsing step. For now the only one there is one to ignore Apple News for specified files. Adds some placeholder tags to tag our graphics also. (Tags will be included in the graphic metadata.)
-- `templates/__common__/_package.json` - Adds puppeteer and a new `npm run parse` step. Add `npm run parse` to `npm run build` so the parse step runs automatically on deploy.
-- `templates/graphic/README.md` - Adds default Chrome install path, required in the parse step.
-- `templates/graphic/app/templates/base.html` - New meta tags on graphics to be used internally.
-- `templates/graphic/app/index.html`, `templates/graphic/app/static.html` - Add variables to set for graphic metadata, plus data attributes that allow the parser to pull metadata from existing HTML as a fallback.
-### Added
-- ` templates/__common__/_.npmrc`- This tells puppeteer to skip downloading chrome each time we create a new project. Saves us some storage on our machines.
-- `templates/__common__/config/scripts/parse.js ` - Task runner that spins up a local server and kicks off the graphics-meta.js step.
-- `templates/__common__/config/tasks/graphics-meta.js `- The base for this whole process. At a high level, this will step through the whole project /dist folder and extract all the relevant metadata info we specify. This is also where we capture screenshots of graphics.
-How we generate graphic metadata is also documented in `templates/graphic/graphics-meta.md`.
-## [3.6.0] - 2021-01-21
-### Changed
-- `templates/feature/app/templates/includes/ldjson.html` - change some of our attributes in our structured data schema
-## [3.5.0] - 2021-01-12
-### Changed
-- `templates/__common__/utils/deployment/update-log-sheet.js` - change ID of the Google sheet to write our projects to
-## [3.4.0] - 2020-12-22
-### Changed
-- `package.json` - bump `np` to v7.0.0
-- `templates/feature/app/scripts/utils/ad-loader.js` - set correct ad tags for roofline and footer ads
-- `templates/feature/app/styles/main-queso.scss`, `templates/feature/app/styles/main.scss` - add chart and graphic CSS by default
-- `templates/feature/app/templates/macros/processors-queso.html`, `templates/feature/app/templates/macros/processors.html` - add option to ad to set it as a roofline or footer ad
-- `templates/feature/app/index.html`, `templates/feature/app/index-queso.html` - add footer option to ad to set ad tag
-## [3.3.0] - 2020-11-19
-### Changed
-- `templates/graphic/project.config.js`, `templates/feature/project.config.js` - comment the slug and folder variables (folder variable should be changed when the URL slug is changed)
-- `templates/feature/app/index-queso.html` - change `{{ context.title }}` to `{{ context.headline }}`, add HTML to include publish and update dates
-- `templates/feature/app/index.html`, `templates/feature/project.config.js`, `templates/graphic/app/index.html`, `templates/graphic/app/static.html` - change `{{ context.title }}` to `{{ context.headline }}`
-- `templates/feature/app/templates/components/simple-masthead.html`,
-`templates/feature/app/templates/includes/logo.html` - change 10th anniversary logo back to original TT logo
-- `templates/__common__/app/styles/_typography-queso.scss` - add t-subheader styling
-### Added
-- `templates/__common__/app/templates/macros/prose-queso.html`, `templates/feature/app/templates/macros/processors-queso.html` - added prose and processors with queso styling
-### Fixed
-- `templates/feature/app/index-queso.html`, `templates/feature/app/index.html` - add widont to headline
-## [3.2.0] - 2020-09-15
-### Changed
-- `templates/__common__/config/tasks/nunjucks.js` - added getAuthor() and getAuthorLink() to extract author name and author link for structured data schema
-- `templates/feature/app/templates/includes/ldjson.html` - add new structured data attributes
-## [3.1.0] - 2020-09-02
-### Added
-- `templates/feature/app/styles/components/_navbar.scss` - added masthead title to the nav bar component in the `index-queso.html` template
-- `templates/feature/app/templates/components/navbar.html` - added additional styling for the masthead title
-### Fixed
-- `config/tasks/serve.js` - Adds an extra reload to refresh the page. When you first run npm run start there's a blip of no CSS while the CSS cleanup step runs. This will refresh again after that's finished so that console error referring to that missing CSS clears.
-- `config/tasks/unused-css.js` - Generalizes the gobbing pattern to capture more types of script files and in any folder. Previously CSS classes referenced in JS files weren't making it to the extra-minified CSS file, which is set up to only include classes used in the project.
-## [3.0.0] - 2020-08-25
-### Changed
-- `templates/feature/project.config.js` - change destination s3 bucket on deploy
-### Fixed
-- `package-lock.json` - bump version of `np` package to resolve security vulnerability
-## [2.8.1] - 2020-07-20
-### Fixed
-- `package-lock.json` - bump lodash from 4.17.15 to 4.17.19
-## [2.8.0] - 2020-07-20
-### Added
-- `/feature/app/index-queso.html` - Starter template for queso CSS framework
-- `/feature/app/styles/main-queso.scss` - Starter styles for CSS framework
-- `/__common__/app/styles/_typography-queso.scss` - Extra typography styles not accounted for in queso-ui and data viz specific overrides of existing helpers. Appended `-queso` as to not be confused with current _typography.scss
-- `/feature/app/styles/components/_navbar.scss` - Overrides for queso navbar
-- `feature/app/styles/layout/_container.scss` - Additional container classes
-- `/feature/app/templates/components/navbar.html` - Standard navbar component (used on TT)
-- `/feature/app/templates/components/share.html` - Standard share component (used on TT)
-- `/feature/app/templates/includes/logo.html` - Standard logo include (used on TT)
-### Changed
-- `_package.json` - Added queso dependency
-- `_variables.scss` - Added variables required for queso
-- `/feature/app/scripts/components/RelatedContent.js` and `/feature/app/scripts/components/Story.js` - Sprinkled in queso helpers (to be compatible in either starter template)
-- `/feature/app/styles/components/_ads.scss` - Updated teal to match TT site (it's a random darkened-teal for accessibility)
-- `/feature/app/styles/main.scss` - Removed sass-mq because it comes with the queso imports and added just the base queso variables and tools. This doesn't actually add any CSS so it's helpful if you ever want to include queso helpers in this file in your project.
-- `/feature/app/templates/base.html` - Added more blocks so that the queso starter template could vary in those parts. Example: Google fonts isn't needed in the queso started so we override that with an empty block.
-## [2.7.2] - 2020-07-01
-### Added
-- `templates/feature/app/scripts/packs/graphic.js` - add useful functions to JS for graphics (functions were already available in feature JS)
-### Fixed
-- `templates/feature/app/templates/includes/ldjson.html` - check for `updated` or `update date` so the tracker shows up in search on updates, add `author` field
-## [2.7.1] - 2020-07-01
-### Added
-- `templates/__common__/app/styles/_typography.scss` - add styling for update date #44
-### Changed
-- `templates/feature/app/index.html` - add HTML to handle update date and pub date #44
-### Fixed
-- `templates/feature/app/scripts/utils/feeds.js` - switch v1 API urls to v2 API urls #6
-- `templates/feature/app/scripts/components/Story.js` - switch out properties to match v2 API urls #6
-## [2.7.0] - 2020-07-01
-### Added
-- `templates/__common__/config/tasks/templates.js` - add renderStringWithNunjucks() filter to process data variables pulled in from a Google Doc #46
-- `templates/graphic/app/templates/macros/processors.html`, `templates/feature/app/templates/macros/processors.html` - separate processors files for graphics and features, add renderStringWithNunjucks() filter to macros #46
-### Changed
-- `templates/feature/app/index.html` - set featureData variable to store data
-- `templates/graphic/app/index.html`, `templates/graphic/app/static.html` - set graphicData variable to store data, render graphic prose with prose macro so we can add data variables
-### Removed
-- `templates/__common__/app/templates/macros/processors.html` - remove common processors file
-## [2.6.0] - 2020-05-08
-### Added
-- `templates/__common__/config/tasks/unused-css.js` - A step that looks at the CSS file linked in any .html file, parses that CSS, and writes new CSS based only on what the HTML needs through the magic of this wonderful tool, [purgecss](https://github.com/FullHuman/purgecss)
-### Changed
-- `templates/__common__/config/scripts/build.js` - This cleanup step will now run right after the HTML of the templates compile and before the file revving step
-- `templates/__common__/config/tasks/serve.js` - New watchers added mostly in the build output folder to re-run the CSS cleanup step after the build
-- `templates/__common__/_package.json` - Adds purgecss as a dev dependency
-## [2.5.3] - 2020-04-21
-### Added
-- `_variables.scss` - add elections color palette
-- `deploy.js` - add reminder to check social media for features and fetch the latest data
-- `README.md` - update feature README with more publication reminders
-## [2.4.3] - 2020-02-11
-### Fixed
-- `package.json` - removed `npm run assets:pull` from the `predeploy` command #39
-## [2.4.2] - 2020-01-15
-### Changed
-- `package.json` - pull assets and push to workspace on predeploy, which is run automatically before deploy #31
-- `feature/app/styles/components/_related-content.scss`, `feature/app/styles/components/_ads.scss`,
-`processors.html` - update appearance of ads
-- `graphic/README.md, feature/README.md` - added project launch checklist
-## [2.4.1]
-### Changed
-- `update-log-sheet.js` - change sheet to new 2020 data visuals work sheet
-## [2.4.0]
-### Added
-- `_polls.scss`, `_variables.scss`, `_graphic.scss`, `mixins/_grid.scss` — add styles needed for poll graphics
-- `templates.js`, `nunjucks.js` — add helpers needed for poll graphics
-## [2.3.2] - 2019-11-26
-### Changed
-- `graphic/app/scripts/embeds/frames.js` - don't pass debounced function to resize listener, simplify code #29
-## [2.3.1] - 2019-11-15
-### Fixed
-- `deploy.js` - add property to iframe sandbox so user can click to other pages #25
-- `project.config.js` - change default archieML doc to be the one we actually use #26
-- `update-log-sheet.js` - add year to repo name for `newsapps-dailies` graphics (post reorganization of our dailies)
-## [2.3.0] - 2019-10-28
-### Changed
-- `feature/app/templates/components/simple-masthead.html` - switch out normal logo for 10th anniversary logo
-## [2.2.1] - 2019-10-22
-### Fixed
-- `__common__/utils/deployment/update-log-sheet.js` - handle cases when there are no files specified in the config file
-## [2.2.0] - 2019-10-17
-### Added
-- `__common__/app/templates/macros/processors.html` - add ad macro to processors file #16
-- `feature/app/scripts/packs/graphic.js` - add graphic pack for code in a feature with resize() function #22
-### Changed
-- `feature/app/index.html` - import ad from processors file #16
-- `feature/app/scripts/packs/main.js` - import new graphic pack
-- `graphic/app/scripts/packs/graphic.js` - fixed data path
-### Removed
-- `feature/app/templates/macros/ads.html` - remove special ad macro from feature #16
-## [2.1.0] - 2019-10-17
-### Changed
-- `_common_/utils/deployment/deploy.js` - change deploy function to update log sheet and README #20
-- `_common_/utils/fetch/authorize.js`- change SCOPES to include write permissions #20
-- `project.config.js` for graphics and features - add `createDate` and `slug` property
-### Added
-- `_common_/utils/deployment/update-log-sheet.js` - add utility file for adding to data visuals log sheet #20
-- `_common_/utils/deployment/update-readme.js` - add utility file for adding links to README #20
-## [2.0.0] - 2019-09-25
-### Added
-- `graphic/app/styles/raw-plugin-styles.html` - add styles snippet that goes into the CSS content section of Raw Plugins
-- `graphic/app/static.html` - template for non-scripted graphics
-- `graphic/app/scripts/static.js` - pack for non-scripted graphics
-### Changed
-- Switched from using Pym to `frames` library #17
-### Removed
-- `graphic/app/scripts/embeds/pym.js`
-## [1.2.0] - 2019-09-19
-### Fixed
-- Fixed security vulnerability introduced by `lodash` #10
-### Added
-- Added `widont` tag to graphic and feature templates #11
-- Added a CHANGELOG #13
-- Added a subheader example to the feature template #14
-- Added a subheader macro #14
-- Added styling for a subheader #14
-## [1.1.1] - 2019-05-08
-* Change GA event tags
-## [1.1.0] - 2019-04-03
-- Redundant ternary  a828d34
-- Better default doc and sheet examples  b8abc16
-- Merge branch 'master' into develop  d82ebed
-- Make https serving an option set with an env variable  1310cdb
-https://github.com/texastribune/data-visuals-create/compare/1.0.1...1.1.0
-## [1.0.1] - 2019-03-20
-- Fix bug in doc-to-archieml parser with lists  6717876
-- Update Getting started with right path  5d24a29
-https://github.com/texastribune/data-visuals-create/compare/1.0.0...1.0.1
-## [1.0.0] - 2019-03-05
-## [1.0.0-alpha] - 2019-02-27
-## [0.36.0] - 2019-02-19
-## [0.35.0] - 2019-01-29
-## [0.34.1] - 2019-01-14
-## [0.34.0] - 2019-01-11
-## [0.33.0] - 2018-12-04