refactor: move assets/img/* to /img/*

Author: themightychris

html-templates/designs/site-2021-08.tpl

@@ -98,8 +98,8 @@
             </div>
         </div>
         <div class="row">
-            <img class="col-6 d-none d-lg-block" src="assets/img/sponsor/img-1.jpg" alt="Two people presenting 'What is Civic Hacking?'">
-            <img class="col-12 col-lg-6" src="assets/img/sponsor/img-2.jpg" alt="A person presenting 'Philadelphia Statistics'">
+            <img class="col-6 d-none d-lg-block" src="/img/sponsor/img-1.jpg" alt="Two people presenting 'What is Civic Hacking?'">
+            <img class="col-12 col-lg-6" src="/img/sponsor/img-2.jpg" alt="A person presenting 'Philadelphia Statistics'">
         </div>
         <div class="secondary-page-div p-5" style="background-color: #2c57a5; color: aliceblue; padding-top: unset;">
             <a href="/projects">Here are CFP's projects</a>, which Philadelphia community members, including yourself, have the opportunity to help volunteer on as well! As this is a nonprofit organization, monetary contributions are always greatly appreciated. They allow us to continue the work you see, in order to make a positive change in our community.
@@ -114,8 +114,8 @@
             <p class="text-center">Interested? Contact us at <a class="card-link" href="mailto:hello@codeforphilly.org">hello@codeforphilly.org</a> or join <a href="/chat">our Slack workspace</a>.</p>
         </div>
         <div class="row">
-            <img class="col-12 col-lg-6" src="assets/img/sponsor/img-3.jpg" alt="Technologists in a cool hall.">
-            <img class="col-6 d-none d-lg-block" src="assets/img/sponsor/img-4.jpg" alt="Technologists in a presentation.">
+            <img class="col-12 col-lg-6" src="/img/sponsor/img-3.jpg" alt="Technologists in a cool hall.">
+            <img class="col-6 d-none d-lg-block" src="/img/sponsor/img-4.jpg" alt="Technologists in a presentation.">
         </div>
     </main>
 

html-templates/sponsor.tpl

@@ -153,7 +153,7 @@
                     the members to see what contact information they’ve published. You can hover over their circles to
                     get their
                     titles as well.</p>
-                <img src="assets/img/volunteer/rate_my_nurse_screen_shot.png" class="col-xs-6 card-img pt-4" alt="rate my nurse screen shot">
+                <img src="/img/volunteer/rate_my_nurse_screen_shot.png" class="col-xs-6 card-img pt-4" alt="rate my nurse screen shot">
             </div>
             <hr class="m-5">
             <p class="text-center">Having trouble figuring out what projects are active, finding contact information for
@@ -200,7 +200,7 @@
                 <p class="col-md-6">Once you’ve identified a project you are interested in, log into our Slack and find
                     the
                     channel for the project. The channel is always listed on the project description page</p>
-                <img src="assets/img/volunteer/project_slack_channel.png" class="col-md-6 card-img" alt="TODO">
+                <img src="/img/volunteer/project_slack_channel.png" class="col-md-6 card-img" alt="TODO">
             </div>
             <hr class="m-5">
             <p class="text-center">Having trouble logging into Slack or finding the correct Slack channel? Email <a class="card-link" href="mailto:hello@codeforphilly.org">hello@codeforphilly.org</a>.</p>

html-templates/volunteer.tpl

@@ -10150,7 +10150,7 @@ header.masthead {
   padding-bottom: 6rem;
   text-align: center;
   color: #fff;
-  /* background-image: url("../assets/img/header-bg.jpg"); */
+  /* background-image: url("..//img/header-bg.jpg"); */
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: center center;

site-root/css/styles.css

@@ -2,15 +2,15 @@
 <div class="portfolio-modal modal fade" id="portfolioModalTODO" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog">
       <div class="modal-content">
-          <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" />
+          <div class="close-modal" data-dismiss="modal"><img src="/img/close-icon.svg" alt="Close modal" />
           </div>
           <div class="container">
               <div class="row justify-content-center">
                   <div class="col-lg-8">
                       <div class="modal-body">
                           <!-- Project Details Go Here-->
                           <h2 class="text-uppercase">TODO: Project Title</h2>
-                          <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/TODO.jpg" alt="TODO: img description" />
+                          <img class="img-fluid d-block mx-auto" src="/img/portfolio/TODO.jpg" alt="TODO: img description" />
                           <p class="text-justify">TODO: project description paragraph 1.</p>
                           <p class="text-justify">TODO: project description paragraph 2.</p>
                           <!-- more paragraphs if needed... -->