-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (84 loc) · 3.62 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZY2SYLK7HN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ZY2SYLK7HN');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=2.0">
<link rel="stylesheet" href="inst/styles/landing_styles.css">
<link rel="stylesheet" href="styles.css">
<style>
html {
min-height: 100%;
}
body {
background: linear-gradient(#FFFFFF, hsla(241, 54%, 35%, 0.8));
background-color: #93B874;
}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("body").css("display", "none");
$("body").fadeIn(3000); // Fade in over 2 seconds
});
</script>
<!--begin og-->
<meta property="og:site_name" content="Sean Maden Professional Website" />
<meta property="og:title" content="Index" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://github.com/metamaden/metamaden.github.io/blob/main/index.html" />
<meta property="og:description" content="Index/title page for for Sean Maden Professional Website" />
<meta property="og:image" content="https://github.com/metamaden/metamaden.github.io/blob/main/inst/media/jpg/og/sean-professional-website-bg.jpg" />
<!--end og-->
</head>
<body>
<!--begin landing animation panel-->
<a href = "news.html">
<div class="landing-container">
<h1>Sean K. Maden, Ph.D.</h1>
<h2>Click here</h2>
<div class="image-container">
<img src="inst/media/gif/noise_heatmap.gif" alt="3D Animation" width="120", height="120">
<img src="inst/media/gif/violinAnimated_SepalLength.gif" alt="3D Animation" width="120", height="120">
<img src="inst/media/gif/mh_switchfreq.gif" alt="3D Animation" width="120", height="120">
</div>
<div class="image-container">
<img src="inst/media/gif/landing4.gif" alt="3D Animation" width="120", height="120">
<img src="inst/media/gif/landing2.gif" alt="3D Animation" width="120", height="120">
<img src="inst/media/gif/fig2_dlpfc-k2.gif" alt="3D Animation" width="120", height="120">
</div>
<div class="image-container">
<img src="inst/media/gif/landing1.gif" alt="3D Animation" width="120", height="120">
<img src="inst/media/gif/landing3.gif" alt="3D Animation" width="120", height="120">
<img src="inst/media/gif/violinAnimated_SepalWidth.gif" alt="3D Animation" width="120", height="120">
</div>
<h2>Click here</h2>
</div>
</a>
<!--end landing animation panel-->
</body>
<!--Begin footer content-->
<footer>
<p><br></p>
<div style="border-bottom: 2px solid black;"></div>
<ul>
<a href="mailto:maden.sean@gmail.com">Email</a>
<a href="https://github.com/metamaden">GitHub</a> <!--GitHub-->
<a href="https://www.linkedin.com/in/sean-maden-41623640/">LinkedIn</a> <!--LinkedIn-->
<a href="https://twitter.com/MadenSean">X/Twitter</a> <!--X/Twitter-->
<a href="https://bsky.app/profile/metamaden.bsky.social">BlueSky</a> <!--BlueSky-->
<a href="https://orcid.org/0000-0002-2212-4894"> <!--ORCID-->
ORCID</a>
<p><br>© 2024 Sean Maden. All rights reserved.</p>
</ul>
</footer>
<!--End footer content-->
</html>