product push

ClaireM2 · Jun 28, 2024 · f072e01 · f072e01
1 parent c694ab9
commit f072e01
Show file tree

Hide file tree

Showing 191 changed files with 308 additions and 17,406 deletions.
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -86,7 +86,25 @@
             $('ul#languageContent').removeClass("show");
         });
 
+        let slideIndex = 0;
+        showSlides();
 
+        function showSlides() {
+          let i;
+          let slides = document.getElementsByClassName("mySlides");
+          let dots = document.getElementsByClassName("dot");
+          for (i = 0; i < slides.length; i++) {
+            slides[i].style.display = "none";  
+          }
+          slideIndex++;
+          if (slideIndex > slides.length) {slideIndex = 1}    
+          for (i = 0; i < dots.length; i++) {
+            dots[i].className = dots[i].className.replace(" active", "");
+          }
+          slides[slideIndex-1].style.display = "block";  
+          dots[slideIndex-1].className += " active";
+          setTimeout(showSlides, 8000); // Change image every 2 seconds
+        }
 
 
 

diff --git a/assets/sass/custom.scss b/assets/sass/custom.scss
@@ -16,12 +16,81 @@
 
 }
 .figConfig{
+  display: inline-table;
+  max-width: 20%;
+  margin-right: 50px;
+  margin-bottom: 30px;
 
-
-
-    display: inline-table;
-    max-width: 20%;
-    margin-right: 60px;
-    font-size: small;
+  p {
+   font-size: medium;
+   margin-top: -15px;
+   line-height: 100%;
+   max-width:80%;
+   text-align: center;
+  }
+
+
+}
+
+.figConfig h4 {
+  line-height: 100%;
+}
+* {box-sizing: border-box;}
+body {font-family: Verdana, sans-serif;}
+.mySlides {display: none;}
+img {vertical-align: middle;}
+
+/* Slideshow container */
+.slideshow-container {
+  max-width: 100%;
+  position: relative;
+  margin: auto;
+  z-index: -1;
+
+
+
+}
+
+/* Caption text */
+.text {
+  color:white;
+  font-size: 25px;
+  padding: 50px 250px;
+  position: absolute;
+  bottom: 350px;
+  width: 100%;
+  text-align:left;
+  line-height: 50px;
+  text-shadow: 2px 2px 0px black;
+}
+
+/* Number text (1/3 etc) */
+.numbertext {
+  color: #f2f2f2;
+  font-size: 12px;
+  padding: 8px 12px;
+  position: absolute;
+  top: 0;
+}
+
+/* The dots/bullets/indicators */
+
+.active {
+  background-color:white;
+}
+
+/* Fading animation */
+.fade {
+  animation-name: fade;
+  animation-duration: 1.5s;
+}
+
+@keyframes fade {
+  from {opacity: .4} 
+  to {opacity: 1}
+}
 
+/* On smaller screens, decrease text size */
+@media only screen and (max-width: 300px) {
+  .text {font-size: 11px}
 }
diff --git a/content/ABOUT/About.md b/content/ABOUT/About.md
@@ -7,6 +7,7 @@ image: images/VOLTTRON-Device-Better2.jpg
 image_alt: "Hello!"
 
 sidebar_left: AboutSidebar
+sidebar_right: AboutSidebar2
 
 ---
 Inexpensive, small-scale computers—such as the Raspberry Pi—can have VOLTTRON™ installed as a controller.

diff --git a/content/ARCHIVES/Publications.md b/content/ARCHIVES/Publications.md
@@ -6,13 +6,15 @@ weight: 41
 ---
 
 
