From f7a5c3fcb9ee6f8976465bdc440b5f398c19bafd Mon Sep 17 00:00:00 2001
From: Tony Kan <tianchengkan@gmail.com>
Date: Mon, 18 Nov 2024 06:35:03 -0800
Subject: [PATCH] feat: Add How to Play Page to navigation bar

- Added a "How to Play" link to the navigation bar in `main-header.ejs`.
- Temporarily linked the "How to Play" page to an external URL: https://tridecco.com/instructions.
- Ensured the link opens in a new tab for user convenience.

This enhancement provides users with easy access to game instructions, improving the overall user experience.
---
 views/components/main-header.ejs | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/views/components/main-header.ejs b/views/components/main-header.ejs
index d89bdf1..1b1454f 100644
--- a/views/components/main-header.ejs
+++ b/views/components/main-header.ejs
@@ -12,6 +12,8 @@
                 class="mr-5 <%= currentPage === 'play-now' ? 'text-gray-900' : 'hover:text-gray-900' %>">Play Now</a>
             <a href="/leaderboard"
                 class="mr-5 <%= currentPage === 'leaderboard' ? 'text-gray-900' : 'hover:text-gray-900' %>">Leaderboard</a>
+            <a href="https://tridecco.com/instructions" 
+                target="_blank" class="mr-5 hover:text-gray-900">How to Play</a>
         </nav>
         <button onclick="window.location.href = '/my'"
             class="inline-flex items-center bg-gray-100 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0">My