Merge pull request #4 from ClaireM2/main

Try number 2

.github/workflows/hugo.yaml

@@ -1,6 +1,7 @@
 # Sample workflow for building and deploying a Hugo site to GitHub Pages
 name: Deploy Hugo site to Pages
 
+
 on:
   # Runs on pushes targeting the default branch
   push:
@@ -77,4 +78,3 @@ jobs:
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4
-

.github/workflows/hugo.yml

@@ -0,0 +1,75 @@
+# Sample workflow for building and deploying a Hugo site to GitHub Pages
+name: Deploy Hugo site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+# Default to bash
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    env:
+      HUGO_VERSION: 0.124.1
+    steps:
+      - name: Install Hugo CLI
+        run: |
+          wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
+          && sudo dpkg -i ${{ runner.temp }}/hugo.deb
+      - name: Install Dart Sass
+        run: sudo snap install dart-sass
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          submodules: recursive
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v5
+      - name: Install Node.js dependencies
+        run: "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci || true"
+      - name: Build with Hugo
+        env:
+          # For maximum backward compatibility with Hugo modules
+          HUGO_ENVIRONMENT: production
+          HUGO_ENV: production
+        run: |
+          hugo \
+            --minify \
+            --baseURL "${{ steps.pages.outputs.base_url }}/"
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./public
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README.md

@@ -1 +1,6 @@
-# eclipse-volttron.github.io
+# eclipse-volttron.github.io
+
+## final stage cleanup
+- [ ] clean up tags section in office hours
+- [ ] check every single pfp
+- [ ] final merge and check

assets/js/main.js

@@ -0,0 +1,113 @@
+/*
+    Arcana by HTML5 UP
+    html5up.net | @ajlkn
+    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+(function($) {
+
+    var $window = $(window),
+        $body = $('body');
+
+    // Breakpoints.
+        breakpoints({
+            wide:      [ '1281px',  '1680px' ],
+            normal:    [ '981px',   '1280px' ],
+            narrow:    [ '841px',   '980px'  ],
+            narrower:  [ '737px',   '840px'  ],
+            mobile:    [ '481px',   '736px'  ],
+            mobilep:   [ null,      '480px'  ]
+        });
+
+    // Play initial animations on page load.
+        $window.on('load', function() {
+            window.setTimeout(function() {
+                $body.removeClass('is-preload');
+            }, 100);
+        });
+
+    // Dropdowns.
+        $('#nav > ul').dropotron({
+            offsetY: -15,
+            hoverDelay: 0,
+            alignment: 'center'
+        });
+
+    // Nav.
+
+        // Bar.
+            $(
+                '<div id="titleBar">' +
+                    '<a href="#navPanel" class="toggle"></a>' +
+                    '<span class="title">' + $('#logo-wrapper').html() + '</span>' +
+                '</div>'
+            )
+                .appendTo($body);
+
+        // Toolbox.
+            let toolBoxElement = '<div class="toolbox">';
+            let multilingual = $('#multilingual');
+            if (multilingual[0]){
+                toolBoxElement +=
+                    '<div class="dropdown">' +
+                        multilingual.html() +
+                    '</div>';
+            }
+
+            toolBoxElement += '</div>';
+
+        // Panel.
+            $(
+                '<div id="navPanel">' +
+                    '<nav>' +
+                        $('#nav').navList() +
+                    '</nav>' +
+                    toolBoxElement +
+                '</div>'
+            )
+                .appendTo($body)
+                .panel({
+                    delay: 500,
+                    hideOnClick: true,
+                    hideOnSwipe: true,
+                    resetScroll: true,
+                    resetForms: true,
+                    side: 'left',
+                    target: $body,
+                    visibleClass: 'navPanel-visible'
+                });
+
+    // Dropdown buttons.
+        $('a#languageDropdown').click(function (e) {
+            $('ul#languageContent').toggleClass("show");
+            e.stopPropagation();
+        });
+        $(document).click(function() {
+            $('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
+        }
+
+
+
+})(jQuery);
+
+

assets/sass/custom.scss

@@ -0,0 +1,139 @@
+.thumbnail { 
+    top:-50px; 
+    left:-35px; 
+    display:block; 
+    z-index:999; 
+    cursor: pointer; 
+
+    -webkit-transition-property: all; 
+    -webkit-transition-duration: 0.3s; 
+    -webkit-transition-timing-function: ease; 
+} 
+
+    /*change the number below to scale to the appropriate size*/ 
+.thumbnail:hover { 
+    transform: scale(1.1); 
+
+}
+.figConfig{
+  display: inline-table;
+  max-width: 20%;
+  margin-right: 50px;
+  margin-bottom: 30px;
+
+  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}
+}
+
+
+.figConfigpdf{
+    display: inline-table;
+    max-width: 20%;
+    margin-right: 50px;
+
+    p {
+     font-size: medium;
+     margin-top: -15px;
+     line-height: 100%;
+    }
+
+
+}
+
+.figConfigpdf h4 {
+    line-height: 100%;
+}
+
+.figConfig{
+    display: inline-table;
+    max-width: 20%;
+    margin-right: 50px;
+
+    p {
+     font-size: medium;
+     margin-top: -15px;
+     line-height: 100%;
+    }
+
+
+}
+
+.figConfig img {
+    max-width: 380px;
+    min-width: 380px;
+}
+
+
+.figConfig h4 {
+    line-height: 100%;
+}