not a final iteration of the images on the accomplishments page, just…

… showing how images would look like on the page.
dominrios · Sep 6, 2024 · 82f29f1 · 82f29f1
1 parent 046f41e
commit 82f29f1
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 4 deletions.
diff --git a/assets/sass/custom.scss b/assets/sass/custom.scss
@@ -161,15 +161,31 @@ img {vertical-align: middle;}
 
 }
 
+.SidebarFig img {
+  max-width: 150%;
+  height: auto;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+
+  @media (max-width: 1440px) {
+    max-width: 130%;
+  }
+
+  @media (max-width: 1024px) {
+    max-width: 100%
+  }
+}
+
+
+
 .SidebarFig h4{
   font-size: 1vw;
 }
 
 .SidebarVideo{
   width:30vw;
   height:10vw;
-
-
 }
 
 #cta {

diff --git a/content/ARCHIVES/accomplishments.md b/content/ARCHIVES/accomplishments.md
@@ -2,7 +2,7 @@
 title: "ACCOMPLISHMENTS"
 menu: archives
 weight: 41
-
+sidebar_right: AccomplishmentsRight
 ---
 
 ### Giving Control to SMBs

diff --git a/layouts/partials/sidebar/AccomplishmentsRight.html b/layouts/partials/sidebar/AccomplishmentsRight.html
@@ -0,0 +1,22 @@
+<section>
+    <figure class="SidebarFig">
+            <img src='{{absURL "images/AccomplishmentsImages/smb.png"}}' >
+    </figure>
+
+    <figure class="SidebarFig">
+        <img src='{{absURL "images/AccomplishmentsImages/ILC.png"}}' alt="Diagram 
+        titled 'Intelligent Load Control' showing a building connected to four icons 
+        representing a light bulb, a building, a fan, and an electric plug. The image 
+        depicts a load management system with load on the vertical axis and hours on the 
+        horizontal axis. There is a brain icon representing intelligence controlling the 
+        loads with day and night indicating a 24-hour period.">
+    </figure>
+
+    <figure class="SidebarFig" style="max-width: 90%;">
+        <img src='{{absURL "images/AccomplishmentsImages/EED_1787_FIG_HomesGraphicRev_v7_1600x1200 (1).png"}}' >
+    </figure>
+
+    <figure class="SidebarFig" style="max-width: 90%;">
+        <img src='{{absURL "images/AccomplishmentsImages/campus_2.png"}}' >
+    </figure>
+</section>
diff --git a/resources/_gen/assets/scss/sass/main.scss_e95820d474fe7cf9c38afe1151187c97.content b/resources/_gen/assets/scss/sass/main.scss_e95820d474fe7cf9c38afe1151187c97.content
diff --git a/.../images/AccomplishmentsImages/EED_1787_FIG_HomesGraphicRev_v7_1600x1200 (1).png b/.../images/AccomplishmentsImages/EED_1787_FIG_HomesGraphicRev_v7_1600x1200 (1).png
diff --git a/static/images/AccomplishmentsImages/ILC.png b/static/images/AccomplishmentsImages/ILC.png
diff --git a/static/images/AccomplishmentsImages/campus_2.png b/static/images/AccomplishmentsImages/campus_2.png
diff --git a/static/images/AccomplishmentsImages/smb.png b/static/images/AccomplishmentsImages/smb.png