more branding and what not

Author: Kade-github

assets/content/layout.mtt

@@ -56,8 +56,8 @@
 	<nav class="section nav dark">
 		<div class="navbar navbar-fixed-top navbar-inverse">
 			<div class="navbar-inner">
-				<button class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a class="brand haxe-logo" href="https://haxe.org/"><img alt="Haxe" height="21" onerror="this.src='https://haxe.org/img/haxe-logo-horizontal-on-dark.png'" src="https://haxe.org/img/haxe-logo-horizontal-on-dark.svg" width="107" /></a>
-				<a class="brand sub ide" href="./">Friday Night Funkin'</a>
+				<button class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a class="brand haxe-logo" href="https://funkin.me/"><img alt="Funkin' Cookbook" height="21" onerror="this.src='img/funkin-cookbook-logo.png'" src="svg/funkin-logo-export.svg" width="150" /></a>
+				<a class="brand sub ide" href="./">CODE</a>
 
 				<div class="nav-collapse collapse">
 				<ul class="nav">
@@ -75,6 +75,9 @@
 						</ul>
 					</li>
 					<li class="divider"></li>
+					<li>
+					<a class="sub" href="https://thekade.net/funkin-api/funkin/">Documentation</a>
+					</li>
 				</ul>
 			</div>
 		</div>
@@ -87,7 +90,7 @@
 	<div class="container">
 		<div class="copyright">
 			<p>
-			&copy;::DateTools.format(now, "%Y")::&nbsp;<a class="hf-link" href="https://funkin.me/" rel="external nofollow noopener" title="Funkin' Crew Website">The Funkin' Crew</a> |
+			&copy;::DateTools.format(now, "%Y")::&nbsp;<a class="hf-link" href="https://funkin.me/" rel="external nofollow noopener" title="Funkin' Crew Inc Website">The Funkin' Crew Inc.</a> |
 			&nbsp;Created with <a href="https://github.com/HaxeFoundation/code-cookbook" title="Haxe Code Cookbook on GitHub" rel="external nofollow noopener">Code Cookbook on GitHub</a> 
 			</p>
 			<p class="last-modified">Last deploy: ::DateTools.format(now, "%b %d, %Y")::</p>

assets/includes/css/haxe-nav.css

@@ -94,7 +94,7 @@ nav .navbar .nav>li>.dropdown-menu:after {
 
 /** SUB BRAND LOGOS **/
 
-.navbar .brand.haxe-logo { padding-right:0; margin: 3px 0 0 0px; }
+.navbar .brand.haxe-logo { position:relative; padding-right:0; margin: 3px 0 0 0px; right: 5px; }
 .navbar .brand.haxe-logo:hover { opacity:.9; }
 
 .navbar .brand.haxe-logo:after {
@@ -103,6 +103,7 @@ nav .navbar .nav>li>.dropdown-menu:after {
 	/* create arrow */
 	width: 0; 
 	height: 0; 
+	margin:0 5px 0 5px;
 	border-top: 22px solid transparent;
 	border-bottom: 22px solid transparent;
 	border-left: 7px solid #13110f; /* same color as nav bar */
@@ -119,7 +120,7 @@ nav .navbar .nav>li>.dropdown-menu:after {
 	padding:14px 20px 13px 20px;
 	margin:0 10px 0 0;
 	font:bold 18px "arial black", "open sans";
-	line-height:22px;
+	line-height:26px;
 	color:rgb(255,255,255);
 }
 .navbar .brand.sub:hover {
@@ -128,7 +129,6 @@ nav .navbar .nav>li>.dropdown-menu:after {
 }
 
 .navbar .brand.sub:before {
-	content:".."; /* two dots */
 	position:absolute;
 	margin-left:-33px;
 	margin-top:-28px;
@@ -138,6 +138,16 @@ nav .navbar .nav>li>.dropdown-menu:after {
 	color:#fff200;
 }
 
+.navbar .sub { 
+	text-shadow: 1px 1px 3px #000;	
+
+	margin-left: -10px;
+
+	font: 18px "Open Sans", sans-serif;
+	line-height:22px;
+	color:rgb(255,255,255);
+}
+
 /** SUB BRAND COLORS **/
 
 .navbar .brand.sub.try:before {