Major improvements. (website)

3 files changed, 46 insertions, 7 deletions

diff --git a/site/public/css/blog.css b/site/public/css/blog.css
index 8f6d6a2..9d105dc 100644
--- a/site/public/css/blog.css
+++ b/site/public/css/blog.css
@@ -120,6 +120,7 @@ h1, h2, h3, h4, h5, h6 {
 /*
  * Footer
  */
+/*
 .blog-footer {
   padding: 2.5rem 0;
   color: #999;
@@ -130,3 +131,4 @@ h1, h2, h3, h4, h5, h6 {
 .blog-footer p:last-child {
   margin-bottom: 0;
 }
+*/
diff --git a/site/public/css/custom.css b/site/public/css/custom.css
index f3c99e1..417d4dd 100644
--- a/site/public/css/custom.css
+++ b/site/public/css/custom.css
@@ -1,4 +1,42 @@
+.custom-flex-child {
+	min-width: 0;
+}
+.h3-truncate {
+	min-width: 0;
+}
+.custom-flex-child > .h3-truncate > .hide-overflow{
+	overflow: hidden;
+	text-overflow: ellipsis !important;
+}
+.custom-flex-child > .hide-overflow{
+	overflow: hidden;
+	text-overflow: ellipsis !important;
+}
 .hide-overflow{
 	overflow: hidden;
 	text-overflow: ellipsis !important;
 }
+.footer-col {
+	padding-right: 20px;
+	padding-left: 20px;
+}
+.bg-dark-opacity {
+}
+.w-55 {
+	width: 55% !important;
+}
+.h-40 {
+	height: 40% !important;
+}
+.h-45 {
+	height: 45% !important;
+}
+.text-small {
+	font-size: 80%;
+}
+.mt-10 {
+	margin-top: 10px;
+}
+.mt-20 {
+	margin-top: 20px;
+}
diff --git a/site/public/css/sticky-footer-navbar.css b/site/public/css/sticky-footer-navbar.css
index 07fd56a..bca2eae 100644
--- a/site/public/css/sticky-footer-navbar.css
+++ b/site/public/css/sticky-footer-navbar.css
@@ -6,14 +6,14 @@ html {
 }
 body {
   /* Margin bottom by footer height */
-  margin-bottom: 60px;
+  margin-bottom: 200px;
 }
 .footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   /* Set the fixed height of the footer here */
-  height: 60px;
+  height: 200px;
   line-height: 60px; /* Vertically center the text there */
   background-color: #f5f5f5;
 }
@@ -23,15 +23,14 @@ body {
 -------------------------------------------------- */
 /* Not required for template or sticky footer method. */
 
+/*
+*/
 body > .container {
-  padding: 60px 15px 0;
+  padding: 30px 15px 0;
 }
 
 .footer > .container {
+  margin-top: 10px;
   padding-right: 15px;
   padding-left: 15px;
 }
-
-code {
-  font-size: 80%;
-}