Hugo: bootstrap from cs.tobast.fr

This commit is contained in:
Théophile Bastian 2019-10-08 20:53:12 +02:00
parent e295b8a7b4
commit d0e446c788
21 changed files with 3083 additions and 0 deletions

6
archetypes/default.md Normal file
View file

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

27
config.yaml Normal file
View file

@ -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

View file

@ -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>

View file

@ -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 }}

View file

@ -0,0 +1,7 @@
{{ define "pagename" }}
<h1>{{ .Title }}</h1>
{{ end }}
{{ define "main" }}
{{ .Content }}
{{ end }}

10
scss/Makefile Normal file
View file

@ -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) "$<" "$@"

8
scss/_params.scss Normal file
View file

@ -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;

140
scss/style.scss Normal file
View file

@ -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;
}

4
static/css/font-awesome.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View file

@ -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;
}

2
static/css/fonts.css Normal file
View file

@ -0,0 +1,2 @@
@import url('font-opensans.css');
@import url('font-awesome.min.css');

93
static/css/style.css Normal file
View file

@ -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.

BIN
static/img/me.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 446 KiB