diff options
| author | Matthew Lemon <y@yulqen.org> | 2024-11-12 21:15:19 +0000 |
|---|---|---|
| committer | Matthew Lemon <y@yulqen.org> | 2024-11-12 21:15:19 +0000 |
| commit | 9442d56c5b4a9dc8b5111bb84ee0d24bcfc571af (patch) | |
| tree | 9aab1c08298ac4f45380eebed23ee6a9e340490d | |
| parent | 0c236603161908c72ab86ab9c682a08edd77774f (diff) | |
Adds basic navbar
| -rw-r--r-- | app/views/layouts/_navbar.html.erb | 27 | ||||
| -rw-r--r-- | app/views/layouts/application.html.erb | 5 | ||||
| -rw-r--r-- | public/img/AL_long_logo_black_grey.png | bin | 0 -> 127223 bytes |
3 files changed, 30 insertions, 2 deletions
diff --git a/app/views/layouts/_navbar.html.erb b/app/views/layouts/_navbar.html.erb new file mode 100644 index 0000000..7a50848 --- /dev/null +++ b/app/views/layouts/_navbar.html.erb @@ -0,0 +1,27 @@ +<nav class="bg-white border-gray-200"> + <div class="w-full flex flex-wrap items-center justify-between p-4"> + <a href="#" class="rtl:space-x-reverse"> + <%= image_tag '/img/AL_long_logo_black_grey.png', size: "250" %> + </a> + <div class="w-full md:block md:w-auto" id="navbar-default"> + <ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border rounded-lg md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white"> + <li> + <a href="#" class="block py-2 px-3 text-black aria-current="page">Home</a> + </li> + <li> + <a href="#" class="block py-2 px-3 rounded">About</a> + </li> + <li + <a href="#" class="block py-2 px-3 rounded">Services</a> + </li> + <li> + <a href="#" class="block py-2 px-3 rounded">Pricing</a> + </li> + <li> + <a href="#" class="block py-2 px-3 rounde">Contact</a> + </li> + </ul> + </div> + </div> +</nav> + diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index cb9863e..64bcdd8 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -24,8 +24,9 @@ </head> <body> - <main class="container mx-auto mt-28 px-5 flex"> - <%= yield %> + <main class="container mx-auto mt-12 px-5"> + <%= render "layouts/navbar" %> + <%= yield %> </main> </body> </html> diff --git a/public/img/AL_long_logo_black_grey.png b/public/img/AL_long_logo_black_grey.png Binary files differnew file mode 100644 index 0000000..21f51c9 --- /dev/null +++ b/public/img/AL_long_logo_black_grey.png |
