Base version of home page
This commit is contained in:
parent
3d01eed7f5
commit
ad3c3be6d2
9 changed files with 218 additions and 44 deletions
68
content/_index.md
Normal file
68
content/_index.md
Normal file
|
|
@ -0,0 +1,68 @@
|
||||||
|
---
|
||||||
|
title: "Who am I?"
|
||||||
|
date: 2019-10-08T20:55:22+02:00
|
||||||
|
draft: false
|
||||||
|
|
||||||
|
contactmeans:
|
||||||
|
- "Personal email": "contact@tobast.fr"
|
||||||
|
- "Academic email": "theophile.bastian@ens.fr"
|
||||||
|
- "IRC": "tobast@freenode"
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## {{< fontawesome "user" >}} Who am I?
|
||||||
|
|
||||||
|
I am a student at the [Computer Science Department](https://di.ens.fr/) of
|
||||||
|
[ENS Paris](https://www.ens.fr/), France. I graduated from the
|
||||||
|
Master Parisien de Recherche en Informatique (MPRI) in 2018.
|
||||||
|
|
||||||
|
I am mostly interested in the fields of systems, programming languages and
|
||||||
|
networks. I usually like my research projects to include a good part of
|
||||||
|
programming/hacking.
|
||||||
|
|
||||||
|
I am currently doing research internships before starting a PhD.
|
||||||
|
|
||||||
|
<ul class="docsline">
|
||||||
|
<li>
|
||||||
|
<a href="https://tobast.fr/files/cv.pdf">
|
||||||
|
<i class="fa fa-file-text" aria-hidden="true"></i>
|
||||||
|
Resume
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/tobast/">
|
||||||
|
<i class="fa fa-github" aria-hidden="true"></i>
|
||||||
|
GitHub
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="https://git.tobast.fr/">
|
||||||
|
<i class="fa fa-git-square" aria-hidden="true"></i>
|
||||||
|
Personal git
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
## {{< fontawesome "pencil" >}} Contact me
|
||||||
|
|
||||||
|
Academic email
|
||||||
|
: {{< antispam "rf.sne@naitsab.elihpoeht" >}}
|
||||||
|
|
||||||
|
Personal email
|
||||||
|
: {{< antispam "rf.tsabot@tcatnoc" >}}
|
||||||
|
|
||||||
|
IRC
|
||||||
|
: {{< antispam "edoneerf@tsabot" >}}
|
||||||
|
|
||||||
|
## {{< fontawesome "key" >}} Public keys
|
||||||
|
|
||||||
|
SSH Key
|
||||||
|
: [all keys](/files/ssh.keys)
|
||||||
|
|
||||||
|
GPG Key
|
||||||
|
: 0x7B784C5D
|
||||||
|
([keyfile](/files/pubkey.asc),
|
||||||
|
[keyserver](https://pgp.mit.edu/pks/lookup?op=vindex&search=0xC57352357B784C5D))
|
||||||
|
— not much used these days
|
||||||
|
|
@ -3,6 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" href="/css/style.css">
|
<link rel="stylesheet" href="/css/style.css">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>{{ block "title" . }}
|
<title>{{ block "title" . }}
|
||||||
{{- .Site.Title -}}
|
{{- .Site.Title -}}
|
||||||
{{ end }}</title>
|
{{ end }}</title>
|
||||||
|
|
@ -35,6 +36,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img class="profilepic" src="img/me.jpg" alt="me" />
|
<div class="profilepic">
|
||||||
|
<picture>
|
||||||
|
<source srcset="/img/me_face.jpg" media="(max-width: 1000px)">
|
||||||
|
<img src="/img/me.jpg">
|
||||||
|
</picture>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
6
layouts/index.html
Normal file
6
layouts/index.html
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
{{ define "pagename" }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ define "main" }}
|
||||||
|
{{ .Content }}
|
||||||
|
{{ end }}
|
||||||
1
layouts/shortcodes/antispam.html
Normal file
1
layouts/shortcodes/antispam.html
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<span class="antispam">{{ .Get 0 }}</span>
|
||||||
1
layouts/shortcodes/fontawesome.html
Normal file
1
layouts/shortcodes/fontawesome.html
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<i class="fa fa-{{ .Get 0 }}" aria-hidden="true"></i>
|
||||||
|
|
@ -5,4 +5,9 @@ $link_color: #07a;
|
||||||
$fg_color: #555;
|
$fg_color: #555;
|
||||||
$head_bg_color: #060033;
|
$head_bg_color: #060033;
|
||||||
|
|
||||||
|
$resp_small: 1280px;
|
||||||
|
$resp_vsmall: 1000px;
|
||||||
|
|
||||||
$profile_pic_wid: 350px;
|
$profile_pic_wid: 350px;
|
||||||
|
$profile_pic_wid_small: 180px;
|
||||||
|
$profile_pic_wid_vsmall: 250px;
|
||||||
|
|
|
||||||
|
|
@ -43,6 +43,10 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
|
@media (max-width: $resp_vsmall) {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
.tab-selector {
|
.tab-selector {
|
||||||
margin: 40px;
|
margin: 40px;
|
||||||
ul {
|
ul {
|
||||||
|
|
@ -57,6 +61,8 @@ body {
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
background-color: $head_bg_color;
|
background-color: $head_bg_color;
|
||||||
margin: 2px 0;
|
margin: 2px 0;
|
||||||
|
border-top-left-radius: 10px;
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|
@ -72,38 +78,32 @@ body {
|
||||||
margin:2em auto;
|
margin:2em auto;
|
||||||
max-width:800px;
|
max-width:800px;
|
||||||
padding:1em;
|
padding:1em;
|
||||||
|
flex-basis: 800px;
|
||||||
ul {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
li {
|
|
||||||
.head {
|
|
||||||
font-weight: bold;
|
|
||||||
padding-right: 42px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul.paperslist {
|
|
||||||
list-style: circle;
|
|
||||||
li {
|
|
||||||
.authors {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.journal {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.profilepic {
|
.profilepic {
|
||||||
max-width: $profile_pic_wid;
|
flex: 0 0 auto;
|
||||||
margin: 40px;
|
margin: 40px;
|
||||||
|
max-width: $profile_pic_wid;
|
||||||
|
height: auto;
|
||||||
|
@media (max-width: $resp_small) {
|
||||||
|
max-width: $profile_pic_wid_small;
|
||||||
|
}
|
||||||
|
@media (max-width: $resp_vsmall) {
|
||||||
|
flex-shrink: 2;
|
||||||
|
max-width: $profile_pic_wid_vsmall;
|
||||||
|
order: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin: auto;
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
@media (max-width: $resp_vsmall) {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -130,7 +130,12 @@ h1 {
|
||||||
margin-left:-10px;
|
margin-left:-10px;
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
|
margin-top: 30px;
|
||||||
margin-left:20px;
|
margin-left:20px;
|
||||||
|
|
||||||
|
.fa {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#whoami {
|
#whoami {
|
||||||
|
|
@ -138,3 +143,43 @@ h2 {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul.docsline {
|
||||||
|
list-style: none;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 30px;
|
||||||
|
font-size: 1.1em;
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
dl {
|
||||||
|
list-style: none;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 3fr;
|
||||||
|
|
||||||
|
dt {
|
||||||
|
grid-column: 1 / span 1;
|
||||||
|
justify-self: end;
|
||||||
|
text-align: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
dd {
|
||||||
|
margin-left: 20px;
|
||||||
|
justify-self: start;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.antispam {
|
||||||
|
unicode-bidi: bidi-override;
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -30,6 +30,9 @@ body {
|
||||||
#main-container {
|
#main-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
#main-container {
|
||||||
|
flex-wrap: wrap; } }
|
||||||
#main-container .tab-selector {
|
#main-container .tab-selector {
|
||||||
margin: 40px; }
|
margin: 40px; }
|
||||||
#main-container .tab-selector ul {
|
#main-container .tab-selector ul {
|
||||||
|
|
@ -42,30 +45,36 @@ body {
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
background-color: #060033;
|
background-color: #060033;
|
||||||
margin: 2px 0;
|
margin: 2px 0;
|
||||||
|
border-top-left-radius: 10px;
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
color: #fcffe4; }
|
color: #fcffe4; }
|
||||||
#main-container .tab-selector ul li a:hover {
|
#main-container .tab-selector ul li a:hover {
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
#main-container #content {
|
#main-container #content {
|
||||||
margin: 2em auto;
|
margin: 2em auto;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
padding: 1em; }
|
padding: 1em;
|
||||||
#main-container #content ul {
|
flex-basis: 800px; }
|
||||||
list-style: none;
|
|
||||||
padding: 0; }
|
|
||||||
#main-container #content ul li .head {
|
|
||||||
font-weight: bold;
|
|
||||||
padding-right: 42px; }
|
|
||||||
#main-container #content ul.paperslist {
|
|
||||||
list-style: circle; }
|
|
||||||
#main-container #content ul.paperslist li .authors {
|
|
||||||
font-style: italic; }
|
|
||||||
#main-container #content ul.paperslist li .title {
|
|
||||||
font-weight: bold; }
|
|
||||||
#main-container #content ul.paperslist li .journal {
|
|
||||||
font-style: italic; }
|
|
||||||
#main-container .profilepic {
|
#main-container .profilepic {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
margin: 40px;
|
||||||
max-width: 350px;
|
max-width: 350px;
|
||||||
margin: 40px; }
|
height: auto; }
|
||||||
|
@media (max-width: 1280px) {
|
||||||
|
#main-container .profilepic {
|
||||||
|
max-width: 180px; } }
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
#main-container .profilepic {
|
||||||
|
flex-shrink: 2;
|
||||||
|
max-width: 250px;
|
||||||
|
order: -1; } }
|
||||||
|
#main-container .profilepic img {
|
||||||
|
margin: auto;
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%; }
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
#main-container .profilepic img {
|
||||||
|
border-radius: 50%; } }
|
||||||
|
|
||||||
.items {
|
.items {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
@ -85,9 +94,42 @@ h1 {
|
||||||
margin-left: -10px; }
|
margin-left: -10px; }
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
|
margin-top: 30px;
|
||||||
margin-left: 20px; }
|
margin-left: 20px; }
|
||||||
|
h2 .fa {
|
||||||
|
margin-right: 10px; }
|
||||||
|
|
||||||
#whoami {
|
#whoami {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
font-style: italic; }
|
font-style: italic; }
|
||||||
|
|
||||||
|
ul.docsline {
|
||||||
|
list-style: none;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 30px;
|
||||||
|
font-size: 1.1em; }
|
||||||
|
ul.docsline li {
|
||||||
|
display: inline-block; }
|
||||||
|
ul.docsline li a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 15px; }
|
||||||
|
|
||||||
|
dl {
|
||||||
|
list-style: none;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 3fr; }
|
||||||
|
dl dt {
|
||||||
|
grid-column: 1 / span 1;
|
||||||
|
justify-self: end;
|
||||||
|
text-align: right;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-weight: bold; }
|
||||||
|
dl dd {
|
||||||
|
margin-left: 20px;
|
||||||
|
justify-self: start;
|
||||||
|
text-align: left; }
|
||||||
|
|
||||||
|
.antispam {
|
||||||
|
unicode-bidi: bidi-override;
|
||||||
|
direction: rtl; }
|
||||||
|
|
|
||||||
BIN
static/img/me_face.jpg
Normal file
BIN
static/img/me_face.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Loading…
Reference in a new issue