Merge pull request #15 from uswds/dw-11ty-and-uswds-3

Use 11ty and USWDS 3

Author: thisisdano

.eleventy.js

@@ -0,0 +1,19 @@
+module.exports = function (eleventyConfig) {
+  eleventyConfig.addPassthroughCopy("assets");
+  let pathPrefix = "/";
+
+  if (process.env.BASEURL) {
+    pathPrefix = process.env.BASEURL;
+  }
+
+  return {
+    pathPrefix: pathPrefix,
+    templateFormats: ["md", "njk", "html", "liquid"],
+    markdownTemplateEngine: "liquid",
+    htmlTemplateEngine: "liquid",
+    dir: {
+      layouts: "_layouts",
+      data: "_data",
+    },
+  };
+};

.eleventyignore

@@ -0,0 +1,3 @@
+README.md
+LICENSE.md
+_drafts/

.gitignore

@@ -1,8 +1,6 @@
 _site
 .sass-cache
-.jekyll-metadata
 assets/uswds
 node_modules
 .gz
 .DS_Store
-.jekyll-cache

.nvmrc

@@ -1 +1 @@
-16
+18

.ruby-version

@@ -1,38 +1,39 @@
 # USWDS Tutorial
+
 A tutorial project to learn about installing, compiling, and customizing with USWDS.
 
 ## Requirements
-- Node v16
-- Ruby v3.0.2
+
+- Node v18
 - Git
 - Access to a terminal application
 - A text editor
 - A modern web browser
 
 ## Installation
+
 1. Clone the tutorial repo, either in the terminal or with GitHub's `Use this template` button near the top of the page. **We recommend using the terminal and the command line.** If you choose to clone using the terminal, open a terminal window, navigate to the directory where you'd like to put the `uswds-tutorial` directory and run:
-    ```
+
+    ```bash
     git clone https://github.com/uswds/uswds-tutorial.git
     ```
 
     This will create a `uswds-tutorial` directory with the tutorial files inside. Navigate to this new directory:
 
-    ```
+    ```bash
     cd uswds-tutorial
     ```
 
 1. Install the project dependencies:
 
-    ```
+    ```bash
     npm install
     ```
 
 1. Start the tutorial server:
 
-    ```
+    ```bash
     npm start
     ```
 
-1. Once the server is running, head to [http://localhost:4000/](http://localhost:4000/) and follow the directions on the page!
-
-
+1. Once the server is running, head to [http://localhost:8080/](http://localhost:8080/) and follow the directions on the page!

Gemfile

@@ -2,9 +2,9 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | strip | truncate: 160 | escape }}">
   <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link rel="stylesheet" href="{{ '/assets/css/open-props.css' | relative_url }}">
-  <link rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}">
+  <link rel="stylesheet" href="{{ '/assets/css/open-props.css'| url }}">
+  <link rel="stylesheet" href="{{ '/assets/css/styles.css'| url }}">
 </head>