From 917195ff61269c29938a8cc34b6d810c7b8b0882 Mon Sep 17 00:00:00 2001
From: Thomas Cole <thomas.patrick.cole@gmail.com>
Date: Tue, 9 May 2023 11:04:53 -0400
Subject: [PATCH] Push changes before ripping out pug

---
 notes.md           |  3 +++
 package.json       |  2 +-
 theme/pug/info.pug | 10 ++++++++++
 theme/pug/test.pug |  1 -
 theme/pug/work.pug |  0
 theme/styles.css   | 22 ++++++++++++++++++++--
 theme/styles.scss  | 22 ++++++++++++++++++++--
 theme/template.pug |  4 ++--
 8 files changed, 56 insertions(+), 8 deletions(-)
 create mode 100644 notes.md
 create mode 100644 theme/pug/info.pug
 delete mode 100644 theme/pug/test.pug
 create mode 100644 theme/pug/work.pug

diff --git a/notes.md b/notes.md
new file mode 100644
index 0000000..bfa89a3
--- /dev/null
+++ b/notes.md
@@ -0,0 +1,3 @@
+TLDR on theme generation. 
+
+In short, if you want to add a theme to the official list, you need to publish an NPM module named `jsonresume-theme-{name}`. That module needs to export a function called `render` that takes a `resume.json` and returns a plain HTML string.
\ No newline at end of file
diff --git a/package.json b/package.json
index faf8eb9..90bbf27 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "gulp",
     "resume": "resume",
-    "build": "mkdir -p out && resume export out/resume.pdf && resume export out/resume.html"
+    "build": "mkdir -p out && resume export out/resume.pdf --theme . && resume export out/resume.html --theme ."
   },
   "author": "Thomas Cole",
   "license": "MIT",
diff --git a/theme/pug/info.pug b/theme/pug/info.pug
new file mode 100644
index 0000000..f32933d
--- /dev/null
+++ b/theme/pug/info.pug
@@ -0,0 +1,10 @@
+div.box
+    div.center
+        figure.image.is-256x256
+            img.is-rounded(
+                src=resume.basics.image,
+                alt=resume.basics.name,
+            )
+    br
+    h1.title.is-3.has-text-centered=resume.basics.name
+    h2.subtitle.has-text-centered=resume.basics.email
\ No newline at end of file
diff --git a/theme/pug/test.pug b/theme/pug/test.pug
deleted file mode 100644
index e23bb20..0000000
--- a/theme/pug/test.pug
+++ /dev/null
@@ -1 +0,0 @@
-h1=helper.formatdate(new Date('2020-01-02'))
\ No newline at end of file
diff --git a/theme/pug/work.pug b/theme/pug/work.pug
new file mode 100644
index 0000000..e69de29
diff --git a/theme/styles.css b/theme/styles.css
index c656f8b..920f76a 100644
--- a/theme/styles.css
+++ b/theme/styles.css
@@ -1,3 +1,21 @@
-.foo {
-  background-color: black;
+@import "https://jenil.github.io/bulmaswatch/materia/bulmaswatch.min.css";
+.container {
+  padding-top: 16px;
+  display: grid;
+  grid-template-columns: 30% 1fr;
+  grid-template-rows: 1fr;
+  grid-auto-columns: 1fr;
+  gap: 0px 0px;
+  grid-auto-flow: row;
+  grid-template-areas: ". .";
+}
+
+.center {
+  display: flex;
+  justify-content: center;
+}
+
+.is-256x256 {
+  width: 256px;
+  height: 256px;
 }
\ No newline at end of file
diff --git a/theme/styles.scss b/theme/styles.scss
index 64af3fa..0faaf6e 100644
--- a/theme/styles.scss
+++ b/theme/styles.scss
@@ -1,5 +1,23 @@
 @charset "UTF-8";
+@import "https://jenil.github.io/bulmaswatch/materia/bulmaswatch.min.css";
 
-.foo{
-    background-color: black;
+.container {
+  padding-top: 16px;
+  display: grid;
+  grid-template-columns: 30% 1fr;
+  grid-template-rows: 1fr;
+  grid-auto-columns: 1fr;
+  gap: 0px 0px;
+  grid-auto-flow: row;
+  grid-template-areas: ". .";
+}
+
+.center{
+    display: flex;
+    justify-content: center;
+}
+
+.is-256x256{
+    width: 256px;
+    height: 256px;
 }
\ No newline at end of file
diff --git a/theme/template.pug b/theme/template.pug
index afcb3b5..197d053 100644
--- a/theme/template.pug
+++ b/theme/template.pug
@@ -5,5 +5,5 @@ html(lang="en")
         style
             include styles.css 
         title=`${resume.basics.name} - Resume`
-    body
-        include pug/test
\ No newline at end of file
+    body.container
+        include pug/info