-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (144 loc) · 9.7 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" type="image/png" href="assets/favicon_logo.png">
<meta name="keywords" content="Dax Soule, Neanderthal lab, Queens College, Seismic Research, STEM research, undergrad research, geology research, graduate research, Geophysical, Data Science,">
<meta name="description" content="">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.6.0/css/mdb.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
<title>Dax Soule</title>
</head>
<body class="" id="">
<nav class="navbar navbar-light navbar navbar-expand-xl navbar-collapse fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#">Dax Soule</a>
<!-- Possibly use neanderthal logo here instead of plain text -->
<button data-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"
value="Menu">
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item nav-link js-scroll-trigger" role="presentation"><a class="nav-link active js-scroll-trigger" href="about.html">Bio</a></li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation"><a class="nav-link js-scroll-trigger" href="team.html">Neanderthal Lab</a></li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation"><a class="nav-link js-scroll-trigger" href="news.html">Gallery</a></li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation"><a class="nav-link js-scroll-trigger" href="education.html">Courses</a></li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation"><a class="nav-link js-scroll-trigger" href="code_of_conduct.html">Code of Conduct</a></li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation">
<a class="nav-link js-scroll-trigger" href="cv.html">CV</a>
</li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation">
<a class="nav-link js-scroll-trigger" href="publications.html">Publications</a>
</li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation">
<a class="nav-link js-scroll-trigger" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead" style="background-image:url('assets/group_photo.jpg'); margin-top: 3%;" alt="background image of Dax Soule's trip to Antartica in Winter 2019, (From left to right) Dax Soule, Emilio, Lauren, Jazlyn, and Rubea">
<div class="intro-body">
<div class="container">
<div class="row justify-content-left">
<div class="col-lg-5">
<h1 class="brand-heading" id="educ">Soule's Research Group</h1>
</div>
</div>
<div class="row justify-content-center">
<a class="btn btn-link btn-circle js-scroll-trigger" role="button" id="smooth" href="#projects-section" style="scroll-behavior: smooth !important;">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</header>
<section id="projects-section" class="content-section text-center">
<div class="container">
<div class="row justify-content-center projects">
<div class="col-lg-4">
<h3>Seafloor Geophysics</h3>
<i class="fa fa-fish" style="font-size: 5em; margin-bottom: 10%; color: coral;"></i>
<p>I am currently exploring the many ways we can leverage geophysical data streaming from the <a href="https://oceanobservatories.org/" target="_blank">OOI</a> to understand the various ways that processes that a colocated in space and time are related to one another. <br>
Link to our OOI Cloud site <a href="https://www.ooicloud.org/">here</a> </p>
</div>
<div class="col-lg-4">
<h3>Marine Seismic Exploration</h3>
<i class="fa fa-water" style="font-size: 5em; margin-bottom: 10%; color: coral;"></i>
<p>I am interested in the structure of the seafloor, and the various ways that volcanism affects that structure. I am currently using multichannel seismic, tomography, passive source seismic, and potential field measurements to explore the structure of the Bransfield Strait and describe the rifting associated with the formation of the back-arc basin.</p>
</div>
<div class="col-lg-4">
<h3>Geoscience Education</h3>
<i class="fas fa-school" style="font-size: 5em; margin-bottom: 10%; color: coral;"></i>
<p>I am interested in how students learn and how data can be used as a teaching tool in classrooms.<a target="_blank" href="https://serc.carleton.edu/eddie/index.html"> Project Eddie </a> is a suite of educational products created through a collaboration between STEM disciplinary and educational resources. <a target="_blank" href="https://serc.carleton.edu/eddie/teaching_materials/statistical_vignettes.html"> Statistical Vignettes </a> are 15-20 minute lessons on statistical topics intended to help students address statistical misconceptions and improve their quantitative reasoning skills. </p>
</div>
</div>
</div>
</section>
<section id="contact" class="content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 id="contact-us">Let's Connect</h2>
<p>Interested in learning more about my projects? Feel free to contact me or check out my Github Repository!</p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item">
<button class="btn btn-primary btn-lg btn-default" type="button" style="background-color: #4285f4!important">
<i class="fa fa-envelope" aria-hidden="true">
<a href="mailto:[email protected]">
</i><span class="network-name"> Email</span>
</a>
</button>
</li>
<li class="list-inline-item">
<button class="btn btn-primary btn-lg btn-default" type="button" style="background-color: #4285f4!important">
<i class="fab fa-github">
<a target="_blank" href="https://github.com/daxsoule/neanderthal.github.io">
</i><span class="network-name"> Github</span >
</a>
</button>
</li>
</ul>
</div>
</div>
</div>
</section>
<footer>
<div class="container text-center">
<!-- <p style="color: #fff">Neanderthal Lab</p> -->
<!-- <img width="160px" height="85px" src="assets/footer_logo.png"> -->
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// Add smooth scrolling to all smooth links
$("#smooth").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
});
</script>
</body>
</html>