start v3
This commit is contained in:
@@ -1,67 +1,15 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- {{ template "_internal/opengraph.html" . }}
|
||||
{{ template "_internal/twitter_cards.html" . }} -->
|
||||
|
||||
<title>{{ block "title" . }}{{ with .Params.Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end }}</title>
|
||||
|
||||
<link rel="icon" type="image/png" href='{{ "images/logos/favicon.png" | absURL }}' sizes="16x16">
|
||||
<link rel="icon" type="image/png" href='{{ "images/logos/favicon.png" | absURL }}' sizes="32x32">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Oswald:400" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
|
||||
|
||||
{{ $css := resources.Match "css/*.css" }}
|
||||
|
||||
{{ with $css }}
|
||||
{{ $bundle := . | resources.Concat "css/bundle.min.css" | minify | fingerprint }}
|
||||
<link rel="stylesheet"
|
||||
href="{{ $bundle.Permalink }}"
|
||||
integrity="{{ $bundle.Data.Integrity }}">
|
||||
{{ end }}
|
||||
|
||||
{{ block "head" . }}{{ end }}
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark py-1 top-nav">
|
||||
<div class="container">
|
||||
{{ partial "navbar-brand" . }}
|
||||
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse" id="navbarCollapse">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
{{ partial "top-nav-text-links" . }}
|
||||
</ul>
|
||||
<div class="social-icons d-none d-lg-block">
|
||||
{{ partial "social-icons" . }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{{ block "header" .}}{{ end }}
|
||||
|
||||
<div class="main">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</div>
|
||||
|
||||
<footer class="mt-auto footer d-print-none">
|
||||
<div class="container-fluid">
|
||||
<div class="d-flex justify-content-center icons">
|
||||
{{ partial "social-icons" . }}
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||
|
||||
</body>
|
||||
<html lang="{{ .Site.Language.Lang }}">
|
||||
<head>
|
||||
{{ partial "head.html" . }}
|
||||
</head>
|
||||
<body>
|
||||
{{ partial "header.html" . }}
|
||||
<main class="container">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
{{ $js := resources.Get "js/main.js" | minify | fingerprint }}
|
||||
<script src="{{ $js.RelPermalink }}" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,68 +1,8 @@
|
||||
{{ define "head" }}
|
||||
|
||||
<style type="text/css">
|
||||
.feature-image {
|
||||
background-image: linear-gradient(
|
||||
rgba(0, 0, 0, 0.15),
|
||||
rgba(0, 0, 0, 0.15)
|
||||
), url('{{ "images/unix.jpg" | absURL }}');
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.feature-image-text {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.feature-image {
|
||||
background-position: 0% 30%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.feature-image {
|
||||
height: 250px;
|
||||
background-position: 0% 0%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
{{ end }}
|
||||
{{ define "header" }}
|
||||
{{ if .IsHome }}
|
||||
<header class="feature-image">
|
||||
<div class="feature-image-text white-shadow-text">
|
||||
{{ partial "header-about-me" . }}
|
||||
</div>
|
||||
</header>
|
||||
{{ end }}
|
||||
{{ if not .IsHome }}
|
||||
|
||||
<header class="feature-image">
|
||||
<div class="feature-image-text">
|
||||
<h1 class="text-center">{{ .Title }}</h1>
|
||||
</div>
|
||||
</header>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ define "main" }}
|
||||
<div class="container mt-4 mb-4 recent-posts" style="text-align: center;">
|
||||
{{ $pages := .Pages }}
|
||||
{{ if .IsHome }}
|
||||
{{ $pages := where .Site.RegularPages "Section" "page" }}
|
||||
|
||||
{{ range $pages }}
|
||||
<div><a class="title" id="front-title" href="{{ .Permalink }}"><h2>{{ .Title }}</h2></a></div>
|
||||
<div><p id="front-title">{{ .Description }}</p></div>
|
||||
{{ end }}
|
||||
<!-- {{ $pages := where .Site.RegularPages "Section" "projets" }}
|
||||
|
||||
{{ range $pages }}
|
||||
<div><a href="{{ .Permalink }}"><h5>{{ .Title }}</h5></a></div>
|
||||
{{ end }} -->
|
||||
{{ end }}
|
||||
</div>
|
||||
<header class="page-header">
|
||||
<p class="eyebrow">{{ .Section }}</p>
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ with .Description }}<p class="lead">{{ . }}</p>{{ end }}
|
||||
</header>
|
||||
<div class="prose">{{ .Content }}</div>
|
||||
{{ end }}
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,27 +1,10 @@
|
||||
{{ define "head" }}
|
||||
|
||||
<style type="text/css">
|
||||
p {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
img {
|
||||
max-width: 95%
|
||||
}
|
||||
</style>
|
||||
|
||||
{{ end }}
|
||||
{{ define "title" }}
|
||||
{{ .Title }} | {{ .Site.Title }}
|
||||
{{ end }}
|
||||
|
||||
{{ define "main" }}
|
||||
<div class="container mt-4 post">
|
||||
<!-- <h1>{{ .Title }}</h1> -->
|
||||
{{ partial "post-meta" . }}
|
||||
|
||||
<div class="mt-4 mb-4 main-content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<article class="article">
|
||||
<header class="page-header">
|
||||
<p class="eyebrow">{{ .Section }}</p>
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ with .Description }}<p class="lead">{{ . }}</p>{{ end }}
|
||||
</header>
|
||||
<div class="prose">{{ .Content }}</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
{{ define "main" }}
|
||||
<header class="page-header">
|
||||
<p class="eyebrow">CAREER</p>
|
||||
<h1>{{ .Title }}</h1>
|
||||
<p class="lead">{{ .Description }}</p>
|
||||
</header>
|
||||
<div class="timeline">
|
||||
{{ range .Pages.ByDate.Reverse }}
|
||||
<article class="timeline-item">
|
||||
<div class="timeline-date">{{ .Params.period }}</div>
|
||||
<div><h2>{{ .Title }}</h2><p class="muted">{{ .Params.company }} · {{ .Params.location }}</p><div class="prose">{{ .Content }}</div>{{ with .Params.technologies }}<div class="tags">{{ range . }}<span>{{ . }}</span>{{ end }}</div>{{ end }}</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,15 @@
|
||||
{{ define "main" }}
|
||||
<section class="hero">
|
||||
<p class="eyebrow">OPEN TO ENGINEERING</p>
|
||||
<h1>{{ .Title }}</h1>
|
||||
<p class="hero-role">Ingénieur DevOps / SRE</p>
|
||||
<p class="hero-subtitle">Infrastructure · Automation · CI/CD · Containers · Observability</p>
|
||||
<p class="hero-copy">{{ .Description }}</p>
|
||||
<div class="hero-actions">
|
||||
<a class="button button-primary" href="/projects/">Projets</a>
|
||||
<a class="button" href="/experience/">Expérience</a>
|
||||
<a class="button" href="/stack/">Stack</a>
|
||||
</div>
|
||||
</section>
|
||||
<div class="prose">{{ .Content }}</div>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,6 @@
|
||||
{{ define "main" }}
|
||||
<header class="page-header"><p class="eyebrow">LAB</p><h1>{{ .Title }}</h1><p class="lead">{{ .Description }}</p></header>
|
||||
<div class="project-grid">
|
||||
{{ range .Pages.ByDate.Reverse }}<article class="project-card"><span class="status">LAB</span><h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2><p>{{ .Description }}</p></article>{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,6 @@
|
||||
{{ define "main" }}
|
||||
<header class="page-header"><p class="eyebrow">NOTES</p><h1>{{ .Title }}</h1><p class="lead">{{ .Description }}</p></header>
|
||||
<div class="notes-list">
|
||||
{{ range .Pages.ByDate.Reverse }}<article><span>{{ .Date.Format "2006-01-02" }}</span><h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2><p>{{ .Description }}</p></article>{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,6 @@
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-inner">
|
||||
<span>© {{ now.Year }} Grégory Lebreton</span>
|
||||
<span>Built with Hugo · deployed with CI/CD</span>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,8 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} — {{ .Site.Title }}{{ end }}</title>
|
||||
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ .Site.Params.description }}{{ end }}">
|
||||
<link rel="canonical" href="{{ .Permalink }}">
|
||||
{{ $css := resources.Get "css/main.css" | minify | fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $css.RelPermalink }}">
|
||||
{{ with .OutputFormats.Get "RSS" }}<link rel="alternate" type="application/rss+xml" href="{{ .RelPermalink }}">{{ end }}
|
||||
@@ -0,0 +1,17 @@
|
||||
<header class="site-header">
|
||||
<div class="container nav">
|
||||
<a class="brand" href="/"><span>greg</span>@<strong>dev</strong></a>
|
||||
<nav aria-label="Navigation principale">
|
||||
<a href="/experience/">Experience</a>
|
||||
<a href="/projects/">Projects</a>
|
||||
<a href="/lab/">Lab</a>
|
||||
<a href="/stack/">Stack</a>
|
||||
<a href="/notes/">Notes</a>
|
||||
<a href="/about/">About</a>
|
||||
</nav>
|
||||
<div class="nav-links">
|
||||
<a href="{{ .Site.Params.github }}" target="_blank" rel="noopener">GitHub</a>
|
||||
<a href="{{ .Site.Params.linkedin }}" target="_blank" rel="noopener">LinkedIn</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,14 @@
|
||||
<article class="project-card">
|
||||
<div class="project-top">
|
||||
<span class="status">{{ .Params.status | default "active" }}</span>
|
||||
<span class="project-index">PROJECT</span>
|
||||
</div>
|
||||
<h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
|
||||
<p>{{ .Description }}</p>
|
||||
{{ with .Params.technologies }}
|
||||
<div class="tags">{{ range . }}<span>{{ . }}</span>{{ end }}</div>
|
||||
{{ end }}
|
||||
{{ with .Params.links.repository }}
|
||||
<a class="project-link" href="{{ . }}" target="_blank" rel="noopener">Repository ↗</a>
|
||||
{{ end }}
|
||||
</article>
|
||||
@@ -0,0 +1,12 @@
|
||||
{{ define "main" }}
|
||||
<article class="article">
|
||||
<header class="page-header">
|
||||
<p class="eyebrow">PROJECT / {{ .Params.status | default "active" }}</p>
|
||||
<h1>{{ .Title }}</h1>
|
||||
<p class="lead">{{ .Description }}</p>
|
||||
{{ with .Params.technologies }}<div class="tags tags-large">{{ range . }}<span>{{ . }}</span>{{ end }}</div>{{ end }}
|
||||
</header>
|
||||
<div class="prose">{{ .Content }}</div>
|
||||
{{ with .Params.links.repository }}<p><a class="button button-primary" href="{{ . }}" target="_blank" rel="noopener">Voir le repository ↗</a></p>{{ end }}
|
||||
</article>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user
