This repository was archived by the owner on Aug 25, 2024. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
171 lines (156 loc) · 8.44 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Information - Daring Dragons Destination Imagination Team</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Connect with the Daring Dragons Destination Imagination Team through our Contact page. We would love to hear from you!">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="photos/favicon-removebg-preview.webp">
<meta charset="UTF-8">
<meta name="keywords" content="Destination Imagination, Creative Problem Solving, Daring Dragons, Team, Innovation, Contact">
<meta name="author" content="Eshaan Ahuja">
<meta name="language" content="English">
<link rel="apple-touch-icon" href="photos/favicon.webp">
<meta name="theme-color" content="#8DCFEC">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap">
<meta property="og:locale" content="en_US"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="Connect with the Daring Dragons Destination Imagination Team through our Contact page. We would love to hear from you!"/>
<meta property="og:site_name" content="Contact Information - Daring Dragons Destination Imagination Team"/>
<meta property="og:url" content="https://daringdragons.eshaanahuja.repl.co/contact.html"/>
<meta property="og:title" content="Contact Information - Daring Dragons Destination Imagination Team"/>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Who are the Daring Dragons Destination Imagination team?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We are a team of friends who compete in destination imagination. Destination imagination (or DI) is a globally known theater competition for kids in grades 2 through collage."
}
}, {
"@type": "Question",
"name": "How do we contact the Daring Dragons?",
"acceptedAnswer": {
"@type": "Answer",
"text": "To contact us, please email us at [email protected]. We would love to hear from you!"
}
}]
}
</script>
</head>
<body>
<div id="big">
<ul id="u">
<li id="hed"> <a href="index.html"> Go to the home page! </a></li>
<li id="hed"> <a href="contact.html"> Contact us! </a></li>
<li id="hed"> <a href="sponsorships.html"> Sponsorships! </a></li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">About our team!</a>
<div class="dropdown-content">
<a id="hd" href="varun_i.html">Varun I</a>
<a id="hd" href="gokul_s.html">Gokul S</a>
<a id="hd" href="eshaan_a.html">Eshaan A</a>
<a id="hd" href="sristi_s.html">Sristi S</a>
<a id="hd" href="sk.html">Sahasra K</a>
<a id="hd" href="sahasra_v.html">Sahasra V</a>
<a id="hd" href="rj.html">Ruchika Joshi - The Team Manager!!</a>
</div>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Team progress & fun games!</a>
<div class="dropdown-content">
<a id="hd" href="script.html">Script Progress!</a>
<a id="hd" href="sets&costumes.html">Sets and Costumes progress!</a>
<a id="hd" href="quiz.html">Take a DI quiz to test your knowledge!</a>
<a id="hd" href="resources.html">Resources/Materials</a>
</div>
<li id="long">|</li>
<input type="text" id="search" placeholder="Search for info on our page!">
<div id="search-results"></div>
</ul>
</div>
<h1>Contact Us!</h1>
<section>
<h2>Get in Touch</h2>
<hr>
<p>If you have any questions, feedback, or would like to explore collaboration opportunities with the Daring Dragons Destination Imagination Team, we'd love to hear from you!</p>
<p>Feel free to connect with us through email or text:</p>
<p> - Email: <a href="mailto:[email protected]" class="button" style="display: inline-block; padding: 10px 20px; background-color: #ff6600; color: #fff; text-decoration: none; border-radius: 5px; transition: background-color 0.3s;"
onmouseover="this.style.backgroundColor='#e55e00'" onmouseout="this.style.backgroundColor='#ff6600'" target="_blank"><i>[email protected]</i></a></p>
<p> - Text: <a href="sms:[email protected]" id="mobile" style=" padding: 10px 20px; background-color: #ff6600; color: #fff; text-decoration: none; border-radius: 5px; transition: background-color 0.3s;"
onmouseover="this.style.backgroundColor='#e55e00'" onmouseout="this.style.backgroundColor='#ff6600'" target="_blank">Text us! (Mobile only)</a></p>
</section>
<section>
<h2>How to Contact Us</h2>
<hr>
<p>Email: [email protected]</p>
<!-- Add a button with an onclick event to trigger the copyEmail function -->
<!-- <button onclick="copyEmail()">Copy our Email</button> -->
<button onclick="copyEmail()" style="background-color: #9243d9; color: #fff; padding: 10px 20px; font-size: 21px; border: none; cursor: pointer; border-radius: 5px;">Copy our Email</button>
<script>
// Function to copy the email to the clipboard
function copyEmail() {
const emailToCopy = '[email protected]';
// Create a temporary input element
const tempInput = document.createElement('textarea');
tempInput.value = emailToCopy;
// Append the input element to the document
document.body.appendChild(tempInput);
// Select the text in the input element
tempInput.select();
tempInput.setSelectionRange(0, 99999); /* For mobile devices */
// Copy the selected text to the clipboard
document.execCommand('copy');
// Remove the temporary input element
document.body.removeChild(tempInput);
// Provide some visual feedback (optional)
alert('Email copied to clipboard: ' + emailToCopy);
}
</script>
<p>If you're reaching out to the entire team, please mention that in your email subject. For specific inquiries, you can use the following email subjects as examples:</p>
<p> - <strong>Sponsorship Inquiry:</strong> Daring Dragons Sponsorship Opportunity</p>
<p> - <strong>Ideas:</strong> An idea that you want to share with the team</p>
<p> - <strong>Feedback on Performances:</strong> Your Feedback on Team Performances</p>
<p> - <strong>Feedback on our website:</strong> Your Feedback on our Team website - or just go <a href="https://docs.google.com/forms/d/e/1FAIpQLScHMwKt4knPIF7iScreE_J-ntGcLuncQaxoSEswJKersJwvQQ/viewform?embedded=true" target="_blank"> here </a></p>
<p> - <strong>General Inquiry:</strong> Questions in general about our team</p>
</section>
<section>
<h2>Verification Code</h2>
<hr>
<p>In case we request a verification code, to make sure you are not just spam, please use the following:</p>
<p><strong>Verification Code:</strong> asdfjkl;od</p>
<hr>
</section>
<!-- <section>
<h2>If you want, you can type your message here</h2>
<hr>
<form action="mailto:[email protected]" method="post" enctype="text/plain">
<label for="emailContent">Type your message:</label><br>
<textarea id="emailContent" name="body" rows="4" cols="50"></textarea><br>
<input type="submit" value="Send">
</form>
</section> -->
<a href="index.html" class="button">Back to Main Page</a>
<!-- <script src="https://replit.com/public/js/replit-badge-v2.js" theme="dark" position="bottom-right"></script> -->
<script>
const searchInput = document.getElementById("search");
const teamMembers = document.querySelectorAll("#u li");
searchInput.addEventListener("input", () => {
const searchTerm = searchInput.value.toLowerCase();
for (const member of teamMembers) {
const memberName = member.textContent.toLowerCase();
if (memberName.includes(searchTerm)) {
member.style.display = "block";
} else {
member.style.display = "none";
}
}
});
</script>
<footer>
<p>© 2024 Eshaan Ahuja - Daring Dragons. All rights reserved.</p>
</footer>
</body>
</html>