christopherdanielhare.github.io/about.html at master · christopherdanielhare/christopherdanielhare.github.io · 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
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<html lang="en"><head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>
   Christopher Hare - Political Scientist
  </title>
  <style>
    body {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}
  h1 {
    color: navy; font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
        }
  p {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  }
  a {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  }
  blockquote{
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  }
  footer{
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  }

  @media (max-width: 400px) {
  .about-text {
    margin-top: 20px;
  }
}
.about-text h3 {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}
@media (max-width: 400px) {
  .about-text h3 {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-size: 22px;
  }
}
.about-text h4 {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 18px;
  color: #fe4f6c;
}
@media (max-width: 400px) {
  .about-text h4 {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-size: 18px;
    color: #fe4f6c;
  }
}
.about-text p {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
}
.about-text p mark {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
  color: #3a3973;
}
.about-text .btn-bar {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  padding-top: 8px;
}
.about-text .btn-bar a {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  min-width: 150px;
  text-align: center;
  margin-right: 10px;
}

.container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 20px;
  width: 80%;
  margin: 0 auto;
}

.left-column {
   width: 100%;
   background: #FFF;
   padding: 20px;
   box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.right-column {
   width: 100%;
   padding: 20px;
}

@media (max-width: 400px) {
  .container {
    grid-template-columns: 1fr;
  }
}

.cta-button {
   display: inline-block;
   margin-top: 20px;
   padding: 15px 30px;
   background: #F05454;
   color: #FFF;
   text-decoration: none;
   border-radius: 5px;
   font-size: 20px;
}

.cta-button:hover {
   background: #EB4053;
}

.px-btn.theme {
    background: #fe4f6c;
    color: #ffffff;
    border: 2px solid #fe4f6c;
}
.px-btn {
    padding: 0 20px;
    line-height: 42px;
    border: 2px solid transparent;
    position: relative;
    display: inline-block;
    background: none;
    border: none;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}

.px-btn.theme-t {
    background: transparent;
    border: 2px solid #fe4f6c;
    color: #fe4f6c;
}


  </style>
  <script src="https://cdn.tailwindcss.com">
  </script>
 </head>
 <body class="font-serif text-gray-800">
<header class="text-center py-8">
 <div class="flex justify-center items-center">
    <img alt="Geometric logo" class="h-16 w-16 mr-4" src="/images/geometric.webp">
    <div class="text-left">
     <h1 class="text-3xl font-bold">
        <p style="font-family: Arial">
         Christopher Hare
        </p>
     </h1>
     <p class="text-lg text-gray-600">
        Political Scientist
     </p>
    </div>
 </div>
</header>
<nav class="flex justify-center space-x-8 border-b border-gray-300 pb-2 max-w-1xl mx-10">
  <a class="text-orange-500 font-medium" href="/index.html">
   home
  </a>
  <a class="text-gray-600 hover:text-orange-500" href="/research.html">
   research
  </a>
  <a class="text-gray-600 hover:text-orange-500" href="/classes.html">
   classes
  </a>
  <a class="text-gray-600 hover:text-orange-500" href="/about.html">
   about
  </a>
  <a class="text-gray-600 hover:text-orange-500" href="/files/hare_cv.pdf">
   cv
  </a>
 </nav>

<body class="bg-white text-black font-serif">
    <div class="max-w-1xl mx-auto py-4 px-4">
        <div class="text-left">
          <div class="container" style="max-width: 775px">
            <div class="left-column">
                <img src="/images/chrishare2024.jpeg" alt="">
                <div class="btn-bar mt-4">
                  <a href="https://scholar.google.com/citations?user=RwbGZXwAAAAJ" class="px-btn theme">Google Scholar</a>
                  <a href="https://github.com/christopherdanielhare" class="px-btn theme-t mt-4">GitHub page</a>
                  <a href="/files/hare_cv.pdf" class="px-btn theme mt-4">Download CV</a>
                  <a href="https://www.webofscience.com/wos/author/record/AEY-9468-2022" class="px-btn theme-t mt-4">Web of Science</a>

                  </div>
            </div>
            <div class="right-column">
              <div class="about-text">
                <h3 class="dark-color" style="margin-top:-10px;">About Me</h3>
                <h4 class="theme-color">A child of the House of Commons</h4>
               <!-- <h3 class="dark-color" style="margin-top:-10px;">About Me</h3>-->
              <!-- <h4 class="theme-color">I was saying Boo-urns</h4> -->
                <div class="mx-auto mt-4 text-med leading-relaxed">
                  <p>
                  I'm an associate professor of political science at UC Davis, where I've been teaching and researching since 2015. I earned my PhD from the University of Georgia, where I learned American politics and political methodology under Keith Poole. My dissertation ("Ideology and the American Voter") focused on developing methodological tools to examine ideological structure underlying political attitudes. Since then, I've continued to explore public opinion and voting behavior using statistical methods like Bayesian modeling and machine learning.
                  <!-- Many of these tools are covered in my co-authored text <em>Analyzing Spatial Models of Choice and Judgment</em>. -->
                  </p>
                  <p class="mt-4">
                  At UC Davis, I have taught courses on political polarization, campaigns and elections, public opinion, voting behavior, Bayesian methods, scaling and measurement, and machine learning. I also teach summer workshops on programming and data analysis for social scientists at the ICPSR Summer Program and Essex Summer School. I truly enjoy making (or attempting to make) complex methods accessible to students and researchers.
                </p>
                <p class="mt-4">
                I'm originally from the Mississippi Gulf Coast (Long Beach, Mississippi) and am serving concurrent life sentences as a fan of the New Orleans Saints and Southern Miss Golden Eagles. My Erdős number is 4.
                </p>
                </div>
                </div>
            </div>
        </div>

        </div>
        <footer class="mt-10 mx-6">
          <div class="border-t border-gray-300 pt-4 flex justify-between items-center">
          <span class="text-sm text-gray-600">©2024</span>
          <div class="flex justify-end space-x-4">
            <a href="https://twitter.com/PeauxliSci?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">@PeauxliSci</a>
            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
          </div>
            </div>
        </footer>
    </div>
</body>

</html>