Merge pull request #46 from 35C4n0r/fix-footer-ui

feat: add a new more descriptive footer
layer5io · Nov 14, 2023 · ccba72b · ccba72b
2 parents ad91dfa + 6635655
commit ccba72b
Show file tree

Hide file tree

Showing 14 changed files with 763 additions and 36 deletions.
diff --git a/assets/icons/discuss.svg b/assets/icons/discuss.svg
diff --git a/assets/icons/docker.svg b/assets/icons/docker.svg
diff --git a/assets/icons/envelope.svg b/assets/icons/envelope.svg
diff --git a/assets/icons/github.svg b/assets/icons/github.svg
diff --git a/assets/icons/linkedin.svg b/assets/icons/linkedin.svg
diff --git a/assets/icons/slack.svg b/assets/icons/slack.svg
diff --git a/assets/icons/twitter.svg b/assets/icons/twitter.svg
diff --git a/assets/icons/youtube.svg b/assets/icons/youtube.svg
diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss
@@ -1,3 +1,5 @@
+@import 'footer';
+
 //
 // Style Markdown content
 //
@@ -109,4 +111,27 @@ h1, h2, h3, h4, h5, h6 {
     @include media-breakpoint-up(sm) {
       font-size: 3rem;
     }
-  }
+  }
+
+/* width */
+::-webkit-scrollbar {
+  width: 8px;
+  background-color: transparent;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: transparent;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: $primary;
+  border-radius: 10px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: $secondary;
+}
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
@@ -3,6 +3,10 @@
 @import 'image-modal_project.scss';
 @import 'elements_project.scss';
 
+:root, :host{
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
 
 // Global Navigation Bar
 .td-navbar{

diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
@@ -25,7 +25,7 @@ $code-color: shade-color($secondary, 40%) !default;
 // $bg-gradient-dark: linear-gradient(250deg, #477e96 0%, #00b39f 35%, rgb(60, 73, 79) 100%); 
 
 // Body
-$body-color: #ccc;
+$body-color: #CCCCCC;
 $body-bg: #010101;
 // $bs-body-bg: $dark;
 // $bs-card-cap-bg: $dark;
@@ -67,6 +67,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=#{$google_font_family}&
 $font-awesome-font-name: "Font Awesome 6 Free" !default;
 
 $td-fonts-serif: "Qanelas Soft", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-qanelas: "Qanelas Soft", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 
 @if $td-enable-google-fonts {
   $td-fonts-serif: prepend($td-fonts-serif, "#{$google_font_name}");