From 9ca67793882da41f67fa1ab8d117afe62d36423a Mon Sep 17 00:00:00 2001
From: Spencer Flagg <work@spencerflagg.com>
Date: Sat, 22 Oct 2022 18:17:56 +0200
Subject: [PATCH] added initial slash to image paths and disabled image
 compression to test on ios

---
 .eleventy.js                                  |  9 ++----
 .../components/landing/be-your-own.njk        |  2 +-
 src/_includes/components/landing/bitcoin.njk  |  2 +-
 src/_includes/components/landing/dev.njk      |  2 +-
 src/_includes/components/landing/hero.njk     |  4 +--
 src/_includes/components/landing/products.njk |  4 +--
 src/_includes/components/landing/support.njk  |  4 +--
 src/_includes/components/landing/why.njk      |  4 +--
 src/about.njk                                 | 28 +++++++++----------
 src/assets/js/landing.js                      |  1 -
 src/contact.njk                               |  4 +--
 src/dev.njk                                   |  4 +--
 src/jobs.njk                                  |  4 +--
 src/news.njk                                  |  4 +--
 src/privacy.njk                               |  4 +--
 15 files changed, 37 insertions(+), 43 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index 02112e0..14f2c76 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -22,13 +22,8 @@ module.exports = function (eleventyConfig) {
 
   eleventyConfig.addPassthroughCopy('src/assets/fonts');
   eleventyConfig.addPassthroughCopy("./src/assets/js");
-  // eleventyConfig.addPassthroughCopy('src/assets/images/**/*.png');
-  // eleventyConfig.addPassthroughCopy('src/assets/images/**/*.svg');
-  eleventyConfig.addPassthroughCopy('src/assets/images/**/*.jpg');
-  // eleventyConfig.addPassthroughCopy('src/assets/images/**/*.gif');
 
-
-  if (true) {//(process.env.ELEVENTY_ENV === "production") {
+  if (process.env.ELEVENTY_ENV === "production") {
     eleventyConfig.addPlugin(img2picture, {
       // Should be same as Eleventy input folder set using `dir.input`.
       eleventyInputDir: "src",
@@ -43,7 +38,7 @@ module.exports = function (eleventyConfig) {
     });
   } else {
     // During development, copy the files to Eleventy's `dir.output`
-    eleventyConfig.addPassthroughCopy("_site/assets/images");
+    eleventyConfig.addPassthroughCopy('./src/assets/images/');
   }
 
   //plugins
diff --git a/src/_includes/components/landing/be-your-own.njk b/src/_includes/components/landing/be-your-own.njk
index 7388071..a71859d 100644
--- a/src/_includes/components/landing/be-your-own.njk
+++ b/src/_includes/components/landing/be-your-own.njk
@@ -23,7 +23,7 @@
                         {% if pseudoservice.slug in service.pseudoservices %}
                             <div class="service__content" >
                                 <a class="service__link" href="https://marketplace.start9.com/{{service.slug}}" target="_blank" rel="noopener noreferrer">
-                                    <img class="service__image service__image--{{ service.slug }}" src="assets/images/service-icons/{{ service.slug }}.png" alt="{{ service.name }} embassyOS service icon" title="{{ service.name }} embassyOS service icon"
+                                    <img class="service__image service__image--{{ service.slug }}" src="/assets/images/service-icons/{{ service.slug }}.png" alt="{{ service.name }} embassyOS service icon" title="{{ service.name }} embassyOS service icon"
                                     style="filter: drop-shadow(0px 0px 3rem {{ service.color }}C0)"/>
                                     <div class="service__info">
                                         <h3 class="service__name">{{ service.name }}</h3>
diff --git a/src/_includes/components/landing/bitcoin.njk b/src/_includes/components/landing/bitcoin.njk
index 89c39bc..1257ace 100644
--- a/src/_includes/components/landing/bitcoin.njk
+++ b/src/_includes/components/landing/bitcoin.njk
@@ -20,7 +20,7 @@
                 {% if (category == "bitcoin") or (category == "lightning") or (category == "plebnet-tools") %}
                     <img
                         class="service-icon service-icon--{{ service.slug }}"
-                        src="assets/images/service-icons/{{ service.slug }}.png"
+                        src="/assets/images/service-icons/{{ service.slug }}.png"
                         alt="{{ service.name }} embassyOS service icon"
                         alt="{{ service.name }} embassyOS service icon"/>
                 {% endif %}
diff --git a/src/_includes/components/landing/dev.njk b/src/_includes/components/landing/dev.njk
index 9239cde..b1aaf41 100644
--- a/src/_includes/components/landing/dev.njk
+++ b/src/_includes/components/landing/dev.njk
@@ -14,7 +14,7 @@
             </div>
         </div>
         <div class="col hide-on-mobile">
-            <div class="code-wrapper"><img src="assets/images/dockerfile.png" alt="screenshot of dockerfile" title="screenshot of dockerfile"></div>
+            <div class="code-wrapper"><img src="/assets/images/dockerfile.png" alt="screenshot of dockerfile" title="screenshot of dockerfile"></div>
         </div>
     </div>
 </section>
\ No newline at end of file
diff --git a/src/_includes/components/landing/hero.njk b/src/_includes/components/landing/hero.njk
index d06de1f..5e6d2b3 100644
--- a/src/_includes/components/landing/hero.njk
+++ b/src/_includes/components/landing/hero.njk
@@ -1,7 +1,7 @@
 <section id="hero">
     <div id="hero-image">
-        <img src="assets/images/explosion.png" alt="start9 hero; voxel explosion" title="start9 hero; voxel explosion">
-        <img as="image" class="img-shadow" src="assets/images/explosion.png" alt="">
+        <img src="/assets/images/explosion.png" alt="start9 hero; voxel explosion" title="start9 hero; voxel explosion">
+        <img as="image" class="img-shadow" src="/assets/images/explosion.png" alt="">
     </div>
     <div id="logo">
         {% include "svgs/logo.svg" %}
diff --git a/src/_includes/components/landing/products.njk b/src/_includes/components/landing/products.njk
index f93b5fd..bcf8880 100644
--- a/src/_includes/components/landing/products.njk
+++ b/src/_includes/components/landing/products.njk
@@ -1,8 +1,8 @@
 <section id="products">
         <div class="subsection subsection--buy panel--shadow">
             <a class="product product--buy" href="{{ site.products.buyUrl }}">
-                <img class="product__buy-image" src="assets/images/embassy-pro-sketch.png" alt="prefab embassy, represented in voxels" title="prefab embassy, represented in voxels">
-                <img class="img-shadow" src="assets/images/embassy-pro-sketch.png" alt="">
+                <img class="product__buy-image" src="/assets/images/embassy-pro-sketch.png" alt="prefab embassy, represented in voxels" title="prefab embassy, represented in voxels">
+                <img class="img-shadow" src="/assets/images/embassy-pro-sketch.png" alt="">
                 <div class="heading">
                     <h1 class="product__header">buy</h1>
                     <span class="product__subheader">your embassy</span>
diff --git a/src/_includes/components/landing/support.njk b/src/_includes/components/landing/support.njk
index f07a162..d3ade79 100644
--- a/src/_includes/components/landing/support.njk
+++ b/src/_includes/components/landing/support.njk
@@ -15,8 +15,8 @@
     </div>
     <div class="col">
       <div class="image-with-shadow">
-        <img src="assets/images/support-header.png" alt="life preserver icon" title="life preserver icon">
-        <img class="img-shadow" src="assets/images/support-header.png" alt=""></div>
+        <img src="/assets/images/support-header.png" alt="life preserver icon" title="life preserver icon">
+        <img class="img-shadow" src="/assets/images/support-header.png" alt=""></div>
     </div>
   </div>
   <a class="btn" href="{{ site.support.url }}">meet the team</a>
diff --git a/src/_includes/components/landing/why.njk b/src/_includes/components/landing/why.njk
index cde9fb3..c96df01 100644
--- a/src/_includes/components/landing/why.njk
+++ b/src/_includes/components/landing/why.njk
@@ -6,7 +6,7 @@
                 <p>Right now, your favorite apps send your personal data off to live on a server somewhere else - where it can be analyzed, censored, sold or worse.</p>
             </div>
             <div class="path-node path-node-img">
-                <img src="assets/images/big-tech-theft.gif" alt="">
+                <img src="/assets/images/big-tech-theft.gif" alt="">
             </div>
         </div>
         <div class="row">
@@ -14,7 +14,7 @@
                 <p>But when you run your own server, you control your data. Your data never has to leave the privacy of your own home.</p>
             </div>
             <div class="path-node path-node-img">
-                <img src="assets/images/big-tech-fail.gif" alt="">
+                <img src="/assets/images/big-tech-fail.gif" alt="">
             </div>
         </div>
     </div>
diff --git a/src/about.njk b/src/about.njk
index c0c3e87..f541111 100644
--- a/src/about.njk
+++ b/src/about.njk
@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
 
 <section id="hero" class="hero--about">
     <div id="hero-image">
-        <img src="assets/images/about-hero.png" alt="about page hero image: a robot emerging from the embasssy" title="about page hero image: a robot emerging from the embasssy"/>
-        <img class="img-shadow" src="assets/images/about-hero.png" alt=""/>
+        <img src="/assets/images/about-hero.png" alt="about page hero image: a robot emerging from the embasssy" title="about page hero image: a robot emerging from the embasssy"/>
+        <img class="img-shadow" src="/assets/images/about-hero.png" alt=""/>
     </div>
     <div id="logo">
         <h1>
@@ -48,13 +48,13 @@ layout: layouts/peripheral.njk
     <h2>Mission</h2>
     <div class="section__double-image">
         <div class="section__image section__image--left">
-            <img src="assets/images/mission-left-header.png" alt="mission section hero: a rocketship trail" title="mission section hero: a rocketship trail"/>
-            <img class="img-shadow" src="assets/images/mission-left-header.png" alt=""/>
+            <img src="/assets/images/mission-left-header.png" alt="mission section hero: a rocketship trail" title="mission section hero: a rocketship trail"/>
+            <img class="img-shadow" src="/assets/images/mission-left-header.png" alt=""/>
         </div>
         <h3>To eliminate the need for trusted third parties in the human/computer relationship.</h3>
         <div class="section__image section__image--right">
-            <img src="assets/images/mission-right-header.png" alt="mission section hero: a rocketship with trail" title="mission section hero: a rocketship with trail"/>
-            <img class="img-shadow" src="assets/images/mission-right-header.png" alt=""/>
+            <img src="/assets/images/mission-right-header.png" alt="mission section hero: a rocketship with trail" title="mission section hero: a rocketship with trail"/>
+            <img class="img-shadow" src="/assets/images/mission-right-header.png" alt=""/>
         </div>
     </div>
     {# <img src="" alt="" class="section__img section__img--bkg"/> #}
@@ -62,8 +62,8 @@ layout: layouts/peripheral.njk
 <section id="values">
     <h2>Values</h2>
     <div class="section__image">
-        <img src="assets/images/values-header.png" alt="values section hero: an eye with a slash through it" title="values section hero: an eye with a slash through it"/>
-        <img class="img-shadow" src="assets/images/values-header.png" alt=""/>
+        <img src="/assets/images/values-header.png" alt="values section hero: an eye with a slash through it" title="values section hero: an eye with a slash through it"/>
+        <img class="img-shadow" src="/assets/images/values-header.png" alt=""/>
     </div>
     <p>
         <strong>This list of values is not comprehensive. It does not encapsulate all the values of all the members of Start9.
@@ -92,8 +92,8 @@ layout: layouts/peripheral.njk
 <section id="virtues">
     <h2>Virtues</h2>
     <div class="section__image">
-        <img src="assets/images/virtues-header.png" alt="virtues section hero: a sunrise between mountains" title="virtues section hero: a sunrise between mountains"/>
-        <img class="img-shadow" src="assets/images/virtues-header.png" alt=""/>
+        <img src="/assets/images/virtues-header.png" alt="virtues section hero: a sunrise between mountains" title="virtues section hero: a sunrise between mountains"/>
+        <img class="img-shadow" src="/assets/images/virtues-header.png" alt=""/>
     </div>
     <p>
         <strong>Below are the virtues or qualities of character needed to achieve our values and accomplish our mission.</strong>
@@ -117,8 +117,8 @@ layout: layouts/peripheral.njk
 <section id="origin">
     <h2>Origin Story</h2>
     <div class="section__image">
-        <img src="assets/images/origin-header.png" alt="origin section hero: pikachu" title="origin section hero: pikachu"/>
-        <img class="img-shadow" src="assets/images/origin-header.png" alt=""/>
+        <img src="/assets/images/origin-header.png" alt="origin section hero: pikachu" title="origin section hero: pikachu"/>
+        <img class="img-shadow" src="/assets/images/origin-header.png" alt=""/>
     </div>
     <p>
         <strong>Pokemon is a game for Gameboy.</strong>
@@ -165,8 +165,8 @@ layout: layouts/peripheral.njk
 <section id="team">
     <h2>Our Team</h2>
     <div class="section__image">
-        <img src="assets/images/team-header.png" alt="team section hero: robots being printed" title="team section hero: robots being printed"/>
-        <img class="img-shadow" src="assets/images/team-header.png" alt=""/>
+        <img src="/assets/images/team-header.png" alt="team section hero: robots being printed" title="team section hero: robots being printed"/>
+        <img class="img-shadow" src="/assets/images/team-header.png" alt=""/>
     </div>
 
     <ul class="members">
diff --git a/src/assets/js/landing.js b/src/assets/js/landing.js
index 2320774..9ba8c9b 100644
--- a/src/assets/js/landing.js
+++ b/src/assets/js/landing.js
@@ -18,7 +18,6 @@ var resizeTimeout = setTimeout(onResizeComplete, 400);
 window.onresize = function () {
   clearTimeout(resizeTimeout);
   resizeTimeout = setTimeout(onResizeComplete, 400);
-  console.log("onresize");
 };
 
 
diff --git a/src/contact.njk b/src/contact.njk
index 545b56e..4a2885b 100644
--- a/src/contact.njk
+++ b/src/contact.njk
@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
 
 <section id="hero">
     <div id="hero-image">
-        <img src="assets/images/contact-hero.png" alt="contact page hero: @ symbol emerging from an embassy" title="contact page hero: @ symbol emerging from an embassy"/>
-        <img class="img-shadow" src="assets/images/contact-hero.png" alt=""/>
+        <img src="/assets/images/contact-hero.png" alt="contact page hero: @ symbol emerging from an embassy" title="contact page hero: @ symbol emerging from an embassy"/>
+        <img class="img-shadow" src="/assets/images/contact-hero.png" alt=""/>
     </div>
     <div id="logo">
         <h1>
diff --git a/src/dev.njk b/src/dev.njk
index a989c21..31f1280 100644
--- a/src/dev.njk
+++ b/src/dev.njk
@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
 
 <section id="hero">
     <div id="hero-image">
-        <img src="assets/images/dev-hero.png" alt="dev page hero: html tag emerging from an embassy" title="dev page hero: html tag emerging from an embassy"/>
-        <img class="img-shadow" src="assets/images/dev-hero.png" alt=""/>
+        <img src="/assets/images/dev-hero.png" alt="dev page hero: html tag emerging from an embassy" title="dev page hero: html tag emerging from an embassy"/>
+        <img class="img-shadow" src="/assets/images/dev-hero.png" alt=""/>
     </div>
     <div id="logo">
         <h1>
diff --git a/src/jobs.njk b/src/jobs.njk
index d3c5ae2..899aa94 100644
--- a/src/jobs.njk
+++ b/src/jobs.njk
@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
 
 <section id="hero">
     <div id="hero-image">
-        <img src="assets/images/jobs-hero.png" alt="jobs page hero: laptop emerging from an embassy" title="jobs page hero: laptop emerging from an embassy"/>
-        <img class="img-shadow" src="assets/images/jobs-hero.png" alt=""/>
+        <img src="/assets/images/jobs-hero.png" alt="jobs page hero: laptop emerging from an embassy" title="jobs page hero: laptop emerging from an embassy"/>
+        <img class="img-shadow" src="/assets/images/jobs-hero.png" alt=""/>
     </div>
     <div id="logo">
         <h1>
diff --git a/src/news.njk b/src/news.njk
index 724ce6f..d2e9cec 100644
--- a/src/news.njk
+++ b/src/news.njk
@@ -5,8 +5,8 @@ layout: layouts/peripheral.njk
 
 <section id="hero">
     <div id="hero-image">
-        <img src="assets/images/news-hero.png" alt="news page hero: tv emerging from an embassy" title="news page hero: tv emerging from an embassy"/>
-        <img class="img-shadow" src="assets/images/news-hero.png" alt=""/>
+        <img src="/assets/images/news-hero.png" alt="news page hero: tv emerging from an embassy" title="news page hero: tv emerging from an embassy"/>
+        <img class="img-shadow" src="/assets/images/news-hero.png" alt=""/>
     </div>
     <div id="logo">
         <h1>
diff --git a/src/privacy.njk b/src/privacy.njk
index c5da2a2..9a68626 100644
--- a/src/privacy.njk
+++ b/src/privacy.njk
@@ -6,10 +6,10 @@ layout: layouts/peripheral.njk
 <section id="hero">
     <div id="hero-image">
         <img
-            src="assets/images/privacy-hero.png"
+            src="/assets/images/privacy-hero.png"
             alt="about page hero image: a robot emerging from the embasssy and wearing a mask"
             title="about page hero image: a robot emerging from the embasssy and wearing a mask"/>
-        <img class="img-shadow" src="assets/images/privacy-hero.png" alt=""/>
+        <img class="img-shadow" src="/assets/images/privacy-hero.png" alt=""/>
     </div>
     <div id="logo">
         <h1>