diff --git a/README.md b/README.md
index 641f2fe..eaef37f 100644
--- a/README.md
+++ b/README.md
@@ -37,6 +37,6 @@ Adding to submenu:
Adding new image:
- add image to /static/images/
- use images/image_name.png as the path in markdown
- *Note: images being added in html '{{absURL "images/DocumentImages/overviewOverlay.png"}}' or it will not render in github pages*
+ *Note: images being added in html '{{absURL "images/DocumentImages/overviewOverlay.jpg"}}' or it will not render in github pages*
CSS Edits:
- do NOT use the CSS in the theme, go to /assets/sass/custom.scss to make changes.
diff --git a/assets/js/main.js b/assets/js/main.js
index bed868a..7e116f5 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -3,6 +3,37 @@
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
+console.log("hi im javascript")
+document.addEventListener('DOMContentLoaded', function () {
+ const headers = document.querySelectorAll('.main-content a[name]');
+ console.log(headers)
+
+ const observerOptions = {
+ root: null,
+ rootMargin: '0px',
+ threshold: 0.1,
+ };
+
+ const observerCallback = (entries) => {
+ entries.forEach((entry) => {
+ if (entry.isIntersecting) {
+ const name = entry.target.getAttribute('name');
+ const correspondingFigure = document.querySelector(`.AccomplishmentsRight .AccomplishmentFig[data-correspond="${name}"]`);
+
+ if (correspondingFigure) {
+ const offsetTop = entry.target.getBoundingClientRect().top + window.scrollY;
+ correspondingFigure.style.top = `${offsetTop}px`;
+ }
+ }
+ });
+ };
+
+ const observer = new IntersectionObserver(observerCallback, observerOptions);
+
+ headers.forEach((header) => {
+ observer.observe(header);
+ });
+ });
(function($) {
diff --git a/assets/sass/custom.scss b/assets/sass/custom.scss
index 6260ffe..c4bdb34 100644
--- a/assets/sass/custom.scss
+++ b/assets/sass/custom.scss
@@ -28,6 +28,7 @@ img {vertical-align: middle;}
$breakpoints: (
default: 1920px,
wide: 1680px,
+ laptop: 1518px,
normal: 1280px,
narrow: 980px,
narrower: 840px,
@@ -56,6 +57,10 @@ $breakpoints: (
margin-bottom: 24.8%;
}
+ @include breakpoint(laptop) {
+ margin-bottom: 100%
+ }
+
@include breakpoint(normal) {
margin-bottom: 25%;
}
@@ -117,6 +122,10 @@ $breakpoints: (
z-index: -1; /* Optional: Move the image behind any potential content */
}
+// CtA on the front page
+#introducing-volttron {
+ font-weight: bold;
+}
/* Caption text */
@@ -286,21 +295,25 @@ $breakpoints: (
// Handling Accomplishments styles
+// .container {
+// display: flex;
+// justify-content: space-between;
+// }
+
+// .main-content {
+// flex: 0 0 70%;
+// margin-right: 20px;
+// }
+
.AccomplishmentsRight {
- flex: 0 0 30%; /* Adjust width as needed */
+ flex: 0 0 30%;
position: relative;
}
.AccomplishmentsRight .AccomplishmentFig {
- position: absolute; /* Easier hard coding */
+ position: absolute;
}
-// Accomplishments sidebar with pictures hard coded
-#giving-control-to-smbs { top: 4em; }
-#getting-intelligent-with-the-grid { top: 22em; }
-#supporting-connected-communities { top: 50em}
-#connecting-home-appliances { top: 138em; }
-#creating-a-buildings-living-laboratory { top: 90em; }
.AccomplishmentFig {
@extend .SidebarFig;
diff --git a/layouts/partials/homepage/blocks/highlights.html b/layouts/partials/homepage/blocks/highlights.html
index 1a84c05..ba9810d 100644
--- a/layouts/partials/homepage/blocks/highlights.html
+++ b/layouts/partials/homepage/blocks/highlights.html
@@ -1,25 +1,9 @@
- Eclipse VOLTTRON is sponsored by the Department of Energy
+ The Eclipse VOLTTRON open-source software
+ platform offers users multiple attributes and benefits:
+ {{ .item.contents | markdownify }}
-
- {{- with .item.button }}
-
-
-
-
-
-
-
-
-
-
-
-
- and Pacific Northwest National Laboratory, 2024.
-