Merge pull request #20 from dominrios/demo

Final Developments of the Github.io site
eclipse-volttron · Oct 24, 2024 · f9064d6 · f9064d6
2 parents 922b7b9 + d2deb54
commit f9064d6
Show file tree

Hide file tree

Showing 33 changed files with 174 additions and 95 deletions.
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -20,7 +20,7 @@
         2560: 500,
         1920: 450,
         1680: 430,
-        1520: 360,
+        1540: 360, // Full screen issued laptop
         1440: 360,
         1280: 430,
         1024: 240,
@@ -108,6 +108,15 @@
     }
     checkWindowWidth()
 
+
+    // Dealing with playlists
+    // const playlist_figures = document.getElementsByClassName("PlaylistFig")
+    // youtube_urls {"figure_id": url that equals figure_id}
+
+
+
+
+
     // Footer
     const COPYRIGHT_FOOTER = document.getElementsByClassName("menu")[0];
 

diff --git a/assets/sass/custom.scss b/assets/sass/custom.scss
@@ -30,7 +30,7 @@ $breakpoints: (
   laptopl:   2560px,
   default:   1920px,
   wide:      1680px,
-  laptopm:   1520px,
+  laptopm:   1540px,
   laptops:   1440px,
   normal:    1280px,
   tablet:    1024px,
@@ -131,7 +131,7 @@ $breakpoints: (
     @include breakpoint(wide) {
       margin-bottom: 24.8%;
     }
-  
+
     @include breakpoint(laptopm) {
       margin-bottom: 26.8%
     }
@@ -330,6 +330,7 @@ $breakpoints: (
 /* Market Images on their individual page */
 .market_image{
   width:65%;
+  margin-bottom: 10vh;
 }
 
 
@@ -623,11 +624,34 @@ header {
   }
 }
 
+#contactUsblurb {
+  text-align: center;
+  padding-right: 20vw;
+  padding-left: 20vw;
+
+  @include breakpoint(mobilel){
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+}
+
 .PlaylistFig{
   display: inline-table;
   max-width: 30%;
   margin-bottom: 3vw;
+
+  img{
+    @include breakpoint(laptopls){
+      max-width: 400px;
+      max-height: 300px
+    }
+  }
 
+  iframe{
+    width: 35vw;
+    height: 20vw;
+  }
 
   p{
     max-width:100%;
@@ -640,6 +664,12 @@ header {
 
 }
 
+.playlist-wrapper-flex{
+  display:flex;
+  flex-wrap: wrap;
+  gap:10px
+}
+
 /* Fix for squished logo on mobile */
 #titleBar{
   span h1 a img{

diff --git a/content/ABOUT/About.md b/content/ABOUT/About.md
@@ -13,7 +13,7 @@ sidebar_left: AboutSidebar
 
 ### About Eclipse VOLTTRON
 
-Eclipse VOLTTRON, developed at Pacific Northwest National Laboratory and now part of the Eclipse Foundation, is available as an open-source tool. This technology provides an environment where data and devices connect seamlessly and securely to make decisions based on user needs and preferences.
+Eclipse VOLTTRON, developed at [Pacific Northwest National Laboratory](https://www.pnnl.gov/) and now part of the [Eclipse Foundation](https://outreach.eclipse.foundation/volttron-iot-case-study), is available as an open-source tool. This technology provides an environment where data and devices connect seamlessly and securely to make decisions based on user needs and preferences.
 
 Industry, research, and academic communities agree that Eclipse VOLTTRON is an important and versatile resource for improving system performance in buildings and creating a more flexible and reliable power grid. The technology, which was built with security as an integral priority, is used for multiple purposes, including:
 
@@ -24,7 +24,7 @@ Industry, research, and academic communities agree that Eclipse VOLTTRON is an i
 
 The technology’s adaptability has significantly expanded its promise. Users are applying the platform in novel ways not originally envisioned.
 
-Eclipse VOLTTRON is open source and publicly available from GitHub, and its ongoing development benefits from a highly collaborative approach among advocates, including PNNL, the U.S. Department of Energy, the Eclipse Foundation, and an active and passionate nationwide community of users.
+Eclipse VOLTTRON is open source and publicly available from [GitHub](https://github.com/eclipse-volttron), and its ongoing development benefits from a highly collaborative approach among advocates, including PNNL, the U.S. Department of Energy, the Eclipse Foundation, and an active and passionate nationwide community of users.
 
 The following articles provide examples of Eclipse VOLTTRON’s capabilities and accomplishments:
 
@@ -37,3 +37,6 @@ The following articles provide examples of Eclipse VOLTTRON’s capabilities and
 - [VOLTTRON™ User Community Expands Overseas (2017)](https://www.pnnl.gov/news-media/volttrontm-user-community-expands-overseas)
 - [Regional Project Reveals the Potential of Transactive Control (2017)](https://www.pnnl.gov/news-media/regional-project-reveals-potential-transactive-control)
 - [PNNL-led Campus Project Expands to Multiple Buildings (2016)](https://www.pnnl.gov/news-media/pnnl-led-campus-project-expands-multiple-buildings)
+
+**Contact Us**</br>
+If you have any questions, contact the Eclipse VOLTTRON team at <[email protected]>. We look forward to working with you and are excited by the possibilities this technology can achieve.
diff --git a/content/ARCHIVES/Quotes.md b/content/ARCHIVES/Quotes.md
@@ -26,7 +26,7 @@ strives to build best in class enterprise-grade technology solutions to actively
 &mdash;&nbsp; <b>Nancy Min, Founder, ecoLong LLC</b>
 
 <a id="joethompson"></a>
-&nbsp;&nbsp;  <b>"</b>Since 2021, Volttron has played a significant role within EPRI’s energy storage research. The open source nature of the tool paired with its enthusiastic and 
+&nbsp;&nbsp;  <b>"</b>Since 2021, Eclipse VOLTTRON has played a significant role within EPRI’s energy storage research. The open source nature of the tool paired with its enthusiastic and 
 supportive community have allowed EPRI researchers to efficiently and affordably implement this technology within our controls, emerging energy storage technology, and microgrid 
-research. Although EPRI’s current use cases (energy storage system controls) are not technically within Volttron’s  smart building automation scope, the tool has proven more than capable in these contexts <b>"</b>  
+research. Although EPRI’s current use cases (energy storage system controls) are not technically within Eclipse VOLTTRON's smart building automation scope, the tool has proven more than capable in these contexts <b>"</b>  
 &mdash;&nbsp; <b>Joe Thompson, Technical Leader, Electric Power Research Institute</b>
diff --git a/content/ARCHIVES/accomplishments.md b/content/ARCHIVES/accomplishments.md
@@ -23,7 +23,7 @@ PNNL is introducing technologies, including Eclipse VOLTTRON, Intelligent Load C
 
 **Impact**: The projects, which serve as models for future efforts, seek to transform thousands of homes and workplaces into state-of-the-art, energy-efficient buildings that interact with the grid to coordinate their energy consumption. The coordination can save energy, reduce costs and carbon emissions, improve grid reliability, and increase use of clean energy sources.
 
-### Enabling Efficiency in D.C
+### Enabling Efficiency in D.C.
 
 In addition to fault detection and diagnostic technologies that improve efficiency, PNNL also installed and tested its Intelligent Load Control (ILC) in both buildings. ILC quickly and automatically adjusts building electricity needs in response to power grid supply and demand fluctuations.
 

diff --git a/content/Developers.md b/content/Developers.md
@@ -4,7 +4,7 @@ description: "Welcome to Eclipse VOLTTRON™"
 menu: main
 weight: 40
 image: images/MarketsImages/volttron_diagram.png 
-image_alt: "Hello!"
+image_alt: "Diagram of how the VOLTTRON platform operates"
 
 sidebar_left: DevelopersLeft
 
@@ -21,7 +21,7 @@ Eclipse VOLTTRON™ is an open source, secure, scalable, and distributed platfor
     <li>A configurable <strong>driver framework</strong> for collecting data from and sending control signals to buildings and devices</li>
     <li>Automatic data capture and retrieval through a <strong>historian framework</strong></li>
     <li>An extensible <strong>web framework</strong> allowing users and services to securely connect to the platform from anywhere</li>
-    <li>A <b>capability to interface</b> with simulation engines and applications to evaluate applications prior deployment.</li>
+    <li>A <b>capability to interface</b> with simulation engines and applications to evaluate applications prior to deployment.</li>
 
 </ul>
 

diff --git a/content/posts/BuildingsOperations.md b/content/posts/BuildingsOperations.md
@@ -10,3 +10,12 @@ hideImage: true
 
 ---
 {{< img src="../../images/MarketsImages/BuildingImageMarkets2.png" class="market_image" id="BuildingOperations" alt="Building of Operations" >}}
+
+**It's a Solution to Build On!**</br>
+Eclipse VOLTTRON™ enables secure, efficient management of a wide range of building-related functions, including heating, ventilation, and air-conditioning (HVAC) systems, electric vehicles, distributed energy resources, or even whole building loads. Building owners, management firms, energy services vendors and others are applying this versatile technology to maximize building performance and energy-efficient operations. With Eclipse VOLTTRON™, data, devices, and decisions connect seamlessly and securely based on user needs and preferences.
+
+**The Case for Eclipse VOLTTRON™ in Buildings**</br>
+Homes and buildings use a lot of energy, often inefficiently. The federal government estimates that structures account for approximately 40 percent of the nation’s total primary energy consumption. Many buildings are designed to support efficiency features that reduce energy consumption for heating, lighting, hot water and other functions. However, these features often are not fully deployed. Eclipse VOLTTRON™ addresses this deficiency and helps make buildings more efficient while ensuring overall functionality and minimizing impacts at the service level.
+
+**The Answer for Improved Performance and Efficiency**</br>
+The Eclipse VOLTTRON™ software platform and associated applications perform monitoring, data collection, and analysis in devices and building systems, producing actionable information that streamlines control and implementation of energy- and cost-saving measures.
diff --git a/content/posts/ConnectedHomes.md b/content/posts/ConnectedHomes.md
@@ -11,3 +11,12 @@ summary: Whether it involves control of thermostats, lighting, hot water or othe
 hideImage: true
 ---
 {{< img src="../../images/MarketsImages/ConnectHouse.png" class="market_image" id="ConnectedHomes" alt="Building of Operations" >}}
+
+**Bringing home the savings!**</br>
+Connected home devices—such as smart appliances and security systems—are projected to grow their market share significantly. However, many smart technologies lack connections to their community and the power grid. Truly connected smart homes should not only benefit their occupants, they should also benefit the community as a whole by helping strengthen the grid and by building a more resilient and reliable utility network. Eclipse VOLTTRON™ makes this possible.
+
+**Efficiency, Savings, Comfort**</br>
+As with commercial buildings, residential homes can benefit from Eclipse VOLTTRON™’s secure capabilities. Whether it involves control of thermostats, lighting,
+hot water or other functions, Eclipse VOLTTRON™ enables features that result in improved energy efficiency, cost savings, and convenience. And the best part is that utilities don't have to worry about smart devices. Eclipse VOLTTRON™ does that for them, serving as a single, central point-of-contact for homes.
+
+With Eclipse VOLTTRON™, data, devices, and decisions connect seamlessly and securely based on user needs and preferences.
diff --git a/content/posts/DataManagement.md b/content/posts/DataManagement.md
@@ -16,10 +16,8 @@ Eclipse VOLTTRON provides a secure way to examine data, reveal useful informatio
 
 With Eclipse VOLTTRON, data, devices and decisions connect seamlessly and securely based on user needs and preferences.
 
-**Rivers of Data**
-
+**Rivers of Data**</br>
 Devices of all kinds are producing vast amounts of data every minute of the day, but often the data is not effectively mined for information that could lead to improved knowledge, better processes and, perhaps, more profitable outcomes. Eclipse VOLTTRON offers capabilities for any type of device from which there’s a reason to collect and use data, and includes Modbus and BACnet implementations. The open-source, proprietary aspects of Eclipse VOLTTRON help make it cost-effective.
 
-**A Versatile, Safe Data Tool**
-
-The Eclipse VOLTTRON software platform and associated V-agent applications collect data and either analyze it locally or push to the cloud for storage and subsequent analysis. This technology’s strong security foundation helps ensure that data is protected from external threats.
+**A Versatile, Safe Data Tool**</br>
+The Eclipse VOLTTRON software platform and associated applications collect data and either analyze it locally or push to the cloud for storage and subsequent analysis. This technology’s strong security foundation helps ensure that data is protected from external threats.
diff --git a/content/posts/DistEnergyResources.md b/content/posts/DistEnergyResources.md
@@ -13,10 +13,8 @@ Eclipse VOLTTRON generates powerful outcomes for distributed energy resources (D
 
 With Eclipse VOLTTRON, data, devices and decisions connect seamlessly and securely based on user needs and preferences.
 
-**Eclipse VOLTTRON Overcomes the Obstacles**
-
-Consumers like the concept of using clean, green energy, but it’s estimated that only a small portion of the nation’s power supply comes from wind, solar and other renewable sources. Part of the problem is the intermittent nature of wind and solar, which poses operational challenges for the grid and hinders broader use of renewables. Eclipse VOLTTRON—and buildings—are part of the solution. Eclipse VOLTTRON helps coordinate building energy loads and DER output, lending a hand to grid flexibility and reliability.
-
-**A Force for Coordination**
+**Eclipse VOLTTRON Overcomes the Obstacles**</br>
+Consumers like the concept of using clean, green energy, and it’s estimated that about 20 percent of the nation’s electricity supply now comes from wind, solar and other renewable sources. The intermittent nature of wind and solar poses operational challenges for the grid and hinders broader use of renewables. Eclipse VOLTTRON—and buildings—are part of the solution. Eclipse VOLTTRON helps coordinate building energy loads and DER output, lending a hand to grid flexibility and reliability.
 
+**A Force for Coordination**</br>
 The Eclipse VOLTTRON software platform and associated applications perform monitoring, data collection and analysis in building and DER systems and devices, producing actionable information that controls and streamlines the integration of clean energy and battery power in building and grid operations.
diff --git a/content/posts/MarketSolns.md b/content/posts/MarketSolns.md
@@ -7,3 +7,19 @@ date: "2020-01-04T00:00:00"
 sidebar_left: MarketSlnLeft
 sidebar_right: MarketSlnRight
 ---
+
+**Looking for solutions?**</br>
+Eclipse VOLTTRON™’s virtually limitless potential offers unique opportunities to identify and create a wide range of marketable products and services. Companies or organizations that develop solutions for the marketplace involving data and devices will find much to like about this technology’s design, security, and cost-effectiveness.
+
+With Eclipse VOLTTRON™, data, devices, and decisions connect seamlessly and securely based on user needs and preferences.
+
+**Use Your Imagination**</br>
+Eclipse VOLTTRON™ is versatile. Designed initially for the power grid, the technology’s potential continues to grow and evolve. Examples of existing and potential markets include:
+
+- Building Operations and Efficiency
+- Distributed Energy Resources
+- Connected Homes
+- Data Management
+- Cybersecurity
+- Industrial Processes
+- Environmental/Climate Monitoring
diff --git a/content/tags/playlists.md b/content/tags/playlists.md
@@ -5,31 +5,29 @@ weight: 42
 
 ---
 
-<figure class="PlaylistFig">
-    <iframe style="width: 35vw; height: 20vw;" src="https://www.youtube.com/embed/videoseries?si=gkeRZTTj35HCGcVH&amp;list=PLcXiOt7TUA7OfnOlFhZP8GDSmDLncn1Af" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-inpicture" allowfullscreen ></iframe>
-    <h4>Video Playlist Title</h4>
-    <p>Video Description with multiple lines that stay within the area of the videos</p>
-</figure>
-
-<figure class="PlaylistFig" style=" margin-left: 2vw">
-<iframe style="width: 35vw; height: 20vw;" src="https://www.youtube.com/embed/videoseries?si=gkeRZTTj35HCGcVH&amp;list=PLcXiOt7TUA7OfnOlFhZP8GDSmDLncn1Af" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-inpicture" allowfullscreen>
-</iframe>
-    <h4>Video Playlist Title</h4>
-    <p>Video Description with multiple lines that stay within the area of the videos more information more information more information more information more information more information </p>
-</figure>
-
-<figure class="PlaylistFig" >
-<iframe style="width: 35vw; height: 20vw;" src="https://www.youtube.com/embed/videoseries?si=gkeRZTTj35HCGcVH&amp;list=PLcXiOt7TUA7OfnOlFhZP8GDSmDLncn1Af" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-inpicture" allowfullscreen>
-</iframe>
-    <h4>Video Playlist Title</h4>
-    <p>Video Description with multiple lines that stay within the area of the videos</p>
-</figure>
-<figure class="PlaylistFig" style=" margin-left: 2vw">
-<iframe style="width: 35vw; height: 20vw;" src="https://www.youtube.com/embed/videoseries?si=gkeRZTTj35HCGcVH&amp;list=PLcXiOt7TUA7OfnOlFhZP8GDSmDLncn1Af" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-inpicture" allowfullscreen>
-</iframe>
-    <h4>Video Playlist Title</h4>
-    <p>Video Description with multiple lines that stay within the area of the videos</p>
-</figure>
-
-
-
+<div class="playlist-wrapper-flex">
+    <figure class="PlaylistFig">
+        <a href="https://www.youtube.com/playlist?list=PLb2e9HwqRmUbG7DbFHD9-PCAJ8J1zdVo8" target="_blank" rel="noopener noreferrer">
+            <img style="width: 35vw; height: 20vw;" src="https://i.ytimg.com/vi/IBwtCjiBvR0/maxresdefault.jpg">
+        </a>
+        <h4>Eclipse VOLTTRON Intro</h4>
+    </figure>
+    <figure class="PlaylistFig">
+        <a href="https://www.youtube.com/playlist?list=PLb2e9HwqRmUYT43KtSlo3zhmjPNqFX7O7" target="_blank" rel="noopener noreferrer">
+            <img style="width: 35vw; height: 20vw;" src="https://i.ytimg.com/vi/X7nYZLysOM0/maxresdefault.jpg">
+        </a>
+        <h4>Eclipse VOLTTRON Demos</h4>
+    </figure>
+    <figure class="PlaylistFig" >
+        <a href="https://www.youtube.com/playlist?list=PLb2e9HwqRmUb5thW8c6f9iQNzqifhUAFl" target="_blank" rel="noopener noreferrer">
+            <img style="width: 35vw; height: 20vw;" src="https://i.ytimg.com/vi/bQ_7IBF-y70/maxresdefault.jpg">
+        </a>
+        <h4>Eclipse VOLTTRON Community Meetings</h4>
+    </figure>
+    <figure class="PlaylistFig" >
+        <a href="https://www.youtube.com/playlist?list=PLb2e9HwqRmUbgksKjq4QwwjSjdQZNDjfx" target="_blank" rel="noopener noreferrer">
+            <img style="width: 35vw; height: 20vw;" src="https://i.ytimg.com/vi/F1cpeu3FK7s/maxresdefault.jpg">
+        </a>
+        <h4>Office Hours</h4>
+    </figure>
+</div>
diff --git a/data/homepage.yml b/data/homepage.yml
@@ -21,7 +21,7 @@ items:
     - title: Cost Effective
       icon: fa-piggy-bank
       content: 
-        Eclipse VOLTTRON is open source software, can be hosted on inexpensive computing resources, and enables 
+        Eclipse VOLTTRON is open-source software, can be hosted on inexpensive computing resources, and enables 
         rapid delivery of innovations on a range of computing devices.
       URL: "highlights/costeffective"
 

diff --git a/layouts/partials/homepage/blocks/bannerCta.html b/layouts/partials/homepage/blocks/bannerCta.html
diff --git a/layouts/partials/homepage/blocks/contactUs.html b/layouts/partials/homepage/blocks/contactUs.html
@@ -0,0 +1,10 @@
+<section id="highlights-heading" class="wrapper style1">
+    <p>    
+        <strong>Contact Us</strong></br>
+        If you have any questions, please don’t hesitate to contact the Eclipse VOLTTRON 
+        team at <volttron@pnnl.gov>, and the wider community through the resources 
+        listed above. We look forward to working with you and are excited by the 
+        possibilities this technology can achieve.        
+        </header>
+    </p>
+</section>