Hugo: bootstrap from cs.tobast.fr
This commit is contained in:
parent
e295b8a7b4
commit
d0e446c788
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
title: "{{ replace .Name "-" " " | title }}"
|
||||||
|
date: {{ .Date }}
|
||||||
|
draft: true
|
||||||
|
---
|
||||||
|
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
baseURL: "https://tobast.fr/"
|
||||||
|
languageCode: "en-en"
|
||||||
|
title: "tobast.fr"
|
||||||
|
disableHugoGeneratorInject: true
|
||||||
|
|
||||||
|
params:
|
||||||
|
sourceURL: "https://git.tobast.fr/tobast/tobast.fr"
|
||||||
|
siteLicenseURL: "https://www.gnu.org/licenses/gpl-3.0.en.html"
|
||||||
|
siteLicenseName: "GNU GPLv3"
|
||||||
|
|
||||||
|
taxonomies:
|
||||||
|
category: categories
|
||||||
|
tag: tags
|
||||||
|
|
||||||
|
privacy:
|
||||||
|
disqus:
|
||||||
|
disable: true
|
||||||
|
googleAnalytics:
|
||||||
|
disable: true
|
||||||
|
instagram:
|
||||||
|
disable: true
|
||||||
|
twitter:
|
||||||
|
disable: true
|
||||||
|
vimeo:
|
||||||
|
disable: true
|
||||||
|
youtube:
|
||||||
|
disable: true
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="/css/style.css">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>{{ block "title" . }}
|
||||||
|
{{- .Site.Title -}}
|
||||||
|
{{ end }}</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{{ block "header" . }}
|
||||||
|
<div id="head">
|
||||||
|
<div class="title"><a href="/">Théophile Bastian</a></div>
|
||||||
|
<div class="whoami">Student, <a href="https://ens.fr/">ENS Paris</a>, France</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<div id="main-container">
|
||||||
|
<div class="tab-selector">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/">Who am I?</a></li>
|
||||||
|
<li><a href="/research">Research</a></li>
|
||||||
|
<li><a href="/services">Things I host</a></li>
|
||||||
|
<li><a href="/cooking">Cooking</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="content">
|
||||||
|
{{ block "pagename" . }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<div id="main">
|
||||||
|
{{ block "main" . }}
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<img class="profilepic" src="img/me.jpg" alt="me" />
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,17 @@
|
||||||
|
{{ define "pagename" }}
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ define "main" }}
|
||||||
|
<div class="descr">
|
||||||
|
{{ .Content }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list">
|
||||||
|
<ul>
|
||||||
|
{{ range .Pages }}
|
||||||
|
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
{{ define "pagename" }}
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ define "main" }}
|
||||||
|
{{ .Content }}
|
||||||
|
{{ end }}
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
STYLES=style.scss
|
||||||
|
IMPORTS=$(shell ls -1 _*.scss)
|
||||||
|
OUTDIR=../static/css
|
||||||
|
|
||||||
|
SASS=sassc
|
||||||
|
|
||||||
|
all: $(addprefix $(OUTDIR)/,$(STYLES:.scss=.css))
|
||||||
|
|
||||||
|
$(OUTDIR)/%.css: %.scss $(IMPORTS)
|
||||||
|
$(SASS) "$<" "$@"
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
// vim: tabstop=2 shiftwidth=2 expandtab
|
||||||
|
|
||||||
|
$bg_color: #fcffe4;
|
||||||
|
$link_color: #07a;
|
||||||
|
$fg_color: #555;
|
||||||
|
$head_bg_color: #060033;
|
||||||
|
|
||||||
|
$profile_pic_wid: 350px;
|
||||||
|
|
@ -0,0 +1,140 @@
|
||||||
|
// vim: tabstop=2 shiftwidth=2 expandtab
|
||||||
|
|
||||||
|
@import url('fonts.css');
|
||||||
|
@import 'params';
|
||||||
|
|
||||||
|
html {
|
||||||
|
background-color: $bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family:Open Sans,Arial;
|
||||||
|
color:#555;
|
||||||
|
font-size:16px;
|
||||||
|
line-height:1.4;
|
||||||
|
text-align:justify;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#head {
|
||||||
|
background-color: $head_bg_color;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0;
|
||||||
|
padding: 30px 60px;
|
||||||
|
color: $bg_color;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 1.4em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whoami {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
a, a:visited {
|
||||||
|
color: $bg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.tab-selector {
|
||||||
|
margin: 40px;
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
min-width: 200px;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
font-size: 1.2em;
|
||||||
|
padding: 10px 20px;
|
||||||
|
background-color: $head_bg_color;
|
||||||
|
margin: 2px 0;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
color: $bg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.profilepic {
|
||||||
|
max-width: $profile_pic_wid;
|
||||||
|
margin: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.items {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 100px auto;
|
||||||
|
|
||||||
|
.head {
|
||||||
|
grid-column: 1/span 1;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a, a:visited {
|
||||||
|
color: $link_color;
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fa {
|
||||||
|
color:#555
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-left:-10px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
margin-left:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whoami {
|
||||||
|
text-align: right;
|
||||||
|
font-size: 1.2em;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,58 @@
|
||||||
|
/**** OPEN SANS **************************************************************/
|
||||||
|
|
||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.woff') format('woff');
|
||||||
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||||
|
}
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.woff') format('woff');
|
||||||
|
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* greek-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.woff') format('woff');
|
||||||
|
unicode-range: U+1F00-1FFF;
|
||||||
|
}
|
||||||
|
/* greek */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.woff') format('woff');
|
||||||
|
unicode-range: U+0370-03FF;
|
||||||
|
}
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.woff') format('woff');
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.woff') format('woff');
|
||||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.woff') format('woff');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
@import url('font-opensans.css');
|
||||||
|
@import url('font-awesome.min.css');
|
||||||
|
|
@ -0,0 +1,93 @@
|
||||||
|
@import url("fonts.css");
|
||||||
|
html {
|
||||||
|
background-color: #fcffe4; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Open Sans,Arial;
|
||||||
|
color: #555;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.4;
|
||||||
|
text-align: justify;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0; }
|
||||||
|
|
||||||
|
#head {
|
||||||
|
background-color: #060033;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0;
|
||||||
|
padding: 30px 60px;
|
||||||
|
color: #fcffe4; }
|
||||||
|
#head .title {
|
||||||
|
font-size: 1.4em;
|
||||||
|
font-weight: bold; }
|
||||||
|
#head .whoami {
|
||||||
|
font-weight: bold; }
|
||||||
|
#head a, #head a:visited {
|
||||||
|
color: #fcffe4; }
|
||||||
|
|
||||||
|
#main-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between; }
|
||||||
|
#main-container .tab-selector {
|
||||||
|
margin: 40px; }
|
||||||
|
#main-container .tab-selector ul {
|
||||||
|
list-style: none;
|
||||||
|
min-width: 200px;
|
||||||
|
padding: 0; }
|
||||||
|
#main-container .tab-selector ul li a {
|
||||||
|
display: block;
|
||||||
|
font-size: 1.2em;
|
||||||
|
padding: 10px 20px;
|
||||||
|
background-color: #060033;
|
||||||
|
margin: 2px 0;
|
||||||
|
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; }
|
||||||
|
#main-container .profilepic {
|
||||||
|
max-width: 350px;
|
||||||
|
margin: 40px; }
|
||||||
|
|
||||||
|
.items {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 100px auto; }
|
||||||
|
.items .head {
|
||||||
|
grid-column: 1/span 1;
|
||||||
|
font-weight: bold; }
|
||||||
|
|
||||||
|
a, a:visited {
|
||||||
|
color: #07a;
|
||||||
|
text-decoration: none; }
|
||||||
|
|
||||||
|
.fa {
|
||||||
|
color: #555; }
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-left: -10px; }
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-left: 20px; }
|
||||||
|
|
||||||
|
#whoami {
|
||||||
|
text-align: right;
|
||||||
|
font-size: 1.2em;
|
||||||
|
font-style: italic; }
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 446 KiB |
Loading…
Reference in New Issue