Convert all images to webp

Michael-Gallo · Mar 30, 2023 · 4d2409e · 4d2409e
1 parent 0be22cf
commit 4d2409e
Show file tree

Hide file tree

Showing 27 changed files with 6 additions and 16 deletions.
diff --git a/static/images/ansible.jpg b/static/images/ansible.jpg
diff --git a/static/images/ansible.webp b/static/images/ansible.webp
diff --git a/static/images/aws-cloud-practitioner.png b/static/images/aws-cloud-practitioner.png
diff --git a/static/images/aws-cloud-practitioner.webp b/static/images/aws-cloud-practitioner.webp
diff --git a/static/images/cc-bg-1.jpg b/static/images/cc-bg-1.jpg
diff --git a/static/images/cc-bg-1.webp b/static/images/cc-bg-1.webp
diff --git a/static/images/gcp-ace.png b/static/images/gcp-ace.png
diff --git a/static/images/gcp-ace.webp b/static/images/gcp-ace.webp
diff --git a/static/images/gcp.png b/static/images/gcp.png
diff --git a/static/images/gcp.webp b/static/images/gcp.webp
diff --git a/static/images/graphic-design-1.jpg b/static/images/graphic-design-1.jpg
diff --git a/static/images/graphic-design-2.jpg b/static/images/graphic-design-2.jpg
diff --git a/static/images/graphic-design-3.jpg b/static/images/graphic-design-3.jpg
diff --git a/static/images/graphic-design-4.jpg b/static/images/graphic-design-4.jpg
diff --git a/static/images/photography-1.jpg b/static/images/photography-1.jpg
diff --git a/static/images/photography-2.jpg b/static/images/photography-2.jpg
diff --git a/static/images/photography-3.jpg b/static/images/photography-3.jpg
diff --git a/static/images/photography-4.jpg b/static/images/photography-4.jpg
diff --git a/static/images/profile.jpg b/static/images/profile.jpg
diff --git a/static/images/profile.webp b/static/images/profile.webp
diff --git a/static/images/python.png b/static/images/python.png
diff --git a/static/images/python.webp b/static/images/python.webp
diff --git a/static/images/reference-image-1.jpg b/static/images/reference-image-1.jpg
diff --git a/static/images/reference-image-2.jpg b/static/images/reference-image-2.jpg
diff --git a/static/images/reference-image-3.jpg b/static/images/reference-image-3.jpg
diff --git a/static/images/staticmap.png b/static/images/staticmap.png
diff --git a/templates/index.html b/templates/index.html
@@ -51,11 +51,11 @@
         <div class="wrapper">
           <div class="page-header page-header-small" filter-color="green">
             <div class="page-header-image" data-parallax="true"
-              style="background-image: url('static/images/cc-bg-1.jpg')">
+              style="background-image: url('static/images/cc-bg-1.webp')">
             </div>
             <div class="container">
               <div class="content-center">
-                <div class="cc-profile-image"><a href="#"><img src="static/images/profile.jpg" alt="Image" /></a></div>
+                <div class="cc-profile-image"><a href="#"><img src="static/images/profile.webp" alt="Image" /></a></div>
                 <div class="h2 title">Michael Anthony Gallo</div>
                 <p class="category text-white">Devops, Google Cloud, Python</p><a
                   class="btn btn-primary smooth-scroll mr-2" href="static/Michael-Gallo-Resume.docx" data-aos="zoom-in"
@@ -190,7 +190,7 @@
                   <div class="col-md-6">
                     <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                       <a href="https://gitlab.com/michaelagallo95/ansible-config" target="_blank">
-                        <figure class="cc-effect"><img src="static/images/ansible.jpg" alt="Image" />
+                        <figure class="cc-effect"><img src="static/images/ansible.webp" alt="Image" />
                           <figcaption>
                             <div class="h4">Ansible</div>
                             <p>My personal ansible playbook</p>
@@ -212,24 +212,14 @@
                   <div class="col-md-6">
                     <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                       <a href="https://gitlab.com/michaelagallo95/portfolio-website">
-                        <figure class="cc-effect"><img src="static/images/gcp.png" alt="Image" />
+                        <figure class="cc-effect"><img src="static/images/gcp.webp" alt="Image" />
                           <figcaption>
                             <div class="h4">Serverless Portfolio Website</div>
                             <p>This website</p>
                           </figcaption>
                         </figure>
                       </a>
                     </div>
-                    <!-- <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
-                      <a href="https://gitlab.com/michaelagallo95/ansible-config" target="_blank">
-                        <figure class="cc-effect"><img src="static/images/ansible.jpg" alt="Image" />
-                          <figcaption>
-                            <div class="h4">Ansible</div>
-                            <p>My personal ansible playbook</p>
-                          </figcaption>
-                        </figure>
-                      </a>
-                    </div> -->
                   </div>
                 </div>
               </div>
@@ -289,10 +279,10 @@
           <!-- <div class="card-body cc-experience-header"> -->
           <div class="column" style="width:50%">
             <a href=https://www.credential.net/45b2302b-cbc8-451f-9067-2b26e42a0763 target="_blank"><img
-                src="/static/images/gcp-ace.png" align="right""></a></div>
+                src="/static/images/gcp-ace.webp" align="right""></a></div>
           <div class=" column" style="width:50%">
               <a href=https://www.credly.com/badges/a58777ea-8acf-4e9f-b5c5-4f1b31882fe9 target="_blank"><img
-                  src="/static/images/aws-cloud-practitioner.png" align="right""></a></div>
+                  src="/static/images/aws-cloud-practitioner.webp" align="right""></a></div>
           <!-- </div> -->
           <!-- </div> -->
           <!-- <div class=" col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">