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>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ block "title" . }}
|
||||
{{- .Site.Title -}}
|
||||
{{ end }}</title>
|
||||
|
@ -35,6 +36,11 @@
|
|||
</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>
|
||||
</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;
|
||||
$head_bg_color: #060033;
|
||||
|
||||
$resp_small: 1280px;
|
||||
$resp_vsmall: 1000px;
|
||||
|
||||
$profile_pic_wid: 350px;
|
||||
$profile_pic_wid_small: 180px;
|
||||
$profile_pic_wid_vsmall: 250px;
|
||||
|
|
|
@ -43,6 +43,10 @@ body {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@media (max-width: $resp_vsmall) {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tab-selector {
|
||||
margin: 40px;
|
||||
ul {
|
||||
|
@ -57,6 +61,8 @@ body {
|
|||
padding: 10px 20px;
|
||||
background-color: $head_bg_color;
|
||||
margin: 2px 0;
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
|
||||
&:hover {
|
||||
margin-left: 10px;
|
||||
|
@ -72,38 +78,32 @@ body {
|
|||
margin:2em auto;
|
||||
max-width:800px;
|
||||
padding:1em;
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
flex-basis: 800px;
|
||||
}
|
||||
|
||||
|
||||
.profilepic {
|
||||
max-width: $profile_pic_wid;
|
||||
flex: 0 0 auto;
|
||||
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;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 30px;
|
||||
margin-left:20px;
|
||||
|
||||
.fa {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#whoami {
|
||||
|
@ -138,3 +143,43 @@ h2 {
|
|||
font-size: 1.2em;
|
||||
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 {
|
||||
display: flex;
|
||||
justify-content: space-between; }
|
||||
@media (max-width: 1000px) {
|
||||
#main-container {
|
||||
flex-wrap: wrap; } }
|
||||
#main-container .tab-selector {
|
||||
margin: 40px; }
|
||||
#main-container .tab-selector ul {
|
||||
|
@ -42,30 +45,36 @@ body {
|
|||
padding: 10px 20px;
|
||||
background-color: #060033;
|
||||
margin: 2px 0;
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
color: #fcffe4; }
|
||||
#main-container .tab-selector ul li a:hover {
|
||||
margin-left: 10px; }
|
||||
#main-container #content {
|
||||
margin: 2em auto;
|
||||
max-width: 800px;
|
||||
padding: 1em; }
|
||||
#main-container #content ul {
|
||||
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; }
|
||||
padding: 1em;
|
||||
flex-basis: 800px; }
|
||||
#main-container .profilepic {
|
||||
flex: 0 0 auto;
|
||||
margin: 40px;
|
||||
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 {
|
||||
display: grid;
|
||||
|
@ -85,9 +94,42 @@ h1 {
|
|||
margin-left: -10px; }
|
||||
|
||||
h2 {
|
||||
margin-top: 30px;
|
||||
margin-left: 20px; }
|
||||
h2 .fa {
|
||||
margin-right: 10px; }
|
||||
|
||||
#whoami {
|
||||
text-align: right;
|
||||
font-size: 1.2em;
|
||||
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