-{{< figure class="figConfig"  src="../../images/publications/ModularUpdates.jpg" link="../../Documents/publications/ModularUpdates.pdf" title="VOLTTRON™ 10 Modular Updates: An overview presentation of updates in VOLTTRON™ 10.0.">}}
-{{< figure class="figConfig"  src="../../images/publications/VisualConsequence.jpg" link="../../Documents/publications/VisualConsequence.pdf" title="VOLTTRON™ Visual Consequence Profile: A visual consequence profile for a hypo-crime adversary.">}}
-{{< figure class="figConfig"  src="../../images/publications/AversaryDossier.jpg" link="../../Documents/publications/AversaryDossier.pdf" title="Adversary Dossier Report: The dossier summarizes abuse case analysis of VOLTTRON within the adversarial context of a cyber-criminal organization.">}}
+{{< figure class="figConfig" title="VOLTTRON™ 10 Modular Updates" src="../../images/publications/ModularUpdates.jpg" link="../../Documents/publications/ModularUpdates.pdf"  caption="An overview presentation of updates in VOLTTRON™ 10.0. ">}}
+{{< figure class="figConfig"  src="../../images/publications/VisualConsequence.jpg" link="../../Documents/publications/VisualConsequence.pdf" title="VOLTTRON™ Visual Consequence Profile" caption="A visual consequence profile for a hypo-crime adversary.">}}
+{{< figure class="figConfig"  src="../../images/publications/AversaryDossier.jpg" link="../../Documents/publications/AversaryDossier.pdf" title="Adversary Dossier Report" caption="The dossier summarizes abuse case analysis of VOLTTRON within the adversarial context of a cyber-criminal organization.">}}
+{{< figure class="figConfig"  src="../../images/publications/AversaryDossier.jpg" link="../../Documents/publications/AversaryDossier.pdf" title="Adversary Dossier Report" caption="The dossier summarizes abuse case analysis of VOLTTRON within the adversarial context of a cyber-criminal organization.">}}
+{{< figure class="figConfig"  src="../../images/publications/AversaryDossier.jpg" link="../../Documents/publications/AversaryDossier.pdf" title="Adversary Dossier Report" caption="The dossier summarizes abuse case analysis of VOLTTRON within the adversarial context of a cyber-criminal organization.">}}
+{{< figure class="figConfig" title="VOLTTRON™ 10 Modular Updates" src="../../images/publications/ModularUpdates.jpg" link="../../Documents/publications/ModularUpdates.pdf"  caption="An overview presentation of updates in VOLTTRON™ 10.0. ">}}
 
 
 <!-- 
-[![all text](../../images/publications/AversaryDossier.jpg)](../../Documents/publications/AversaryDossier.pdf)&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
 [![all text](../../images/publications/ThreatProfileV8.jpg)](../../Documents/publications/ThreatProfileV8.pdf)  
 
 

diff --git a/data/homepage.yml b/data/homepage.yml
@@ -78,7 +78,6 @@ items:
       imageLeft: "images/Pnnl100.png"
 
       urlCentral: "https://www.energy.gov/"
-
-      imageCentral: "images/DOE.png"
+      imageCentral: "images/doe-logo.png"
 
 
diff --git a/layouts/partials/homepage/banner.html b/layouts/partials/homepage/banner.html
@@ -1,68 +1,6 @@
 <section id="banner" >
 
-    <!DOCTYPE html>
-    <html>
-    <head>
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<style>
-* {box-sizing: border-box;}
-body {font-family: Verdana, sans-serif;}
-.mySlides {display: none;}
-img {vertical-align: middle;}
 
-/* Slideshow container */
-.slideshow-container {
-  max-width: 100%;
-  position: relative;
-  margin: auto;
-  z-index: -1;
-
-}
-
-/* Caption text */
-.text {
-  color:white;
-  font-size: 25px;
-  padding: 50px 250px;
-  position: absolute;
-  bottom: 350px;
-  width: 100%;
-  text-align:left;
-  line-height: 50px;
-  text-shadow: 2px 2px 0px black;
-}
-
-/* Number text (1/3 etc) */
-.numbertext {
-  color: #f2f2f2;
-  font-size: 12px;
-  padding: 8px 12px;
-  position: absolute;
-  top: 0;
-}
-
-/* The dots/bullets/indicators */
-
-.active {
-  background-color:white;
-}
-
-/* Fading animation */
-.fade {
-  animation-name: fade;
-  animation-duration: 1.5s;
-}
-
-@keyframes fade {
-  from {opacity: .4} 
-  to {opacity: 1}
-}
-
-/* On smaller screens, decrease text size */
-@media only screen and (max-width: 300px) {
-  .text {font-size: 11px}
-}
-</style>
 
 
     <div class="slideshow-container">
