-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
112 lines (104 loc) · 6.46 KB
/
about.html
File metadata and controls
112 lines (104 loc) · 6.46 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<title>Skuffle Test</title>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- Favicon and app icons -->
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<base target="_blank"> <!-- This makes every link open in new tab -->
</head>
<body>
<header class="py-5 header-bg text-black">
<div class="container d-flex flex-column align-items-center text-center">
<img src="img/LogoLowRes.png" alt="Skuffle logo" class="header-logo mb-3">
<p class="mb-0">The Chaotic PVP Card Game</p>
</div>
</header>
<!-- Responsive Navbar -->
<nav class="site-nav">
<button class="nav-toggle" id="navToggle" aria-label="Toggle navigation">☰</button>
<ul id="navMenu">
<li><a href="index.html" target="_self">Home</a></li>
<li><a href="tracker.html" target="_self">Health Tracker</a></li>
<li><a href="ar.html" target="_self">AR Embeds</a></li>
<li><a href ="https://skufflegame.github.io/NeedleTest/">Image Tracking</a></li>
<li><a class="active" href ="about.html" target="_self">About Us</a></li>
</ul>
</nav>
<br>
<h1 style="text-align: center;">Meet the Team!</h1>
<br>
<div class="team-grid">
<div class="cardteam">
<img src="https://media.licdn.com/dms/image/v2/D4E03AQEJbEupKhKOUg/profile-displayphoto-shrink_800_800/B4EZd1a9vEHIAc-/0/1750021693193?e=1772668800&v=beta&t=qpwlvbIuoedjaU9c2dNYLH41UP9K8-7PTPj8IKU4UeU" alt="Photo of Tom">
<div class="containerteam">
<h2>Tom McMahon</h2>
<p class="titleteam">Project Manager</p>
<p>Tom is a 3rd Year, and a photographer...</p>
<p>Get in Touch Below!</p>
<p><button class="buttonteam"><a href="https://www.linkedin.com/in/thomas-mcmahon-54738535b/">LinkedIn</a></button></p>
</div>
</div>
<div class="cardteam">
<img src="https://media.licdn.com/dms/image/v2/D4D03AQGxqE38gxlxlQ/profile-displayphoto-crop_800_800/B4DZxWtscRJEAI-/0/1770981347905?e=1772668800&v=beta&t=y5eE3JjsUeIaHyTMLt2aR-CKNcPoQXsvudhA-OQ-8gw" alt="Photo of Aaron">
<div class="containerteam">
<h2>Aaron Lawlor</h2>
<p class="titleteam">3D, AR, Video, Audio and Website</p>
<p>Aaron is a 3rd Year, who really enjoys all things technology.</p>
<p>Connect with me below</p>
<p><button class="buttonteam"><a href="https://www.linkedin.com/in/aaronlawlor/">LinkedIn</a></button></p>
</div>
</div>
<div class="cardteam">
<img src="https://media.licdn.com/dms/image/v2/D5603AQGpQ3I2tSTAVg/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1731959225820?e=1772668800&v=beta&t=vVL4CWetxYhEWeWvJXM8ESa67lVZ4SHQG8FALUn8hik" alt="Photo of Adriana">
<div class="containerteam">
<h2>Adriana McMahon</h2>
<p class="titleteam">Illustrations, Vectors and Graphics</p>
<p>Adriana is a 3rd year who is into digital and physical art....</p>
<p>Connect below</p>
<p><button class="buttonteam"><a href="https://www.linkedin.com/in/adriana-mcmahon-b2a321309/">LinkedIn</a></button></p>
</div>
</div>
<div class="cardteam">
<img src="https://media.licdn.com/dms/image/v2/D4E03AQECQdglVQYjOw/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1731338111027?e=1772668800&v=beta&t=IUlmkVRvKnCy-VonPswwOO27KJMf2RTxpiK6evldR7Y" alt="Photo of Tadhg">
<div class="containerteam">
<h2>Tadhg Patterson</h2>
<p class="titleteam">Game Mechanics, Figma, Tabletop Sim</p>
<p>Tadhg is a 3rd year who's really into UX and anything Card Game related...</p>
<p>Connect Below</p>
<p><button class="buttonteam"><a href="https://www.linkedin.com/in/tadhg-patterson/">LinkedIn</a></button></p>
</div>
</div>
<div class="cardteam">
<img src="https://media.licdn.com/dms/image/v2/D4E03AQF7LkSlCUHJ4A/profile-displayphoto-scale_400_400/B4EZldamXOKcAg-/0/1758208880821?e=1772668800&v=beta&t=DbgQRe7Uqc2Qf0p1pZpUfzlkxvFW_p-PJYTgFyxSnSA" alt="Photo of Katerina">
<div class="containerteam">
<h2>Katerina Gryczova</h2>
<p class="titleteam">Graphic Design</p>
<p>Katerina is a 3rd year student who's super into graphic design</p>
<p>Say hi below!</p>
<p><button class="buttonteam"><a href="https://www.linkedin.com/in/katerinagryczova/">LinkedIn</a></button></p>
</div>
</div>
</div>
<script>
// navbar logic
document.addEventListener('DOMContentLoaded', function() {
const toggle = document.getElementById('navToggle');
const menu = document.getElementById('navMenu');
toggle.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
menu.classList.toggle('open');
});
});
</script>
</body>
</html>