aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorJoris2019-05-01 15:52:32 +0200
committerJoris2019-05-01 17:11:02 +0200
commit23f04635cc26e1b0553088f28553f518488a9fc8 (patch)
tree97037643bab24564046ce4aba90481e3b92a15d3 /templates
parent0fe906ae7453aa684e998bbcc7a78b62d84f0206 (diff)
Setup personal page with Hakyll
Diffstat (limited to 'templates')
-rw-r--r--templates/icons/code.svg1
-rw-r--r--templates/icons/external-link.svg1
-rw-r--r--templates/icons/gitlab.svg1
-rw-r--r--templates/icons/printer.svg1
-rw-r--r--templates/icons/user.svg1
-rw-r--r--templates/layout.html34
-rw-r--r--templates/layout.tex93
-rw-r--r--templates/project.html37
-rw-r--r--templates/resume.html28
-rw-r--r--templates/resume.tex18
10 files changed, 215 insertions, 0 deletions
diff --git a/templates/icons/code.svg b/templates/icons/code.svg
new file mode 100644
index 0000000..c4954b5
--- /dev/null
+++ b/templates/icons/code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg> \ No newline at end of file
diff --git a/templates/icons/external-link.svg b/templates/icons/external-link.svg
new file mode 100644
index 0000000..6371124
--- /dev/null
+++ b/templates/icons/external-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
diff --git a/templates/icons/gitlab.svg b/templates/icons/gitlab.svg
new file mode 100644
index 0000000..85d54a1
--- /dev/null
+++ b/templates/icons/gitlab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gitlab"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg> \ No newline at end of file
diff --git a/templates/icons/printer.svg b/templates/icons/printer.svg
new file mode 100644
index 0000000..8a9a7ac
--- /dev/null
+++ b/templates/icons/printer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-printer"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg> \ No newline at end of file
diff --git a/templates/icons/user.svg b/templates/icons/user.svg
new file mode 100644
index 0000000..7bb5f29
--- /dev/null
+++ b/templates/icons/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg> \ No newline at end of file
diff --git a/templates/layout.html b/templates/layout.html
new file mode 100644
index 0000000..18a3817
--- /dev/null
+++ b/templates/layout.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="author" content="Joris Guyonvarch">
+ <meta name="description" content="I’m a developer using functional programming. View my resume and projects.">
+ <title>Joris Guyonvarch</title>
+ <link rel="stylesheet" href="/style.css" />
+ <link rel="icon" href="/assets/icon.png">
+ </head>
+
+ <body>
+
+ <header class="Header__Container">
+ <a href="/" class="Header__Link $if(isResume)$Header__LinkCurrent$endif$">
+ <div class="Header__Icon">$partial("templates/icons/user.svg")$</div>
+ CV
+ </a>
+
+ <a href="/projects.html" class="Header__Link $if(isProjects)$Header__LinkCurrent$endif$">
+ <div class="Header__Icon">$partial("templates/icons/code.svg")$</div>
+ Projets
+ </a>
+ </header>
+
+ <main class="Main__Container">
+ $body$
+ </main>
+
+ </body>
+
+</html>
diff --git a/templates/layout.tex b/templates/layout.tex
new file mode 100644
index 0000000..e49ea84
--- /dev/null
+++ b/templates/layout.tex
@@ -0,0 +1,93 @@
+\documentclass[a4paper, 11pt]{article}
+
+\usepackage[hmargin=2.5cm,tmargin=2cm,bmargin=3.5cm,footskip=2cm]{geometry}
+
+\usepackage{color}
+\definecolor{darkblue}{RGB}{0,0,100}
+
+\usepackage[colorlinks=true, allcolors=darkblue, pdfborder={0 0 0}]{hyperref}
+
+\usepackage{titlesec}
+
+\usepackage{graphicx}
+
+\usepackage{parskip}
+\setlength{\parindent}{0em}
+\setlength{\parskip}{0.25cm}
+\setcounter{secnumdepth}{-1}
+
+\usepackage[dvipsnames]{xcolor}
+\usepackage[inline]{enumitem}
+\setlist[itemize]{leftmargin=0.8cm,after=\vspace{0.1cm}}
+\renewcommand{\labelitemi}{$$\color{brown}\bullet$$}
+
+% Other packages
+
+\usepackage[utf8]{inputenc}
+\usepackage[T1]{fontenc}
+\usepackage{fp,etoolbox,marvosym,bookman,titlesec,hyperref,tabularx,graphicx,fancyhdr,changepage,lastpage,ulem}
+\usepackage{xifthen}
+
+% Conf
+
+\setlength{\parindent}{0pt}
+\color[HTML]{303030} % Default foreground color
+\definecolor{link}{HTML}{505070}
+\hypersetup{colorlinks,breaklinks,urlcolor=link,linkcolor=link}
+\setlength{\tabcolsep}{0pt}
+
+\pagestyle{fancy}
+\lhead{}
+\chead{}
+\rhead{}
+\renewcommand{\headrulewidth}{0pt}
+\cfoot{\thepage\ / \pageref{LastPage}}
+
+\titleformat
+ {\section}
+ {\LARGE\scshape\raggedright\color{brown}} % format
+ {} % label
+ {0cm} % sep
+ {\vspace{0.3cm}} % before
+ [\titlerule\vspace{0.2cm}] % after
+
+\titleformat
+ {\subsection}
+ {\large\raggedright\bf} % format
+ {} % label
+ {0cm} % sep
+ {\vspace{0.3cm}} % before
+ [\vspace{0.1cm}] % after
+
+% Commands
+
+\providecommand{\tightlist}{%
+ \setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}
+
+\newcommand{\iconLink}[3] {
+ \includegraphics[width=8px]{#1} & \href{#2}{\sf\small#3} \\
+}
+
+% Doc
+
+\begin{document}
+
+\begin{minipage}[t]{0.6\textwidth}
+ \centering
+ {\Huge Joris Guyonvarch} \\
+ \vspace{0.2cm}
+ {\Large Développeur} \\
+\end{minipage}
+\begin{minipage}[t]{0.4\textwidth}
+ \begin{flushright}
+ \vspace{-1.3em}
+ \begin{tabular}{p{15pt}l}
+ \iconLink{external-link.png}{https://guyonvarch.me}{guyonvarch.me}
+ \iconLink{gitlab.png}{https://gitlab.com/guyonvarch}{guyonvarch}
+ \end{tabular}
+ \end{flushright}
+\end{minipage}
+
+$body$
+
+\end{document}
diff --git a/templates/project.html b/templates/project.html
new file mode 100644
index 0000000..4bcc386
--- /dev/null
+++ b/templates/project.html
@@ -0,0 +1,37 @@
+<li class="Section__Container">
+
+ <h1 class="Section__Title">$name$</h1>
+
+ <div>
+ <a class="IconLink__Link" href="https://gitlab.com/$gitlab$">
+ <span class="IconLink__Icon">
+ $partial("templates/icons/gitlab.svg")$
+ </span>
+ $gitlab$
+ </a>
+ </div>
+
+ <div>
+ $if(live)$
+ <a class="IconLink__Link" href="$live$">
+ <span class="IconLink__Icon">
+ $partial("templates/icons/external-link.svg")$
+ </span>
+ $live$
+ </a>
+ $endif$
+ </div>
+
+ <div class="Project__Body Body__Container">
+ $body$
+ </div>
+
+ $if(skills)$
+ <ul class="Skills__List">
+ $for(skills)$
+ <li class="Skills__Item">$item$</li>
+ $endfor$
+ </ul>
+ $endif$
+
+</li>
diff --git a/templates/resume.html b/templates/resume.html
new file mode 100644
index 0000000..e848025
--- /dev/null
+++ b/templates/resume.html
@@ -0,0 +1,28 @@
+<li class="Resume__Container">
+
+ $if(name)$
+ <div class="Resume__Name">
+ $name$
+ </div>
+ $endif$
+
+ $if(location)$
+ <div class="Resume__Location">
+ $location$
+ $if(time)$– $time$$endif$
+ </div>
+ $endif$
+
+ <div class="Body__Container">
+ $body$
+ </div>
+
+ $if(skills)$
+ <ul class="Skills__List">
+ $for(skills)$
+ <li class="Skills__Item">$item$</li>
+ $endfor$
+ </ul>
+ $endif$
+
+</li>
diff --git a/templates/resume.tex b/templates/resume.tex
new file mode 100644
index 0000000..678e20b
--- /dev/null
+++ b/templates/resume.tex
@@ -0,0 +1,18 @@
+$if(name)$
+ \subsection{$name$}
+$endif$
+
+{\color{OliveGreen} $if(location)$ $location$ $endif$ $if(time)$ – $time$ $endif$}
+
+$body$
+
+$if(skills)$
+ \begin{enumerate*}[label={}]
+ $for(skills)$
+ \item{}
+ \hspace{-0.3cm}
+ {\color{gray}\uline{\textcolor{black}{$item$}}}
+ \hspace{0.2cm}
+ $endfor$
+ \end{enumerate*}
+$endif$