@@ -100,29 +38,7 @@
       <span class="dot"></span> 
     </div>
 
-    <script>
-      let slideIndex = 0;
-      showSlides();
-
-      function showSlides() {
-        let i;
-        let slides = document.getElementsByClassName("mySlides");
-        let dots = document.getElementsByClassName("dot");
-        for (i = 0; i < slides.length; i++) {
-          slides[i].style.display = "none";  
-        }
-        slideIndex++;
-        if (slideIndex > slides.length) {slideIndex = 1}    
-        for (i = 0; i < dots.length; i++) {
-          dots[i].className = dots[i].className.replace(" active", "");
-        }
-        slides[slideIndex-1].style.display = "block";  
-        dots[slideIndex-1].className += " active";
-        setTimeout(showSlides, 8000); // Change image every 2 seconds
-      }
-    </script>
-
-    </body>
-    </html> 
-
+
+
+
 </section>
diff --git a/layouts/partials/homepage/blocks/cta.html b/layouts/partials/homepage/blocks/cta.html
@@ -4,12 +4,12 @@
             <h2>{{ .item.contents | markdownify }}</h2>
 
             {{- with .item.button }}
-                <a href="{{ .urlLeft }}" style = "position:relative; right: 400px; top: -20px" >
+                <a href="{{ .urlLeft }}" style = "position:relative; right: 500px; top: -20px" >
                     <img src="{{ .imageLeft | relURL }}">
 
                 </a>
 
-                <a href="{{ .urlCentral }}"  style = "position:relative;top:-30px ;right: 350px">
+                <a href="{{ .urlCentral }}"  style = "position:relative;top:-15px ;right: 450px">
                     <img src="{{ .imageCentral | relURL }}"> 
                 </a>
 

diff --git a/layouts/partials/sidebar/AboutSidebar.html b/layouts/partials/sidebar/AboutSidebar.html
@@ -1,47 +1,27 @@
-<section>
-    <h3>{{ T "sidebar_heading_1" }}</h3>
 
-    <h3>Related Materials</h3>
-    <footer>
-
-        <figure>
-        <a href='{{absURL "Documents/VOLTTRON_Efficient_Grid_2017.pdf"}}'  style = "float:left; margin-right: 15px; color:black">
-            <img src='{{absURL "images/overviewOverlay.png"}}' style = "height: 200px; width: 150px; margin-right: 15px;" > 
-            <figcaption class = "caption">VOLTTRON™ Overview</figcaption>
-        </a>
-    </figure>
-    <figure2>
-        <a href='{{absURL "Documents/VOLTTRON_Brochure_V11_WEB.pdf"}}' style = "float:left; color:black" >
-            <img src= '{{absURL "images/DocumentImages/BrochureOverlay.jpg"}}' style = "height: 200px; width: 150px"> 
-            <figcaption class="caption">VOLTTRON™ Platform</figcaption>
-        </a> 
-    </figure2>
-
-    </footer>
-</section>
 <section>
-    <p>&nbsp;</p>
+
     <h3>Recent Videos</h3>
 
 
     <ul class="links">
         <b>VOLTTRON™ Overview and Cybersecurity</b>
         <li><a href="https://www.youtube.com/watch?v=oNnItsBlwxs&list=TLGGyXeqGoXzaj0wNTA2MjAyNA" style= "color:black"> </li>
-            <img src='{{absURL "images/VideoImages/CybersecurityVideoImage.jpg"}}' style = "height: 150px; width: 250px; margin-left: 20px">
-            <div class = "caption" style="margin-bottom: 20px;">VOLTTRON™ developers Bora Akyol and Jereme Haack provide an overview of VOLTTRON™ and cybersecurity features.</div> 
+            <img src='{{absURL "images/VideoImages/CybersecurityVideoImage.jpg"}}' style = "height: 150px; width: 250px;">
+            <div class = "caption" style="font-size: small;">VOLTTRON™ developers Bora Akyol and Jereme Haack provide an overview of VOLTTRON™ and cybersecurity features.</div> 
         </a>
 
