added zip of Luna images

btholt · btholt · commit f63eb63c69a8 · 2018-11-07T23:22:16.000-06:00
diff --git a/.gitignore b/.gitignore
@@ -8,3 +8,4 @@ public/
 yarn-error.log
 mole.zip
 fox.zip
+luna.zip
diff --git a/lessons/interactive.md b/lessons/interactive.md
@@ -6,6 +6,8 @@ order: 16
 
 Let's make a photo gallery. We have a bunch of cute dog photos (of my beloved pupper, Luna) that we want to show one at a time. So, using CSS and JavaScript together, how could we do that?
 
+[Here are some images of my dog][luna] if you need images, otherwise feel free to use whatever images you want!
+
 Make a file called index.html, and put this in it:
 
 ```htm
@@ -301,7 +303,7 @@ When you pull code off sites like this, you should make a decent attempt to lear
 If you want to, you can totally swap an image in there too. Change your nav to look like this:
 
 ```htm
-<nav class="main-nav"><img class="brand" alt="logo" src="./bh.png" /></nav>
+<nav class="main-nav"><img class="brand" alt="logo" src="./images/bh.png" /></nav>
 ```
 
 and this to your CSS
@@ -323,7 +325,7 @@ and this to your CSS
 
 Take your exisitng portfolio and add some sort of animation to it or add a photo gallery, either using Swiper or the one you wrote personally!
 
-[photos]: ./luna-pics.zip
+[luna]: ./luna.zip
 [my-version]: ./gallery/index.html
 [my-version-2]: ./gallery/with-libraries.html
 [api]: http://idangero.us/swiper/api/#parameters
diff --git a/package.json b/package.json
@@ -32,7 +32,8 @@
     "build:static": "gatsby build --prefix-paths",
     "build:zip:fox": "bestzip static/fox.zip static/fox-pet/",
     "build:zip:mole": "bestzip static/mole.zip static/mole-game/",
-    "build:zip": "run-p build:zip:mole build:zip:fox",
+    "build:zip:luna": "bestzip static/luna.zip static/gallery/images/",
+    "build:zip": "run-p build:zip:mole build:zip:fox build:zip:luna",
     "build": "run-s build:zip build:static",
     "dev": "gatsby develop",
     "format": "prettier --write \"src/**/*.{js,jsx,md,css}\"",
diff --git a/static/gallery/images/bh.png b/static/gallery/images/bh.png
diff --git a/static/gallery/with-libraries.html b/static/gallery/with-libraries.html
@@ -12,7 +12,9 @@
     <link rel="stylesheet" href="./styles.css" />
   </head>
   <body>
-    <nav class="main-nav"><img class="brand" alt="logo" src="./bh.png" /></nav>
+    <nav class="main-nav">
+      <img class="brand" alt="logo" src="./images/bh.png" />
+    </nav>
     <div class="swiper-container">
       <div class="swiper-wrapper">
         <div class="swiper-slide"><img src="./images/1.jpg" alt="Luna" /></div>
