im fanally done with this
http://127.0.0.1:5500/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contact Iris Cabin - Camp Half-Blood</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav>
<div class="search-container">
<div class="search-text">
<input type="text" id="searchInput" placeholder="Search prophecies, monsters, gods...">
<button onclick="searchItems()">Search</button>
</div>
</div>
</nav>
<nav>
<a href="index.html">Home</a>
<a href="contact.html">Contact Iris Cabin</a>
<a href="demigods.html">Demigods</a>
<a href="camp.html">Camp Map</a>
<a href="search.js">Search</a>
<a href="armory.html">Armory Store</a>
<a href="powers.html">Divine Abilities</a>
</nav>
<header>
<h1>Offer a Drachma to Iris</h1>
<p>Need to send an urgent message across the mortal world? Fill out the offering form below. The Iris Cabin will conjure a rainbow, accept your golden drachma, and deliver your words to gods, demigods, or centaurs instantly. Please ensure your location has clear sight and a light mist!</p>
<img src="images/iris-message-icon.png" alt="Iris Message Rainbow">
</header>
<main>
<h2>Send an Iris Message</h2>
<form action="#" method="POST" class="contact-form">
<div class="form-group">
<label for="senderName">Your Name / Demigod Parent:</label>
<input type="text" id="senderName" name="senderName" placeholder="e.g., Percy Jackson, Son of Poseidon" required>
</div>
<div class="form-group">
<label for="recipientName">Who are you trying to reach?</label>
<input type="text" id="recipientName" name="recipientName" placeholder="e.g., Chiron at Camp Half-Blood" required>
</div>
<div class="form-group">
<label for="messageUrgency">Quest Urgency Level:</label>
<select id="messageUrgency" name="messageUrgency">
<option value="casual">Casual Chat (No monsters nearby)</option>
<option value="urgent">Urgent (Prophecy update)</option>
<option value="critical">Critical (Chased by a Minotaur!)</option>
</select>
</div>
<div class="form-group">
<label for="messageContent">Your Message:</label>
<textarea id="messageContent" name="messageContent" rows="6" placeholder="O Iris, Goddess of the Rainbow, accept my offering and show me..." required></textarea>
</div>
<button type="submit" class="submit-btn">🪙 Toss Golden Drachma</button>
</form>
</main>
<script src="app.js"></script>
</body>
</html>
this allows the user to send messages to pepole and you will get a meage saying your message was sent
this is the last free friday of the year