-
-        <b style = "margin-left: 60px;">Transactive Energy</b>
+        <p>&nbsp;</p>
+        <b>Transactive Energy</b>
         <li><a href="https://www.youtube.com/watch?v=ECTNZAgyYtM&list=TLGGfFoOMb64MxowNjA2MjAyNA&t=2s"  style= "color:black"></li>
-            <img src= '{{absURL "images/VideoImages/TransactiveVideoImage.jpg"}}'  style = "height: 150px; width: 250px; margin-left: 20px">
-            <div class = "caption" style="margin-bottom: 20px;">An overview of Transactive Energy and its application to the power grid, buildings and renewables</div> 
+            <img src= '{{absURL "images/VideoImages/TransactiveVideoImage.jpg"}}'  style = "height: 150px; width: 250px;">
+            <div class = "caption"  style="font-size: small">An overview of Transactive Energy and its application to the power grid, buildings and renewables</div> 
         </a>
-
-        <b style = "margin-left: 40px;">Intelligent Load Control</b>
+        <p>&nbsp;</p>
+        <b >Intelligent Load Control</b>
         <li><a href="https://www.youtube.com/watch?v=jUjcVTMaZc4&list=TLGGfCU8IgTf3XgwNjA2MjAyNA"  style= "color:black"></li>
-            <img src= '{{absURL "images/VideoImages/LoadControlVideoImage.jpg"}}'  style = "height: 150px; width: 250px; margin-left: 20px">
-            <div class = "caption">The ILC technology makes it possible for buildings to manage energy consumption to a desired target, providing improved energy efficiency, renewables integration, and grid services.</div> 
+            <img src= '{{absURL "images/VideoImages/LoadControlVideoImage.jpg"}}'  style = "height: 150px; width: 250px;">
+            <div class = "caption"  style="font-size: small">The ILC technology makes it possible for buildings to manage energy consumption to a desired target, providing improved energy efficiency, renewables integration, and grid services.</div> 
         </a>
     </ul>
     <footer>

diff --git a/layouts/partials/sidebar/AboutSidebar2.html b/layouts/partials/sidebar/AboutSidebar2.html
@@ -0,0 +1,24 @@
+<section>
+    <h3>{{ T "sidebar_heading_1" }}</h3>
+
+    <h3>Related Materials</h3>
+    <footer >
+
+        <figure  style = "float: left">
+            <a href='{{absURL "Documents/VOLTTRON_Efficient_Grid_2017.pdf"}}' style = "color:black;" >
+                <img src='{{absURL "images/overviewOverlay.png"}}'  > 
+                <figcaption class = "caption">VOLTTRON™ Overview</figcaption>
+            </a>
+            <p>&nbsp;</p>
+
+        </figure>
+
+        <figure2 >
+            <a href='{{absURL "Documents/VOLTTRON_Brochure_V11_WEB.pdf"}}' style = "color:black">
+                <img src= '{{absURL "images/DocumentImages/BrochureOverlay.jpg"}}' > 
+                <figcaption class="caption">VOLTTRON™ Platform</figcaption>
+             </a> 
+        </figure2>
+
+    </footer>
+</section>
diff --git a/layouts/partials/sidebar/BuildingsOperationsRight.html b/layouts/partials/sidebar/BuildingsOperationsRight.html
@@ -7,7 +7,7 @@ <h3>The Buzz</h3>
         <b>-Da-Wei Huang
             <br>City University of New York
         </b>
-        <br> __________________________________
+        <br> ________________________
     </p>
     <p>
         <b>"</b>Instead of using a commercial occupancy sensor, we built a driver in VOLTTRON™ to connect a $2
@@ -19,8 +19,7 @@ <h3>The Buzz</h3>
 
 
         </b>
-        <br> __________________________________
-
+        <br>  ________________________
     </p>
     <p>
         <b>"</b>We're working to deploy VOLTTRON™ in a big way in buildings,