Mostly css improvements and refactoring

This commit is contained in:
Sayantan Santra 2023-04-26 01:04:32 -05:00
parent 5051403925
commit 52b3534c15
2 changed files with 67 additions and 29 deletions

View File

@ -3,6 +3,8 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sayantan Santra | PhD Student at the University of Oklahoma</title>
<script>
function putYear() {
@ -13,38 +15,17 @@
year_span.innerHTML = year_array[year_num];
}
</script>
<style>
.container {
margin: 0 auto;
max-width: 800px;
}
img {
border: 5px solid #333;
padding: 1px;
border-radius: 10px;
}
.row {
display: flex;
}
.column {
flex: 50%;
}
.column[name="mail"] {
text-align: right;
}
</style>
<link rel="stylesheet" type="text/css" target="_blank" href="style.css">
</head>
<body onload="putYear()">
<div class="container">
<center>
<img src="https://www.gravatar.com/avatar/a5114f8f2ab803638d442ab3cb39d329?s=300" />
<h1>Sayantan Santra (সায়ন্তন সাঁতরা)</h1>
</center>
<div class="header">
<img src="https://www.gravatar.com/avatar/a5114f8f2ab803638d442ab3cb39d329?s=200" alt="gravatar" />
<h2 class="pc-name">Sayantan Santra (সায়ন্তন সাঁতরা)</h2>
<h3 class="mobile-name">Sayantan Santra<br />(সায়ন্তন সাঁতরা)</h3>
</div>
<div class="row">
<div class="column">Office: PHSC 903</div>
<div class="column" name="mail">Email: sayantan[dot]santra[at]ou.edu</div>
@ -55,7 +36,7 @@
at the University of Oklahoma, working under my advisor
<a href="https://math.ou.edu/~kmartin">Dr. Kimball Martin.</a>
</p>
<p>Previously, I received an M. Math. from the Indian Statistical Institute (Bangalore Center).</p>
<p>Previously, I received an M. Math. from the Indian Statistical Institute.</p>
<p>I'm interested in Number Theory. Some of my specific areas of interest include:
<ul>
@ -68,7 +49,7 @@
<a href=https://github.com/SinTan1729/CV/raw/main/CV.pdf>You can take a look at my CV here.</a>
<hr />
<i>This page was last updated on Apr 25, 2023.</i>
<i>This page was last updated on Apr 26, 2023.</i>
</div>
</body>

57
style.css Normal file
View File

@ -0,0 +1,57 @@
.container {
margin: 0 auto;
max-width: 800px;
}
.header {
text-align: center;
}
img {
border: 5px solid #333;
padding: 1px;
border-radius: 10px;
}
.row {
display: flex;
}
.column {
flex: 50%;
}
.column[name="mail"] {
text-align: right;
}
.mobile-name {
display: none;
}
@media (pointer:none),
(pointer:coarse) {
.row {
display: block;
}
.column[name="mail"] {
text-align: left;
}
.header {
text-align: left;
}
img {
max-width: 150px;
}
.pc-name {
display: none;
}
.mobile-name {
display: block;
}
}