HistoryAndMaths/contact.html at main · TeaKayB/HistoryAndMaths · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact the History and Mathematics in Education Network (HaMiEN)</title>
<meta name="description" content="Contact the History and Mathematics in Education Network (HaMiEN) about research collaborations, speaking engagements, partnerships, events and cross-curricular education.">
  <meta name="keywords" content="contact HaMiEN, Jason Yip email, Tom Briggs email, mathematics heritage education queries">
  <link rel="stylesheet" href="style.css">
  <link rel="icon" type="image/png" href="hamien-network-logo.png">

</head>
<body>
  <header>
	<a href="index.html" class="header-brand-link">
		<div class="heading-group">
		<img src="hamien-network-logo.png" alt="HaMiEN Emblem" class="site-logo">
		<div class="brand-text-wrapper">
			<h1 class="network-title">The <span>H</span>a<span>M</span>i<span>E</span><span>N</span></h1>
			<span class="network-acronym">HISTORY & MATHEMATICS IN EDUCATION</span>
		</div>
		</div>
	</a>
		<nav>
			<a href="index.html">About</a>
			<a href="get-involved.html">Get Involved</a>
			<a href="resources.html">Resources</a>
			<a href="events.html">Events</a>
			<a href="contact.html" class="active">Contact</a>
		</nav>
	</header>

  <main>
    <h2>Get in Touch</h2>
    <p>The History and Mathematics in Education Network (HaMiEN) connects teachers, researchers and museum educators interested in using history and mathematics to enrich one another. We'd be delighted to hear from you if you'd like to collaborate, ask a question or find out more. </p>
	  <p>We realise that there may be some great reasons to get in touch directly and privately. These include:</p>
	<ul style="color: var(--text-muted); padding-left: 20px; line-height: 1.8;">
        <li>You've noticed that something on this website is broken</li>
		<li>You have a question or two about the HaMiEN that you'd like us to answer before you join</li>
        <li>You'd like Jason and/or Tom to talk at your event</li>
		<li>You have a research proposal</li>
		<li>You're wondering what our favourite colours are</li>
      </ul>
    <p>To get in touch for any of these reasons and more, you can find Jason and Tom online via the links provided with our profiles on the <a href="index.html">About</a> page, or you can:</p>
    <div class="card-grid">
      <!-- Contact Option 1: General Queries -->
      <div class="custom-card">
<p>
  <strong>Email Tom:</strong>
  <a href="#" onclick="openEmail(); return false;">
    tom<span style="display: none;">REMOVE-THIS-BOT-BLOCKER</span>@tkbriggs.co.uk
  </a>
</p>

<script>
function openEmail() {
  const user = "tom";
  const domain = "tkbriggs.co.uk";
  location.href = `mailto:${user}@${domain}`;
}
</script>
      </div>

      <!-- Contact Option 2: Public vs Private Note -->
      <div class="custom-card" style="border-left: 3px solid var(--accent);">
        <h3>Which channel should I use?</h3>
        <p>If you have a general question about cross-curricular lesson ideas, book reviews, or teaching strategies, we highly encourage posting directly to the <a href="get-involved.html">History and Maths in Education Discussion List</a> so the entire community can benefit from the conversation, but bear in mind that this is a public forum.</p>
        <p>For non-HaMiEN things, personal, administrative, or other private matters, email is probably best.</p>
      </div>
    </div>
	  <footer></footer>
	      <hr>
    <p style="font-style: italic; text-align: center;"> A <a href="https://mathsy.space" target="_blank">MathsyDotSpace</a> project by <a href="https://mathsy.space">TeaKayB</a></p>
  </main>
</body>
</html>