Funkin' Branding + QOL

dont cache anything in http-server
Std.instance() -> Std.downcast() (fixes deprecation warning?)
add vscode file association for .mtt files -> .html
funkin branding

make it easier to test/build the site and styles

Co-Authored-By: Cameron Taylor <[email protected]>

Author: ninjamuffin99

.github/workflows/main.yml

@@ -39,11 +39,8 @@ jobs:
         haxelib install highlighting.hxml --always --quiet
         haxelib list
 
-    - name: Make build.sh executable
-      run: chmod +x build.sh
-
     - name: Run build script
-      run: ./build.sh
+      run: haxe build.hxml
 
     - name: Upload build artifacts (optional)
       uses: actions/upload-artifact@v4

.vscode/settings.json

@@ -0,0 +1,4 @@
+{"files.associations": {
+        "*.mtt": "html"
+    }
+}

README.md

@@ -24,9 +24,7 @@ Install from npm:
 npm install
 ```
 
-Either run `build.bat` or `build.sh` depending on your platform.
-
-(joke is, they're the same file)
+Run `haxe build.hxml`.
 
 The main repo tells users to run it through neko, so we do that as well. But we also run highlighting.hxml for the code highlighting.
 

assets/content/layout.mtt

@@ -13,7 +13,7 @@
 	<link rel="stylesheet" type="text/css" href="css/haxe-nav.min.css" />
 	<link rel="stylesheet" type="text/css" href="css/fonts.min.css" />
 
-	<link rel="icon" href="https://haxe.org/favicon.ico" />
+	<link rel="icon" href="ico/favicon.ico" />
 	<link rel="canonical" href="::currentPage.absoluteUrl::" ::cond currentPage.absoluteUrl != null:: />
 	<link href="::basePath::rss.xml" rel="alternate" type="application/atom+xml" title="RSS Feed Friday Night Funkin' Cookbook" />
 
@@ -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 {