WIP with auto pull file

2025-05-06 08:47:08 -07:00
parent b9f4402bbb
commit 628f4b8a2e
6 changed files with 30 additions and 2 deletions
--- a/assets/logo.png
+++ b/assets/logo.png
--- a/functions.php
+++ b/functions.php
@@ -9,7 +9,7 @@ use ofc\Site;
 $site = new Site();

 # Allow the Site object to be accessed in other files
-function site()
+function site(): Site
 {
    global $site;
    return $site;
--- a/header.php
+++ b/header.php
@@ -5,4 +5,7 @@
 // RAD. Check out the docs here:
 // https://rad-theme-engine.ofco.cloud/docs/guides/helpers/

-echo site()->render("header");
+echo site()->render("header", [
+    "logo" => site()->getAssetUrl("logo.png"),
+    "menu" => site()->renderMenu("main-nav"),
+]);
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -0,0 +1,5 @@
+$c-offWhite: #F2F2F2;
+$c-offWhiteLight: #F9F8F8;
+$c-navy: #063C5A;
+$c-charcoal: #2B2400;
+$c-tan: #B9AF78;
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -1,2 +1,4 @@
+@import "variables";
+
 // dependancies - bootstrap
@import "../../node_modules/bootstrap/scss/bootstrap";
--- a/tpl/header.tpl
+++ b/tpl/header.tpl
@@ -9,3 +9,21 @@
    {{#wp-header}}
 </head>
 <body {{#body-classes}}>
+
+<section class="top-nav">
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <div class="d-flex">
+                    <div class="logo-wrapper">
+                        <a href="/"><img src="{{ logo }}" alt="{{#wp-title}}" /></a>
+                    </div>
+
+                    <nav class="align-items-center d-flex gap-3 main-nav">
+                        {{{ menu }}}
+                    </nav>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>