9 files changed, 112 insertions, 0 deletions
diff --git a/layouts/.keep b/layouts/.keep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/layouts/.keep
diff --git a/layouts/home.html b/layouts/home.html
new file mode 100644
index 0000000..d937da3
--- /dev/null
+++ b/layouts/home.html
@@ -0,0 +1,24 @@
+<html lang="{{ .Site.LanguageCode }}">
+  <head>
+    <title>{{ .Site.Title }}</title>
+    {{ $web := resources.Get "scss/web.scss" }}
+    {{ $style := $web | toCSS | minify | fingerprint }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" media="all" integrity="{{ $style.Data.Integrity }}">
+    {{ $print := resources.Get "scss/print.scss" }}
+    {{ $style := $print | toCSS | minify | fingerprint }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" media="print" integrity="{{ $style.Data.Integrity }}">
+    {{ partial "head/metadata" .Site.Data.home.index.Meta }}
+  </head>
+  <body>
+    <main>
+      {{ partial "home/header.html" .Site.Data.home.index.Meta }}
+      {{ partial "home/summary.html" .Site.Data.home.index.Summary }}
+      {{ partial "home/skills.html" .Site.Data.home.index.Skills }}
+      {{ partial "home/work.html" .Site.Data.home.work.Work }}
+      {{ partial "home/projects.html" .Site.Data.home.writing }}
+      {{ partial "home/projects.html" .Site.Data.home.projects }}
+      {{ partial "home/education.html" .Site.Data.home.index.Education }}
+    </main>
+  </body>
+  <footer></footer>
+</html>
diff --git a/layouts/partials/head/metadata.html b/layouts/partials/head/metadata.html
new file mode 100644
index 0000000..f49b401
--- /dev/null
+++ b/layouts/partials/head/metadata.html
@@ -0,0 +1,15 @@
+<meta charset="utf-8" />
+<meta name="author" content="{{ .Name }}" />
+<meta name="description" content="A14M · {{ .Title }}" />
+<meta name="keywords" content="DevOps, go, docker, ansible, python, bash, CI, CD, TDD, BDD, AWS, terraform, GCP, k8s, kubernetes, grafana, prometheus, loki, ELK" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="color-scheme" content="dark light" />
+
+<link rel="shortcut icon" href="/ico/favicon.ico" />
+<link rel="apple-touch-icon" sizes="180x180" href="/ico/apple-touch-icon.png" />
+<link rel="icon" type="image/png" sizes="32x32" href="/ico/favicon-32x32.png" />
+<link rel="icon" type="image/png" sizes="16x16" href="/ico/favicon-16x16.png" />
+<link rel="manifest" href="/ico/site.webmanifest" />
+<link rel="mask-icon" href="/ico/safari-pinned-tab.svg" color="#000" />
+<meta name="msapplication-TileColor" content="#da532c" />
+<meta name="theme-color" content="#ffffff" />
diff --git a/layouts/partials/home/education.html b/layouts/partials/home/education.html
new file mode 100644
index 0000000..e6f82ba
--- /dev/null
+++ b/layouts/partials/home/education.html
@@ -0,0 +1,10 @@
+<article class="education">
+  <h2 class="education__header section-header">Education</h2>
+  <article class="education__details">
+    <h2 class="education__degree">{{ .Degree }}</h2>
+    <p class="education__university">{{ .University }}</p>
+    <p class="education__gpa">{{ .GPA }}</p>
+    <em class="education__location">{{ .Location }}</em>
+    <em class="education__duration">{{ .Duration }}</em>
+  </article>
+</article>
diff --git a/layouts/partials/home/header.html b/layouts/partials/home/header.html
new file mode 100644
index 0000000..7b4d50c
--- /dev/null
+++ b/layouts/partials/home/header.html
@@ -0,0 +1,15 @@
+<header class="header">
+  <h1 class="header__name">{{ .Name }}</h1>
+  <em class="header__job-title">{{ .Title }}</em>
+  <address class="header__contact-info">
+    <div class="header__location">{{ .Location }}</div>
+    <div class="header__tel"><a href="tel:{{ .Phone }}">{{ .Phone }}</a></div>
+    <div class="header__email"><a href="mailto:{{ .Email }}">{{ .Email }}</a></div>
+    <div class="header__website"><a href="{{ .Site.BaseURL }}">website</a></div>
+    <div class="header__srht"><a href="{{ .Srht }}">sr.ht</a></div>
+    <div class="header__github"><a href="{{ .Github }}">Github</a></div>
+    <div class="header__stackoverflow"><a href="{{ .StackOverflow }}">StackOverflow</a></div>
+    <div class="header__linkedin"><a href="{{ .LinkedIn }}">LinkedIn</a></div>
+    <div class="header__pgp"><a href="{{ absURL "/gpg.key" }}">PGP</a></div>
+  </address>
+</header>
diff --git a/layouts/partials/home/projects.html b/layouts/partials/home/projects.html
new file mode 100644
index 0000000..d9ac5e2
--- /dev/null
+++ b/layouts/partials/home/projects.html
@@ -0,0 +1,11 @@
+{{ range $header, $projects := . }}
+<article class="projects">
+  <h2 class="projects_header section-header">{{ $header }}</h2>
+  {{ range $projects }}
+  <article class="project">
+    <h2 class="project__title">{{ .title | safeHTML }}</h2>
+    <p class="project__content">{{ .content | safeHTML }}</p>
+  </article>
+  {{ end }}
+</article>
+{{ end }}
diff --git a/layouts/partials/home/skills.html b/layouts/partials/home/skills.html
new file mode 100644
index 0000000..35bda7c
--- /dev/null
+++ b/layouts/partials/home/skills.html
@@ -0,0 +1,11 @@
+<article class="skills">
+  <h2 class="skills__header section-header">Skills</h2>
+  <dl class="skills__content">
+    {{ range $skill := . }}
+      {{ range $title, $content := $skill }}
+      <dt class="skills__title">{{ $title }}</dt>
+      <dd class="skills__items">{{ $content }}</dd>
+      {{ end }}
+    {{ end }}
+  </dl>
+</article>
diff --git a/layouts/partials/home/summary.html b/layouts/partials/home/summary.html
new file mode 100644
index 0000000..4f256fd
--- /dev/null
+++ b/layouts/partials/home/summary.html
@@ -0,0 +1,6 @@
+<article class="summary">
+  <h2 class="summary__header section-header">Summary</h2>
+  <p class="summary__content">
+    {{ . }}
+  </p>
+</article>
diff --git a/layouts/partials/home/work.html b/layouts/partials/home/work.html
new file mode 100644
index 0000000..4af88dc
--- /dev/null
+++ b/layouts/partials/home/work.html
@@ -0,0 +1,20 @@
+<article class="work">
+  <h2 class="work__header section-header">Work Experience</h2>
+  {{ range . }}
+    <article class="work__experience">
+      <div class="job-position">
+        <h2 class="job-position__company">{{ .Company | safeHTML }}</h2>
+        <em class="job-position__title">{{ .Title }}</em>
+        <em class="job-position__duration">{{ .Duration }}</em>
+        <em class="job-position__location">{{ .Location }}</em>
+      </div>
+      <p class="note">{{ .Note | safeHTML }}</p>
+      <ul class="tasks">
+        {{ range .Tasks }}
+          <li>{{ . | safeHTML }}</li>
+        {{ end }}
+      </ul>
+      <p class="note">{{ .FootNote | safeHTML }}</p>
+    </article>
+  {{ end }}
+</article>