Added attribution for Netlify and fixed small styling bugs

eclipse-thingweb · Apr 9, 2024 · 4c8920b · 4c8920b
1 parent f6ce9e7
commit 4c8920b
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 12 deletions.
diff --git a/packages/web/package-lock.json b/packages/web/package-lock.json
diff --git a/packages/web/src/scripts/console.js b/packages/web/src/scripts/console.js
@@ -79,7 +79,7 @@ function collapseConsole() {
     consoleElement.classList.add("collapsed")
 
     mainContentElement.style.flex = "1 0"
-    consoleElement.style.flex = `0 39px`
+    consoleElement.style.flex = `0 43px`
     minMaxBtn.children[0].children[0].setAttribute("d", "M344 0H488c13.3 0 24 10.7 24 24V168c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512H24c-13.3 0-24-10.7-24-24V344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z")
     minMaxBtn.children[0].classList.add("expand-arrows")
     minMaxBtn.children[0].classList.remove("collapse-arrows")

diff --git a/packages/web/src/scripts/main.js b/packages/web/src/scripts/main.js
@@ -162,10 +162,10 @@ function onmousemoveY(e) {
     // DOWN
     if (deltaY > 0) {
       const h = Math.round(parseInt(getComputedStyle(b).height) - deltaY)
-      b.style.flex = `0 ${h < 50 ? 39 : h}px`
+      b.style.flex = `0 ${h < 55 ? 43 : h}px`
       t.style.flex = "1 0"
 
-      if (h < 39) {
+      if (h < 43) {
         consoleElement.classList.remove("expanded")
         consoleElement.classList.add("collapsed")
 
@@ -183,7 +183,7 @@ function onmousemoveY(e) {
     // UP
     if (deltaY < 0) {
       const h = Math.round(parseInt(getComputedStyle(t).height) + deltaY)
-      t.style.flex = `0 ${h < 220 ? 210 : h}px`
+      t.style.flex = `0 ${h < 225 ? 210 : h}px`
       b.style.flex = "1 0"
 
       if (h > 714) {

diff --git a/packages/web/src/styles/_control-panel.scss b/packages/web/src/styles/_control-panel.scss
@@ -68,6 +68,7 @@
             width: fit-content;
             opacity: 1;
             transform: scaleX(1);
+            margin-top: .5rem;
             transition: opacity 250ms var(--trans-bouncy), transform 250ms var(--trans-bouncy);
         }
 

diff --git a/packages/web/src/styles/_examples-menu.scss b/packages/web/src/styles/_examples-menu.scss
@@ -413,7 +413,7 @@
                                 height: 0;
                                 opacity: 0;
                                 font-size: var(--fs-p);
-                                line-height: var(--lh-sub-header);
+                                // line-height: var(--lh-p);
                                 max-width: 60ch;
                                 overflow-y: scroll;
                                 overflow-x: hidden;

diff --git a/packages/web/src/styles/_settings-menu.scss b/packages/web/src/styles/_settings-menu.scss
@@ -242,8 +242,19 @@
         width: 100%;
         text-align: center;
 
-        p {
+        .project-links {
             margin-bottom: 1rem;
+
+            p {
+                margin-bottom: .5rem;
+            }
+
+            .netlify-link {
+                a {
+                    font-weight: bold;
+                }
+            }
+
         }
 
         .footer-links {
@@ -252,6 +263,7 @@
             align-items: center;
             justify-content: center;
 
+
             a {
                 font-size: 1.2rem;
                 padding: 0 1rem;

diff --git a/packages/web/src/styles/styles.scss b/packages/web/src/styles/styles.scss
@@ -57,8 +57,8 @@
     --lh-h2: 4rem;
     --lh-h3: 3.5rem;
     --lh-sub-header: 3rem;
-    --lh-p: 1.8rem;
-    --lh-footer: 1.25rem;
+    --lh-p: 2.2rem;
+    --lh-footer: 1.4rem;
     --lh-i: 2rem;
 
     /*colors*/
@@ -177,7 +177,7 @@ h3 {
 p,
 li {
     font-size: var(--fs-p);
-    line-height: var(--lh-sub-header);
+    line-height: var(--lh-p);
     font-weight: var(--fw-regular);
 }
 

diff --git a/packages/web/src/template.html b/packages/web/src/template.html
@@ -973,8 +973,13 @@ <h3 class="settings__preferences">Preferences</h3>
             </div>
 
             <footer>
-                <p><a href="https://www.thingweb.io/" target="_blank" id="thingweb-link">© 2023 The Eclipse Thingweb
-                        Project</a></p>
+                <div class="project-links">
+                    <p class="thingweb-link"><a href="https://www.thingweb.io/" target="_blank" id="thingweb-link">© 2024 The Eclipse Thingweb
+                            Project</a></p>
+                    <p class="netlify-link">This site is powered by <a href="https://www.netlify.com" target="_blank"
+                            id="netlify-link">Netlify</a></p>
+                </div>
+
                 <div class="footer-links">
                     <a href="https://www.eclipse.org" target="_blank" id="eclipse-link">Eclipse</a>
                     <a href="https://www.eclipse.org/legal/privacy.php" target="_blank" id="privacy-link">Privacy