diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..c008f88 --- /dev/null +++ b/content/_index.md @@ -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. + + + +## {{< 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 diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 4093292..eb5e6c5 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -3,6 +3,7 @@ + {{ block "title" . }} {{- .Site.Title -}} {{ end }} @@ -35,6 +36,11 @@ - me +
+ + + + +
diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..ec36b1e --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,6 @@ +{{ define "pagename" }} +{{ end }} + +{{ define "main" }} + {{ .Content }} +{{ end }} diff --git a/layouts/shortcodes/antispam.html b/layouts/shortcodes/antispam.html new file mode 100644 index 0000000..4e4ba26 --- /dev/null +++ b/layouts/shortcodes/antispam.html @@ -0,0 +1 @@ +{{ .Get 0 }} diff --git a/layouts/shortcodes/fontawesome.html b/layouts/shortcodes/fontawesome.html new file mode 100644 index 0000000..a140b77 --- /dev/null +++ b/layouts/shortcodes/fontawesome.html @@ -0,0 +1 @@ + diff --git a/scss/_params.scss b/scss/_params.scss index 6ae88ea..925915e 100644 --- a/scss/_params.scss +++ b/scss/_params.scss @@ -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; diff --git a/scss/style.scss b/scss/style.scss index 3f4ce65..290b0f3 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -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; +} diff --git a/static/css/style.css b/static/css/style.css index 18c72d3..3accdde 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -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; } diff --git a/static/img/me_face.jpg b/static/img/me_face.jpg new file mode 100644 index 0000000..211da3c Binary files /dev/null and b/static/img/me_face.jpg differ