Skip to content

Commit 91f31d8

Browse files
renmengyerenmengye
committed
Deploy to GitHub Pages: bc14fa9 
1 parent 620ddd8 commit 91f31d8

File tree

17 files changed

+2710
-42
lines changed

17 files changed

+2710
-42
lines changed

‎assets/images/people/ryan_teehan.jpg

774 KB
Loading

‎contact/index.html

Lines changed: 211 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,211 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>agentic learning ai lab</title>
8+
<meta name="description" content="" />
9+
<!-- <link
10+
rel="shortcut icon"
11+
href="./assets/logo.png"
12+
type="image/x-icon"
13+
/> -->
14+
15+
<!-- Open Graph / Facebook -->
16+
<meta property="og:title" content="agentic learning ai lab" />
17+
<meta property="og:description" content="agentic learning ai lab" />
18+
<meta property="og:type" content="website" />
19+
<meta property="og:url" content="https://agenticlearning.ai/" />
20+
<!--Replace with the current website url-->
21+
<meta property="og:image" content="" />
22+
23+
<link rel="stylesheet" href="/css/tailwind-runtime.css" />
24+
<!-- <link rel="stylesheet" href="/css/tailwind-build.css" /> -->
25+
<link rel="stylesheet" href="/css/index.css" />
26+
27+
<link
28+
rel="stylesheet"
29+
href="https://fonts.googleapis.com/icon?family=Material+Icons"
30+
/>
31+
<link
32+
rel="stylesheet"
33+
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css"
34+
integrity="sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ=="
35+
crossorigin="anonymous"
36+
referrerpolicy="no-referrer"
37+
/>
38+
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
39+
40+
<!-- Google tag (gtag.js) -->
41+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-44MVTGBV0D"></script>
42+
<script>
43+
window.dataLayer = window.dataLayer || [];
44+
function gtag(){dataLayer.push(arguments);}
45+
gtag('js', new Date());
46+
47+
gtag('config', 'G-44MVTGBV0D');
48+
</script>
49+
50+
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
51+
<script type="text/javascript">
52+
(function() {
53+
// https://dashboard.emailjs.com/admin/account
54+
emailjs.init({
55+
publicKey: "y6ebNBhEpEzmyqS8F",
56+
});
57+
})();
58+
</script>
59+
60+
<script
61+
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.0/gsap.min.js"
62+
integrity="sha512-B1lby8cGcAUU3GR+Fd809/ZxgHbfwJMp0jLTVfHiArTuUt++VqSlJpaJvhNtRf3NERaxDNmmxkdx2o+aHd4bvw=="
63+
crossorigin="anonymous"
64+
referrerpolicy="no-referrer"
65+
></script>
66+
<script
67+
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.0/ScrollTrigger.min.js"
68+
integrity="sha512-AY2+JxnBETJ0wcXnLPCcZJIJx0eimyhz3OJ55k2Jx4RtYC+XdIi2VtJQ+tP3BaTst4otlGG1TtPJ9fKrAUnRdQ=="
69+
crossorigin="anonymous"
70+
referrerpolicy="no-referrer"
71+
></script>
72+
</head> <body class="tw-flex tw-min-h-[100vh] tw-flex-col tw-bg-[#fff] tw-font-mono">
73+
<header class="tw-absolute tw-top-0 tw-z-20 tw-flex tw-h-[120px] tw-w-full tw-bg-opacity-0 tw-px-[5%] max-lg:tw-mr-auto max-lg:tw-px-4 lg:tw-justify-around">
74+
<a class="tw-h-[120px] tw-p-[4px] tw-w-[100px] tw-text-2xl tw-font-medium" href="/">
75+
agentic learning <br/> ai lab
76+
</a>
77+
<div class="collapsible-header animated-collapse max-lg:tw-shadow-md"
78+
id="collapsed-header-items">
79+
<div class="tw-flex tw-h-full tw-w-max tw-gap-5 tw-text-base tw-text-black max-lg:tw-mt-[30px] max-lg:tw-flex-col max-lg:tw-place-items-end max-lg:tw-gap-5 lg:tw-mx-auto lg:tw-place-items-center">
80+
<a class="header-links" href="/"> home </a>
81+
<a class="header-links" href="/research/"> research </a>
82+
<a class="header-links" href="/people/"> people </a>
83+
<a class="header-links" href="/contact/"> contact </a>
84+
</div>
85+
<div class="tw-mx-4 tw-flex tw-place-items-center tw-justify-end tw-gap-[20px] tw-text-base">
86+
<div class="tw-flex tw-h-[30px] tw-w-[30px] tw-rounded-full tw-bg-white tw-font-semibold tw-text-black tw-place-items-center ">
87+
<a href="">
88+
<i class="bi bi-search"></i>
89+
</a>
90+
</div>
91+
</div>
92+
</div>
93+
<button
94+
class="bi bi-list tw-absolute tw-right-3 tw-top-3 tw-z-50 tw-text-3xl tw-text-black lg:tw-hidden"
95+
onclick="toggleHeader()"
96+
aria-label="menu"
97+
id="collapse-btn"
98+
></button>
99+
</header>
100+
<section class="tw-flex tw-w-full tw-flex-col tw-p-[5%] tw-mt-[150px] max-lg:tw-p-4">
101+
<h3 class="text-left tw-text-4xl tw-font-medium max-md:tw-text-2xl">
102+
contact
103+
</h3>
104+
<form id="contact-form" class="tw-space-y-4 tw-mt-[30px]">
105+
<div>
106+
<label for="name" class="tw-block tw-text-sm tw-font-medium tw-text-gray-700">name</label>
107+
<input type="text" id="name" name="name" required
108+
class="tw-mt-1 tw-block tw-w-full tw-px-4 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm focus:tw-ring-blue-500 focus:tw-border-blue-500"/>
109+
</div>
110+
<div>
111+
<label for="email" class="tw-block tw-text-sm tw-font-medium tw-text-gray-700">email</label>
112+
<input type="email" id="email" name="email" required
113+
class="tw-mt-1 tw-block tw-w-full tw-px-4 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm focus:tw-ring-blue-500 focus:tw-border-blue-500"/>
114+
</div>
115+
<div>
116+
<label for="message" class="tw-block tw-text-sm tw-font-medium tw-text-gray-700">message</label>
117+
<textarea id="message" name="message" rows="5" required
118+
class="tw-mt-1 tw-block tw-w-full tw-px-4 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm focus:tw-ring-blue-500 focus:tw-border-blue-500"></textarea>
119+
</div>
120+
121+
<!-- reCAPTCHA widget -->
122+
<div class="g-recaptcha" data-sitekey="6LeLXHcqAAAAAKjLueRN9QL5eTcF7hC6kLFcDZjC"></div>
123+
124+
<button type="submit"
125+
class="tw-w-full tw-bg-black tw-text-white tw-font-semibold tw-py-2 tw-px-4 tw-rounded-md hover:tw-bg-gray-600 tw-transition tw-duration-200">
126+
send
127+
</button>
128+
<p class="tw-text-green-600 tw-text-center tw-mt-4" id="success-message" style="display: none;">Your message has been sent!</p>
129+
<p class="tw-text-red-600 tw-text-center tw-mt-4" id="error-message" style="display: none;">There was an error sending your message. Please try again.</p>
130+
</form>
131+
</section>
132+
133+
<hr class="tw-mt-4" />
134+
<footer class="tw-mt-auto tw-flex tw-p-[5%] tw-min-h-[100px] tw-w-full tw-place-items-center tw-gap-3 tw-text-black
135+
">
136+
137+
<div class="tw-flex tw-gap-6 tw-text-sm">
138+
60 Fifth Ave
139+
<br />
140+
New York, NY
141+
<br />
142+
143+
</div>
144+
<div class="tw-flex tw-gap-6 tw-text-2xl tw-justify-end tw-ml-auto tw-px-2">
145+
<a href="https://github.com/agentic-learning-ai-lab" aria-label="Github">
146+
<i class="bi bi-github"></i>
147+
</a>
148+
149+
<a href="https://x.com/agentic_ai_lab" aria-label="X">
150+
<i class="bi bi-twitter-x"></i>
151+
</a>
152+
153+
<a href="https://bsky.app/profile/agentic-ai-lab.bsky.social" aria-label="Bluesky">
154+
<i class="bi bi-bluesky"></i>
155+
</a>
156+
</div>
157+
</footer> </body>
158+
<style>
159+
.loading {
160+
background-color: #718096; /* Gray out color */
161+
cursor: not-allowed;
162+
}
163+
.loading:hover{
164+
background-color: #718096; /* Gray out color */
165+
}
166+
</style>
167+
<script>
168+
document.getElementById('contact-form').addEventListener('submit', function(event) {
169+
event.preventDefault();
170+
171+
// Hide previous messages
172+
document.getElementById('success-message').style.display = 'none';
173+
document.getElementById('error-message').style.display = 'none';
174+
175+
const submitButton = event.target.querySelector('button[type="submit"]');
176+
submitButton.disabled = true;
177+
submitButton.classList.add('loading');
178+
submitButton.textContent = "sending...";
179+
180+
const recaptchaResponse = grecaptcha.getResponse();
181+
// Check if reCAPTCHA is completed
182+
if (!recaptchaResponse) {
183+
document.getElementById('error-message').innerText = "Please complete the reCAPTCHA.";
184+
document.getElementById('error-message').style.display = 'block';
185+
submitButton.disabled = false;
186+
submitButton.classList.remove('loading');
187+
submitButton.textContent = "send";
188+
return;
189+
}
190+
191+
// Send the email
192+
emailjs.sendForm('service_nyu', 'template_w5u7hym', this, {'g-recaptcha-response': recaptchaResponse})
193+
.then(function() {
194+
document.getElementById('success-message').style.display = 'block';
195+
document.getElementById('contact-form').reset();
196+
grecaptcha.reset(); // Reset reCAPTCHA after successful submission
197+
submitButton.disabled = false;
198+
submitButton.classList.remove('loading');
199+
submitButton.textContent = "send";
200+
}, function(error) {
201+
document.getElementById('error-message').style.display = 'block';
202+
console.error('Failed to send the message:', error);
203+
submitButton.disabled = false;
204+
submitButton.classList.remove('loading');
205+
submitButton.textContent = "send";
206+
});
207+
});
208+
</script>
209+
210+
<script src="/index.js"></script>
211+
</html>

0 commit comments

Comments
 (0)