SinTan1729/personal-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity

Mostly css improvements and refactoring

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

39
index.html
View file

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