Skip to content

Commit

Permalink
edited the styles for the playlist figs in the playlist tab
Browse files Browse the repository at this point in the history
  • Loading branch information
dominrios committed Oct 29, 2024
1 parent 9109ccf commit ceae047
Show file tree
Hide file tree
Showing 6 changed files with 40 additions and 20 deletions.
34 changes: 27 additions & 7 deletions assets/sass/custom.scss
Original file line number Diff line number Diff line change
Expand Up @@ -662,12 +662,30 @@ header {
.PlaylistFig{
display: inline-table;
img{
max-width: 400px;
max-height: 300px;

width: 15vw;
height: 14vh;

// width: 35vw;
// height: 20vw;

@include breakpoint(laptopls){
max-width: 400px;
max-height: 300px
width: 500px;
height: 400px;
}

@include breakpoint(default){
width: 500px;
height: 300px
}

@include breakpoint(Wide){
width: 400px;
height: 200px
}

@include breakpoint(mobilel){
width: 300px;
height: 150px
}
}

Expand Down Expand Up @@ -713,11 +731,13 @@ header {
}

.playlist-wrapper-flex{
display:flex;
display: flex;
flex-wrap: wrap;
gap:10px
gap: 15px
}



/* Fix for squished logo on mobile */
#titleBar{
span h1 a img{
Expand Down
8 changes: 4 additions & 4 deletions content/tags/playlists.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,25 +8,25 @@ weight: 42
<div class="playlist-wrapper-flex">
<figure class="PlaylistFig">
<a href="https://www.youtube.com/playlist?list=PLdW5J6qhxuwArRdyV1reXICYCL_6Nwz9h" target="_blank" rel="noopener noreferrer">
<img style="width: 35vw; height: 20vw;" src="https://i.ytimg.com/vi/IBwtCjiBvR0/maxresdefault.jpg">
<img 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=PLdW5J6qhxuwD_C16V8TkqYytyzhr4xqcm" target="_blank" rel="noopener noreferrer">
<img style="width: 35vw; height: 20vw;" src="https://i.ytimg.com/vi/X7nYZLysOM0/maxresdefault.jpg">
<img 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=PLdW5J6qhxuwDExyPIcfFiOBHoSQWPWGD4" target="_blank" rel="noopener noreferrer">
<img style="width: 35vw; height: 20vw;" src="https://i.ytimg.com/vi/bQ_7IBF-y70/maxresdefault.jpg">
<img 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=PLdW5J6qhxuwBOMTG64IH4vSt2SXrziHk8" target="_blank" rel="noopener noreferrer">
<img style="width: 35vw; height: 20vw;" src="https://i.ytimg.com/vi/F1cpeu3FK7s/maxresdefault.jpg">
<img src="https://i.ytimg.com/vi/F1cpeu3FK7s/maxresdefault.jpg">
</a>
<h4>Office Hours</h4>
</figure>
Expand Down
10 changes: 5 additions & 5 deletions layouts/partials/sidebar/BuildingsOperationsRight.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ <h3>Accomplishments</h3>
<b>Giving Control to SMBs -</b>
Eclipse VOLTTRON is a central component in an efficiency and grid services solution for a key,
underserved segment of the nation’s commercial buildings sector: small- and medium-sized buildings (SMBs).
<a href="/archives/accomplishments/#giving-control-to-smbs">Read More.</a>
<a href="/eclipse-volttron-fork/archives/accomplishments/#giving-control-to-smbs">Read More.</a>

</p>
<p>
Expand All @@ -13,28 +13,28 @@ <h3>Accomplishments</h3>
two Department of Energy-funded Connected Communities projects that got
underway in 2024 to make homes and buildings more efficient and connected to
the power grid.
<a href="/archives/accomplishments/#supporting-connected-communities">Read More.</a>
<a href="/eclipse-volttron-fork/archives/accomplishments/#supporting-connected-communities">Read More.</a>
</p>
<p >
<b>Enabling Efficiency in D.C. -</b>
Pacific Northwest National Laboratory (PNNL) partnered with an energy services firm to
deploy Eclipse VOLTTRON™—along with applications that improve building operations and
efficiency—at a school and office building in Washington, D.C.
<a href="/archives/accomplishments/#enabling-efficiency-in-dc">Read More.</a>
<a href="/eclipse-volttron-fork/archives/accomplishments/#enabling-efficiency-in-dc">Read More.</a>

</p>
<p>
<b>Creating a Buildings Living Laboratory</b>
Pacific Northwest National Laboratory (PNNL) used Eclipse VOLTTRON to connect
multiple PNNL campus buildings – both for energy management and research purposes.
<a href="/archives/accomplishments/#creating-a-buildings-living-laboratory">Read More.</a>
<a href="/eclipse-volttron-fork/archives/accomplishments/#creating-a-buildings-living-laboratory">Read More.</a>
</p>
<p >
<b>Dispatching Optimization and Savings -</b>
A Pacific Northwest National Laboratory (PNNL) technology that employs Eclipse VOLTTRON
successfully enabled economic dispatch during a multi-month field test in New York in
2019.
<a href="/archives/accomplishments/#dispatching-optimization-and-savings">Read More.</a>
<a href="/eclipse-volttron-fork/archives/accomplishments/#dispatching-optimization-and-savings">Read More.</a>

</p>

Expand Down
4 changes: 2 additions & 2 deletions layouts/partials/sidebar/ConnectedHomeRight.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,15 @@ <h3>Accomplishments</h3>
two Department of Energy-funded Connected Communities projects that got
underway in 2024 to make homes and buildings more efficient and connected to
the power grid.
<a href="/archives/accomplishments/#supporting-connected-communities">Read More.</a>
<a href="/eclipse-volttron-fork/archives/accomplishments/#supporting-connected-communities">Read More.</a>
</p>

<p>
<b>"Connecting" Home Appliances -</b>
Eclipse VOLTTRON and associated algorithms were applied in a project that
effectively transformed existing home heating and cooling units and hot water
heaters into smart appliances that can coordinate with the grid.
<a href="/archives/accomplishments/#connecting-home-appliances">Read More.</a>
<a href="/eclipse-volttron-fork/archives/accomplishments/#connecting-home-appliances">Read More.</a>
</p>
<footer>
<a href="#" class="button">{{ T "sidebar_button_1" }}</a>
Expand Down
2 changes: 1 addition & 1 deletion layouts/partials/sidebar/MarketSlnRight.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ <h3>Accomplishments</h3>
The Pacific Northwest National Laboratory (PNNL)-developed Intelligent Load Control (ILC) technology is
delivered to buildings via the Eclipse VOLTTRON platform. ILC coordinates operation of building devices,
such as heating and cooling units, to manage building energy use in coordination with power grid needs.
<a href="/archives/accomplishments/#getting-intelligent-with-the-grid">Read More</a>
<a href="/eclipse-volttron-fork/archives/accomplishments/#getting-intelligent-with-the-grid">Read More</a>
</p>

<footer>
Expand Down

Large diffs are not rendered by default.

0 comments on commit ceae047

Please sign in to comment.