diff --git a/assets/logo.png b/assets/logo.png new file mode 100644 index 0000000..4c51c81 Binary files /dev/null and b/assets/logo.png differ diff --git a/functions.php b/functions.php index 1b454ce..19e0a64 100644 --- 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; diff --git a/header.php b/header.php index 6a0134e..bf0c8ca 100644 --- 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"), +]); diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss new file mode 100644 index 0000000..9df3129 --- /dev/null +++ b/src/scss/_variables.scss @@ -0,0 +1,5 @@ +$c-offWhite: #F2F2F2; +$c-offWhiteLight: #F9F8F8; +$c-navy: #063C5A; +$c-charcoal: #2B2400; +$c-tan: #B9AF78; diff --git a/src/scss/app.scss b/src/scss/app.scss index 314fbd5..c12d683 100644 --- a/src/scss/app.scss +++ b/src/scss/app.scss @@ -1,2 +1,4 @@ +@import "variables"; + // dependancies - bootstrap @import "../../node_modules/bootstrap/scss/bootstrap"; diff --git a/tpl/header.tpl b/tpl/header.tpl index 5fa6115..25da84d 100644 --- a/tpl/header.tpl +++ b/tpl/header.tpl @@ -9,3 +9,21 @@ {{#wp-header}} + +
+
+
+
+
+
+ {{#wp-title}} +
+ + +
+
+
+
+