Merge pull request #75 from Grumpyyash/footer-fix

layer5io · Mar 11, 2021 · 93aede9 · 93aede9
2 parents d5e32da + 7b97af2
commit 93aede9
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 41 deletions.
diff --git a/docs/_data/footer.yml b/docs/_data/footer.yml
@@ -1,19 +1,19 @@
 #getnighthawk.dev footer data
-- title: Community
-  links:
-  - name: Blog
-    link: https://layer5.io/blog
-  - name: Contributors
-    link: https://layer5.io/community/members
-  - name: Events
-    link: https://layer5.io/events
-    new_window: true
-  - name: Slack
-    link: http://slack.layer5.io/
-    new_window: true
-  - name: GitHub
-    link: https://github.com/layer5io/getnighthawk/
-    new_window: true
+# - title: Community
+#   links:
+#   - name: Blog
+#     link: https://layer5.io/blog
+#   - name: Contributors
+#     link: https://layer5.io/community/members
+#   - name: Events
+#     link: https://layer5.io/events
+#     new_window: true
+#   - name: Slack
+#     link: http://slack.layer5.io/
+#     new_window: true
+#   - name: GitHub
+#     link: https://github.com/layer5io/getnighthawk/
+#     new_window: true
 - title: Getting Started
   links:
   - name: Features
@@ -35,7 +35,7 @@
   - name: Service Mesh Landscape
     link: https://layer5.io/landscape
     new_window: true
-- title: Socials 
+- title: Social
   links:
   - name: Twitter
     link: https://twitter.com/layer5
@@ -60,4 +60,4 @@
   - name: GitHub
     link: https://github.com/layer5io/getnighthawk/
     social_icon: GitHub
-    new_window: true
+    new_window: true
diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
@@ -17,20 +17,24 @@
 						{% endfor %}
 					</ul>
 					{% endfor %}
-
-				</div>
-				<div class="copyright-cont">
-					<p>2021 <span class="copyright">&#169;</span> Layer5, Inc.</p>
+
 				</div>
+
+
+			</div>
+			<hr>
+			<div class="container">
+				<p class="copyright-text">Copyright <span class="copyright">&#169;</span> Layer5, Inc. 2021 </p>
 			</div>
+
 		</footer>
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 		{% if jekyll.environment == 'production' %}
        		<script src="{{ site.baseurl }}/assets/js/stellarnav.min.js"></script>
         {% else %}
 		<script src="{{ site.baseurl }}/assets/js/stellarnav.js"></script>
 	    {% endif %}
-		
+
 		<script src="{{ site.baseurl }}/assets/js/main.js"></script>
 
 		<!-- Site Navigation Menu -->
@@ -43,12 +47,12 @@
 		<!--Script for Copy to Clipboard-->
 		<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
 		<script>
-		
+
 		function resetCopyText(element) {
 			let childElements = element.childNodes
 			childElements[3].innerHTML="Copy to clipboard";
 		}
-		
+
 		var clipboard = new ClipboardJS('.btn');
 		clipboard.on('success', function(e) {
 			console.info('Action:', e.action);

diff --git a/docs/_sass/footer.scss b/docs/_sass/footer.scss
@@ -1,12 +1,18 @@
-
 .container{
 	display: flex;
-	justify-content: space-evenly;	
+	justify-content: space-evenly;
 	font-size: 0.8rem;
 }
+.copyright-text {
+	position: absolute;
+	left: 12rem;
+	color: white;
+	font-size: 15px;
+	line-height: 15px;
+}
 
 .footer-links {
-	
+
 	margin: 0rem 1rem;
 	padding: 0;
 
@@ -44,10 +50,10 @@
 			&.google-plus-icon:hover svg {
 				fill: #db4437;
 			}
-			
+
 			&.calendar-icon:hover svg {
 				fill: #0073cf;
-			}			
+			}
 
 			&.dockerhub-icon:hover svg {
 				fill: #029CEC;
@@ -78,7 +84,7 @@
 			}
 		}
 	}
-	
+
 }
 .feed {
 	width: 100%;
@@ -89,7 +95,7 @@
 		-webkit-flex: 1 0 310px;
 		flex: 1 0 310px;
 	}
-	
+
 	ul {
 		list-style: none;
 		margin: 10px auto;
@@ -106,32 +112,31 @@ footer {
 	position: relative;
 	background: #1E2117;
 	color: #fff;
-	
+
 	.getnighthawk-logo{
 		display: flex;
-		align-items: center;
 		a{
 			display:block;
-			
+
 			img{
-				width:3rem;
+				width:5rem;
 				vertical-align: middle;
 			}
 			p{
 				display: inline-block;
 				color:white;
-				font-size: 1.1rem;
+				font-size: 2rem;
 				font-weight: bolder;
 				margin:0rem 0.2rem;
-			}	
+			}
 		}
 		a:hover{
 			text-decoration: none;
 
 		}
 	}
 	.copyright-cont{
-		
+
 		display: flex;
 		align-items: center;
 		p{
@@ -141,13 +146,13 @@ footer {
 	.copyright {
 		font-size: .8em;
 		margin: 0 auto;
-		
+
 		@media #{$tablet} {
 			text-align: center;
 		}
 
 	}
-	
+
 	&,
 	a {
 		color: #999;
@@ -214,4 +219,4 @@ footer {
 		display: grid;
 		grid-template-columns: 1fr 1fr 1fr;
 	}
-}
+}