restructure theme to write articles

71 files changed, 485 insertions, 5 deletions

diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..fc7f912
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,94 @@
+baseURL = "https://example.com/"
+languageCode = "en-us"
+title = "Edna West"
+theme = ""
+copyright="© Edna West"
+googleAnalytics = ""
+enableEmoji=true
+enableRobotsTXT=true
+pygmentsUseClasses=true
+pygmentsCodeFences=true
+
+[params.intro]
+  main = "Hi, I'm Edna :wave:"
+  sub = "I'm a Web Developer and Entrepreneur"
+
+[taxonomies]
+  design = "designs"
+  tech = "techs"
+
+[blackfriday]
+  hrefTargetBlank = true
+
+[params]
+  breadcrumb = true
+  accentColor = "#FD3519"
+
+[params.notFound]
+  gopher = "/images/gopher.png" # checkout https://gopherize.me/
+  h1 = 'Bummer!'
+  p = "It seems that this page doesn't exist."
+  mainSection = 'portfolio' # values: [post, portfolio] only accept one section, to be displayed bellow 404
+
+[params.sections]
+  # Define how your sections will be called
+  # when automatically pulled. For instance in the 404 page
+  post = "article"
+  portfolio = "project"
+
+[params.sidebar]
+  backgroundImage = '' # header background image - default "/images/default_sidebar.jpg" - Photo by Tim Marshall on Unsplash
+  gradientOverlay = '' # default: rgba(0,0,0,0.4),rgba(0,0,0,0.4)
+  logo = "" # - default "/images/edna-west.jpg"
+[params.assets]
+  favicon = ""
+  customCSS = ""
+
+[params.social]
+  github = "https://github.com/"
+  twitter = "https://twitter.com/"
+  linkedin = "https://www.linkedin.com/in/"
+
+[params.contact]
+  email = ""
+  text= "" # text of the contact link in the sidebar. If email params.contact.email is defined
+
+
+[menu]
+
+[[menu.main]]
+  identifier = "about"
+  name = "About"
+  title = "About section"
+  url = "/about/"
+  weight = -120
+
+[[menu.main]]
+  identifier = "portfolio"
+  name = "Portfolio"
+  title = "Portfolio"
+  url = "/portfolio/"
+  weight = -110
+
+[[menu.main]]
+  identifier = "blog"
+  name = "Post"
+  title = "Blog section"
+  url = "/post/"
+  weight = -100
+
+[sitemap]
+  changefreq = "monthly"
+  filename = "sitemap.xml"
+  priority = 0.5
+
+[privacy]
+  [privacy.googleAnalytics]
+    anonymizeIP = true
+    disable = true
+    respectDoNotTrack = true
+    useSessionStorage = false
+  [privacy.twitter]
+    disable = false
+    enableDNT = true
+    simple = false
\ No newline at end of file
diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000..9fd0aa2
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,13 @@
+---
+title: HOME
+description: Welcome to this sample project
+images: ["/images/sample.jpg"]
+---
+
+Hey,
+
+I'm Edna West, a Web Developer and Entrepreneur.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus error cumque quisquam necessitatibus libero dolore porro, quo at molestiae modi voluptatibus iusto alias corporis. Accusamus, debitis, atque. Maiores, distinctio, neque.
+
+[Get to know me better](/about "Get to know me better")
\ No newline at end of file
diff --git a/content/about.md b/content/about.md
new file mode 100644
index 0000000..76fb758
--- /dev/null
+++ b/content/about.md
@@ -0,0 +1,10 @@
+---
+title: ABOUT
+description: Hey, I'm Edna West
+images: ["/images/sample.jpg"]
+---
+
+
+This is my about page. :wave:
+
+Lorem ipsum dolor sit amet, :smile: consectetur adipisicing elit. Voluptates aut, tenetur distinctio voluptatibus ab. Nihil id dignissimos unde, tenetur iusto facilis suscipit corporis, ipsam necessitatibus, eaque iste deleniti consequuntur reprehenderit? :earth_africa:
\ No newline at end of file
diff --git a/content/portfolio/sample-project/index.md b/content/portfolio/sample-project/index.md
new file mode 100644
index 0000000..0b1fb42
--- /dev/null
+++ b/content/portfolio/sample-project/index.md
@@ -0,0 +1,25 @@
+---
+title: Sample project
+description: This is the description of our sample project
+date: "2019-05-02T19:47:09+02:00"
+jobDate: 2019
+work: [design, architecture]
+techs: [javascript, D3]
+designs: [Photoshop]
+thumbnail: sample-project/sample.jpg
+projectUrl: https://www.sampleorganization.org
+testimonial:
+  name: John Doe
+  role: CEO @Example
+  image: sample-project/john.jpg
+  text: Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin
+---
+
+This would be a description of your sample project. You can add any content you'd like.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/content/portfolio/sample-project/john.jpg b/content/portfolio/sample-project/john.jpg
new file mode 100644
index 0000000..a6a39bf
--- /dev/null
+++ b/content/portfolio/sample-project/john.jpg
diff --git a/content/portfolio/sample-project/sample.jpg b/content/portfolio/sample-project/sample.jpg
new file mode 100644
index 0000000..928d3f5
--- /dev/null
+++ b/content/portfolio/sample-project/sample.jpg
diff --git a/content/post/_index.md b/content/post/_index.md
new file mode 100644
index 0000000..ed1dc5f
--- /dev/null
+++ b/content/post/_index.md
@@ -0,0 +1,6 @@
+---
+title: POST
+description: 'Posts Section'
+---
+
+You'll add here a general introduction of your posts.
\ No newline at end of file
diff --git a/content/post/archetypes.md b/content/post/archetypes.md
new file mode 100644
index 0000000..e5f3a57
--- /dev/null
+++ b/content/post/archetypes.md
@@ -0,0 +1,30 @@
+---
+title: Archetypes management
+description: How the Archetypes are defined
+date: "2019-05-02T19:25:30+02:00"
+publishDate: "2019-05-02T19:25:30+02:00"
+---
+
+The archetypes are defined in the `archetypes` folder, for both post and portfolio.
+
+The archetypes are defined in YAML, so Front matter is formatted in YAML too. You can easily change them to TOML in your own `archetypes` is you wish to.
+
+For example:
+
+```YAML
+---
+title: title
+description: desc
+date: "2019-05-02T19:47:09+02:00"
+---
+```
+
+to
+
+```TOML
++++
+title = "title"
+description: "desc"
+date: "2019-05-02T19:47:09+02:00"
++++
+```
\ No newline at end of file
diff --git a/content/post/config-file.md b/content/post/config-file.md
new file mode 100644
index 0000000..1c5de24
--- /dev/null
+++ b/content/post/config-file.md
@@ -0,0 +1,107 @@
+---
+title: "Config File"
+date: 2019-04-20T16:18:12+01:00
+publishDate: 2019-04-20T19:12:12+01:00
+---
+
+Here is the basic config file used for personal_web.
+
+You can use it as a base for your website.
+
+<!--more-->
+
+```TOML
+baseURL = "https://example.com/"
+languageCode = "en-us"
+title = "Edna West"
+theme = "personal_web"
+copyright="© Edna West"
+googleAnalytics = ""
+enableEmoji=true
+enableRobotsTXT=true
+pygmentsUseClasses=true
+pygmentsCodeFences=true
+
+[params.intro]
+  main = "Hi, I'm Edna :wave:"
+  sub = "I'm a Web Developer and Entrepreneur"
+
+[taxonomies]
+  design = "designs"
+  tech = "techs"
+
+[blackfriday]
+  hrefTargetBlank = true
+
+[params]
+  breadcrumb = true
+  accentColor = "#FD3519"
+
+[params.notFound]
+  gopher = "/images/gopher.png"
+  h1 = 'Bummer!'
+  p = "It seems that this page doesn't exist."
+  mainSection = 'portfolio'
+
+[params.sections]
+  post = "article"
+  portfolio = "project"
+
+[params.sidebar]
+  backgroundImage = ''
+  gradientOverlay = ''
+  logo = ""
+[params.assets]
+  favicon = ""
+  customCSS = ""
+
+[params.social]
+  github = "https://github.com/"
+  twitter = "https://twitter.com/"
+  linkedin = "https://www.linkedin.com/in/"
+
+[params.contact]
+  email = ""
+  text= ""
+
+
+[menu]
+
+[[menu.main]]
+  identifier = "about"
+  name = "About"
+  title = "About section"
+  url = "/about/"
+  weight = -120
+
+[[menu.main]]
+  identifier = "portfolio"
+  name = "Portfolio"
+  title = "Portfolio"
+  url = "/portfolio/"
+  weight = -110
+
+[[menu.main]]
+  identifier = "blog"
+  name = "Post"
+  title = "Blog section"
+  url = "/post/"
+  weight = -100
+
+[sitemap]
+  changefreq = "monthly"
+  filename = "sitemap.xml"
+  priority = 0.5
+
+[privacy]
+  [privacy.googleAnalytics]
+    anonymizeIP = true
+    disable = true
+    respectDoNotTrack = true
+    useSessionStorage = false
+  [privacy.twitter]
+    disable = false
+    enableDNT = true
+    simple = false
+
+```
\ No newline at end of file
diff --git a/content/post/define-specific-og-image.md b/content/post/define-specific-og-image.md
new file mode 100644
index 0000000..0b03312
--- /dev/null
+++ b/content/post/define-specific-og-image.md
@@ -0,0 +1,13 @@
+---
+title: Open Graph image
+description: Define a specific Open Graph image for a page
+date: "2019-04-20T11:14:59+02:00"
+publishDate: "2019-04-20T11:14:59+02:00"
+---
+
+Within any page, you can add in the FrontMatter a images array that will be used to define a specific Open Graph image.
+
+For example, see `content/_index.md` page:
+```YAML
+images: ["/images/sample.jpg"]
+```
\ No newline at end of file
diff --git a/content/post/getting-started.md b/content/post/getting-started.md
new file mode 100644
index 0000000..afb1371
--- /dev/null
+++ b/content/post/getting-started.md
@@ -0,0 +1,15 @@
+---
+title:
+description:
+date: "2019-05-03T09:37:55+02:00"
+publishDate: "2019-05-03T09:37:55+02:00"
+---
+
+
+
+- copy content from exampleSite for structure
+- create config file from sample
+- write home
+- create project
+- create first blog post
+- define menu
diff --git a/content/post/images/portfolio-example.png b/content/post/images/portfolio-example.png
new file mode 100644
index 0000000..e6e24e1
--- /dev/null
+++ b/content/post/images/portfolio-example.png
diff --git a/content/post/images/sample_image.jpg b/content/post/images/sample_image.jpg
new file mode 100644
index 0000000..a3475cd
--- /dev/null
+++ b/content/post/images/sample_image.jpg
diff --git a/content/post/manage-your-menu.md b/content/post/manage-your-menu.md
new file mode 100644
index 0000000..5a11a8e
--- /dev/null
+++ b/content/post/manage-your-menu.md
@@ -0,0 +1,38 @@
+---
+title: "Manage Your Menu"
+date: 2019-05-02T19:06:29+02:00
+draft: true
+---
+
+Menu in the sidebar can be defined within the `config.toml` or directly in the files.
+I prefer the config file approach, as this menu is pretty simple.
+
+<!--more-->
+
+The following setup will define 3 URLs in your sidebar menu, in order of weight.
+
+```TOML
+[menu]
+
+[[menu.main]]
+  identifier = "about"
+  name = "About"
+  title = "About section"
+  url = "/about/"
+  weight = -120
+
+[[menu.main]]
+  identifier = "portfolio"
+  name = "Portfolio"
+  title = "Portfolio"
+  url = "/portfolio/"
+  weight = -110
+
+[[menu.main]]
+  identifier = "blog"
+  name = "Post"
+  title = "Blog section"
+  url = "/post/"
+  weight = -100
+
+```
\ No newline at end of file
diff --git a/content/post/portfolio-definition.md b/content/post/portfolio-definition.md
new file mode 100644
index 0000000..bea8e90
--- /dev/null
+++ b/content/post/portfolio-definition.md
@@ -0,0 +1,31 @@
+---
+title: Portfolio Definition
+description: How to define your portfolio in FrontMatter
+date: "2019-05-02T19:49:05+02:00"
+publishDate: "2019-05-02T19:49:05+02:00"
+---
+
+A portfolio
+
+{{< figure src="/post/images/portfolio-example.png" caption="Exaxmple of Portfolio page" >}}
+
+<!--more-->
+
+```YAML
+---
+title: 
+description: 
+date: "2019-05-02T19:47:09+02:00"
+jobDate: 201
+work: []
+techs: []
+designs: []
+thumbnail: 
+projectUrl: 
+testimonial:
+  name: 
+  role: 
+  image: 
+  text: 
+---
+```
\ No newline at end of file
diff --git a/content/post/shortcodes.md b/content/post/shortcodes.md
new file mode 100644
index 0000000..5629ec1
--- /dev/null
+++ b/content/post/shortcodes.md
@@ -0,0 +1,30 @@
+---
+title: Shortcodes
+date: 2019-04-29T16:18:12+01:00
+publishDate: 2019-04-29T19:12:12+01:00
+---
+
+Introduction of the shortcodes defined in the personal_web theme.
+
+<!--more-->
+
+## Add a figure
+{{</* figure src="/post/images/sample_image.jpg" caption="Photo by Tim Mossholder on Unsplash" */>}}
+
+results in
+
+{{< figure src="/post/images/sample_image.jpg" caption="Photo by Tim Mossholder on Unsplash" >}}
+
+**Note:** files are kept in a `images` folder, directly in the post/portfolio folder.
+
+
+## Add a single Tweet
+{{</* tweet-single 1120412132036706305 */>}}
+
+results in
+{{< tweet-single 1120412132036706305 >}}
+
+This shortcode is useful in case of multiple tweets in a thread. If you want to show a single tweet, use this shortcode, with the ID of the Tweet. The ID is the end of the tweet link.
+
+For example: \
+https://<span></span>twitter.com/BarackObama/status/**1120412132036706305**
diff --git a/exampleSite/content/post/config_file.md b/exampleSite/content/post/config_file.md
index 5a8ab9a..9fa886a 100644
--- a/exampleSite/content/post/config_file.md
+++ b/exampleSite/content/post/config_file.md
@@ -1,7 +1,7 @@
 ---
 title: "Config File"
-date: 2019-01-15T16:18:12+01:00
-publishDate: 2019-01-29T19:12:12+01:00
+date: 2019-04-20T16:18:12+01:00
+publishDate: 2019-04-20T19:12:12+01:00
 ---
 
 ```
diff --git a/exampleSite/content/post/shortcodes.md b/exampleSite/content/post/shortcodes.md
index e4b4933..9c43147 100644
--- a/exampleSite/content/post/shortcodes.md
+++ b/exampleSite/content/post/shortcodes.md
@@ -1,7 +1,7 @@
 ---
-title: "Config File"
-date: 2019-01-15T16:18:12+01:00
-publishDate: 2019-01-29T19:12:12+01:00
+title: "Shortcodes"
+date: 2019-04-19T16:18:12+01:00
+publishDate: 2019-04-19T19:12:12+01:00
 ---
 
 Introduction of the shortcodes
diff --git a/resources/_gen/assets/css/syntax.css_d3f53f09220d597dac26fe7840c31fc9.content b/resources/_gen/assets/css/syntax.css_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..0b59559
--- /dev/null
+++ b/resources/_gen/assets/css/syntax.css_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+.chroma{color:#f8f8f2;background-color:#272822}.chroma .err{color:#960050;background-color:#1e0010}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .lnt{margin-right:.4em;padding:0 .4em}.chroma .ln{margin-right:.4em;padding:0 .4em}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .na{color:#a6e22e}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ne{color:#a6e22e}.chroma .nf{color:#a6e22e}.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .l{color:#ae81ff}.chroma .ld{color:#e6db74}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}
\ No newline at end of file
diff --git a/resources/_gen/assets/css/syntax.css_d3f53f09220d597dac26fe7840c31fc9.json b/resources/_gen/assets/css/syntax.css_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..e56b2c2
--- /dev/null
+++ b/resources/_gen/assets/css/syntax.css_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"syntax.min.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/sass/sass/style.sass_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/sass/sass/style.sass_48b060fe05b0a273d182ef83c0605941.content
new file mode 100644
index 0000000..ab2db90
--- /dev/null
+++ b/resources/_gen/assets/sass/sass/style.sass_48b060fe05b0a273d182ef83c0605941.content
@@ -0,0 +1 @@
+*{box-sizing:border-box}html{background-color:#f6eb0f}body{background-color:#fff;margin:0;min-height:100%;font-family:raleway,helvetica neue,sans-serif;color:#112f41;font-size:16px}@media(max-width:767px){body{line-height:1.7em}}ul{margin-top:-15px}li{line-height:1.5em}p::selection{background-color:#eaedf0;color:#364049}p{display:block;font-weight:400;font-size:1em;margin-top:0;margin-bottom:15px;line-height:1.5em;text-align:justify}h1,h2,h3,h4,h5{font-family:montserrat,helvetica neue,sans-serif;letter-spacing:.02em;margin-bottom:10px;margin-top:30px;line-height:1.5em}h1{font-size:36px;font-weight:600}h2{font-size:30px;font-weight:600}h3{font-size:24px;font-weight:500}h4{font-size:20px;font-weight:500}blockquote{margin:0 5px;font-size:1em;line-height:1.5em;text-align:justify;font-style:italic}blockquote:before{font-family:Georgia,serif;content:'\201C';position:absolute;top:.15em;left:-.18em;color:#dce0e5;font-size:7em;z-index:-1;font-style:italic}header,#content{height:100%}figure{margin:0}figure img{margin-bottom:6px!important}figure figcaption p{font-size:14px;text-align:center}header{width:30%;background-size:cover;background-position:50% 0;position:fixed;color:#fcfcfd}header h2{font-size:36px;font-weight:600}header .menu{text-align:left}header .menu p{margin-bottom:0}header .socials{padding:35px 45px;bottom:0;position:fixed;border:0}header .socials .social-link a svg,header .socials a:visited svg,header .socials a:focus svg,header .socials a:active svg{fill:#fff}header .socials .social-link a:focus svg,header .socials a:active svg,header .socials a:hover svg{-webkit-transition:fill .7s;-moz-transition:fill .7s;-ms-transition:fill .7s;-o-transition:fill .7s;transition:fill .7s;fill:#b9c2cb}header a,header a:link,header a:visited{color:#fff;border-bottom:0;font-weight:400;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;line-height:1.9em}header a:not(.social-link),header a:link:not(.social-link),header a:visited:not(.social-link){border-bottom:#fcfcfd 1px dashed}header a:hover,header a:focus,header a:active{font-weight:600;color:#fd3519}header a:hover:not(.social-link),header a:focus:not(.social-link),header a:active:not(.social-link){border-bottom:#fcfcfd 1px dashed}header .intro{padding:35px 45px;position:absolute;bottom:100px}header .rounded-logo{width:150px;height:150px;border-radius:50%;margin-bottom:40px;display:block;box-shadow:0 0 5px #112f41}@media(min-width:768px) and (max-width:1023px){header{width:40%}}@media(max-width:767px){header{position:relative;width:100%;background:#112f41!important;display:block;height:auto}header p{padding-top:10px}header .socials{padding:0 45px 35px;position:relative}header .rounded-logo{text-align:center;margin:0 auto}header .intro{bottom:inherit;display:block;position:relative}}#content,.breadcrumb{max-width:35em;margin:0 auto;display:block}a{line-height:1.6em}a,a:visited,a:link{text-decoration:none;color:inherit;font-weight:600;border-bottom:#8494a4 1px dashed;padding-bottom:1px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}a svg,a:visited svg,a:link svg{fill:inherit;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}a:hover,a:focus,a:active{color:#fd3519;text-decoration:none;font-weight:600;border-bottom:#8494a4 1px dashed;padding-bottom:1px}a:hover svg,a:focus svg,a:active svg{fill:#fd3519}.content-wrapper{padding:35px 45px;position:static;width:70%;margin-left:30%;float:none;clear:none;display:block;min-height:88vh}@media(min-width:768px) and (max-width:1023px){.content-wrapper{width:60%;margin-left:40%}}@media(max-width:767px){.content-wrapper{position:relative;width:100%;margin-left:0}}footer{position:absolute;width:70%;left:30%;background-color:#112f41;color:#fcfcfd;padding:35px 45px}footer .footer-wrapper{max-width:35em;margin:0 auto;display:block}@media(min-width:768px) and (max-width:1023px){footer{width:60%;left:40%}}@media(max-width:767px){footer{position:relative;width:100%;left:0}}footer p{margin-bottom:0}img.gopher{margin:0 auto 30px!important;max-width:200px}.small{font-size:13px}.active{font-weight:500}#content .icon,header .icon{margin-right:5px;display:inline-block}#content .icon svg,header .icon svg{width:auto}header .icon{fill:#fff;margin-right:10px}#content .icon{fill:#112f41}#content:not(.portfolio) img{width:110%;display:block;margin:0 -5%}.published-date,.reading-time{display:inline-block;margin-bottom:20px}.reading-time{margin-right:20px}.img-caption{margin-bottom:5px!important}.portfolio img{max-width:100%;margin-bottom:30px;box-shadow:0 0 5px #112f41}.portfolio .rounded-img{width:150px;height:150px;border-radius:50%}.portfolio .testimonial-list{margin:0 auto;display:flex}.portfolio .testimonial-list .testimonial-container{display:inline-block;text-align:center}.portfolio .testimonial-list .testimonial-container .testimonial-name,.portfolio .testimonial-list .testimonial-container .testimonial-role{text-align:center;font-weight:600;font-size:18px;margin-top:-20px}.portfolio .testimonial-list .testimonial-container .testimonial-role{font-weight:400}.portfolio .testimonial-list .testimonial-container .testimonial-text{position:relative;z-index:0}.portfolio .portfolio-tags{margin-top:6px}.portfolio .portfolio-tags span{font-weight:600}.portfolio .portfolio-tags a{overflow-wrap:break-word}.portfolio .tags{margin-bottom:10px}#content .portfolio-list h2{margin:0}#content .portfolio-list a,#content .portfolio-list a:hover,#content .portfolio-list a:link,#content .portfolio-list a:active,#content .portfolio-list a:visited,#content .portfolio-list a:focus{border-bottom:none;color:inherit}#content .portfolio-list img{max-width:100%;border-radius:2px;display:block;box-shadow:0 0 5px #112f41;margin:inherit}#content .portfolio-list .portfolio-container{position:relative;max-width:35em;margin-bottom:30px}#content .portfolio-list .portfolio-container .portfolio-details{opacity:0;display:none;width:100%;padding:2em 1em;color:#f6eb0f;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}#content .portfolio-list .portfolio-container .portfolio-details p,#content .portfolio-list .portfolio-container .portfolio-details h2{text-align:center;margin-bottom:0;position:relative}#content .portfolio-list .portfolio-container .img-overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;background-color:#112f41}#content .portfolio-list .portfolio-container:hover .img-overlay{opacity:.7}#content .portfolio-list .portfolio-container:hover .portfolio-details{opacity:1;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#content .portfolio-list img::hover{linear-gradient:#112f41,#112f41}@media(max-width:767px){#content .portfolio-list .portfolio-container img{margin-bottom:0}#content .portfolio-list .portfolio-container .img-overlay{display:none}#content .portfolio-list .portfolio-container .portfolio-details{display:block;opacity:1;width:100%;padding:0;color:#364049}#content .portfolio-list .portfolio-container .portfolio-details h2{font-size:24px;line-height:1.5em}#content .portfolio-list .portfolio-container .portfolio-details h2 span{background-image:linear-gradient(180deg,transparent 60%,#F6EB0F 0);padding:0 .2em}#content .portfolio-list .portfolio-container .portfolio-details p,#content .portfolio-list .portfolio-container .portfolio-details h2{text-align:center;margin-bottom:0;position:relative}#content .portfolio-list .portfolio-container:hover .portfolio-details{-webkit-transform:none;-ms-transform:none;transform:none;position:relative;left:0}}.designs,.techs{display:inline-block}.designs{margin-right:20px}.read-more{margin-top:-10px;text-align:right;display:block}.chroma{padding:10px}
\ No newline at end of file
diff --git a/resources/_gen/assets/sass/sass/style.sass_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/sass/sass/style.sass_48b060fe05b0a273d182ef83c0605941.json
new file mode 100644
index 0000000..0f5e135
--- /dev/null
+++ b/resources/_gen/assets/sass/sass/style.sass_48b060fe05b0a273d182ef83c0605941.json
@@ -0,0 +1 @@
+{"Target":"sass/style.min.8a1658d134a4b54730b66789206b2cf14c1b006a6de3f3fde6302f925b6e01f5.css","MediaType":"text/css","Data":{"Integrity":"sha256-ihZY0TSktUcwtmeJIGss8UwbAGpt4/P95jAvkltuAfU="}}
\ No newline at end of file
diff --git a/static/images/sample.jpg b/static/images/sample.jpg
new file mode 100644
index 0000000..928d3f5
--- /dev/null
+++ b/static/images/sample.jpg
diff --git a/LICENSE b/themes/LICENSE
index c3e1456..c3e1456 100644
--- a/LICENSE
+++ b/themes/LICENSE
diff --git a/README.md b/themes/README.md
index 56ba6ca..56ba6ca 100644
--- a/README.md
+++ b/themes/README.md
diff --git a/archetypes/default.md b/themes/archetypes/default.md
index 1151933..1151933 100644
--- a/archetypes/default.md
+++ b/themes/archetypes/default.md
diff --git a/archetypes/portfolio.md b/themes/archetypes/portfolio.md
index 44fc903..44fc903 100644
--- a/archetypes/portfolio.md
+++ b/themes/archetypes/portfolio.md
diff --git a/archetypes/post.md b/themes/archetypes/post.md
index 0cb07c1..0cb07c1 100644
--- a/archetypes/post.md
+++ b/themes/archetypes/post.md
diff --git a/assets/sass/_mixins.sass b/themes/assets/sass/_mixins.sass
index a5d575c..a5d575c 100644
--- a/assets/sass/_mixins.sass
+++ b/themes/assets/sass/_mixins.sass
diff --git a/assets/sass/_variables.sass b/themes/assets/sass/_variables.sass
index c3deae8..c3deae8 100644
--- a/assets/sass/_variables.sass
+++ b/themes/assets/sass/_variables.sass
diff --git a/assets/sass/custom.sass b/themes/assets/sass/custom.sass
index 0b157da..48f2b8d 100644
--- a/assets/sass/custom.sass
+++ b/themes/assets/sass/custom.sass
@@ -183,3 +183,6 @@ header
   margin-top: -$margin-blocks/3
   text-align: right
   display: block
+
+.chroma
+  padding: 10px
\ No newline at end of file
diff --git a/assets/sass/scaffold.sass b/themes/assets/sass/scaffold.sass
index b061886..b061886 100644
--- a/assets/sass/scaffold.sass
+++ b/themes/assets/sass/scaffold.sass
diff --git a/themes/assets/syntax.css b/themes/assets/syntax.css
new file mode 100644
index 0000000..681758d
--- /dev/null
+++ b/themes/assets/syntax.css
@@ -0,0 +1,59 @@
+/* Background */ .chroma { color: #f8f8f2; background-color: #272822 }
+/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* Keyword */ .chroma .k { color: #66d9ef }
+/* KeywordConstant */ .chroma .kc { color: #66d9ef }
+/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
+/* KeywordNamespace */ .chroma .kn { color: #f92672 }
+/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
+/* KeywordReserved */ .chroma .kr { color: #66d9ef }
+/* KeywordType */ .chroma .kt { color: #66d9ef }
+/* NameAttribute */ .chroma .na { color: #a6e22e }
+/* NameClass */ .chroma .nc { color: #a6e22e }
+/* NameConstant */ .chroma .no { color: #66d9ef }
+/* NameDecorator */ .chroma .nd { color: #a6e22e }
+/* NameException */ .chroma .ne { color: #a6e22e }
+/* NameFunction */ .chroma .nf { color: #a6e22e }
+/* NameOther */ .chroma .nx { color: #a6e22e }
+/* NameTag */ .chroma .nt { color: #f92672 }
+/* Literal */ .chroma .l { color: #ae81ff }
+/* LiteralDate */ .chroma .ld { color: #e6db74 }
+/* LiteralString */ .chroma .s { color: #e6db74 }
+/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
+/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
+/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
+/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
+/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
+/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
+/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
+/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
+/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
+/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
+/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
+/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
+/* LiteralNumber */ .chroma .m { color: #ae81ff }
+/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
+/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
+/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
+/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
+/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
+/* Operator */ .chroma .o { color: #f92672 }
+/* OperatorWord */ .chroma .ow { color: #f92672 }
+/* Comment */ .chroma .c { color: #75715e }
+/* CommentHashbang */ .chroma .ch { color: #75715e }
+/* CommentMultiline */ .chroma .cm { color: #75715e }
+/* CommentSingle */ .chroma .c1 { color: #75715e }
+/* CommentSpecial */ .chroma .cs { color: #75715e }
+/* CommentPreproc */ .chroma .cp { color: #75715e }
+/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
+/* GenericDeleted */ .chroma .gd { color: #f92672 }
+/* GenericEmph */ .chroma .ge { font-style: italic }
+/* GenericInserted */ .chroma .gi { color: #a6e22e }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #75715e }
diff --git a/layouts/404.html b/themes/layouts/404.html
index ddc4b8e..ddc4b8e 100644
--- a/layouts/404.html
+++ b/themes/layouts/404.html
diff --git a/layouts/_default/baseof.html b/themes/layouts/_default/baseof.html
index 5f8e2ec..5f8e2ec 100644
--- a/layouts/_default/baseof.html
+++ b/themes/layouts/_default/baseof.html
diff --git a/layouts/_default/li.html b/themes/layouts/_default/li.html
index 91cbd22..91cbd22 100644
--- a/layouts/_default/li.html
+++ b/themes/layouts/_default/li.html
diff --git a/layouts/_default/list.html b/themes/layouts/_default/list.html
index 9aff636..9aff636 100644
--- a/layouts/_default/list.html
+++ b/themes/layouts/_default/list.html
diff --git a/layouts/_default/single.html b/themes/layouts/_default/single.html
index 5e27f0a..5e27f0a 100644
--- a/layouts/_default/single.html
+++ b/themes/layouts/_default/single.html
diff --git a/layouts/designs/list.html b/themes/layouts/designs/list.html
index 09b0af5..09b0af5 100644
--- a/layouts/designs/list.html
+++ b/themes/layouts/designs/list.html
diff --git a/layouts/designs/terms.html b/themes/layouts/designs/terms.html
index fd63e78..fd63e78 100644
--- a/layouts/designs/terms.html
+++ b/themes/layouts/designs/terms.html
diff --git a/layouts/index.html b/themes/layouts/index.html
index ecb4b02..ecb4b02 100644
--- a/layouts/index.html
+++ b/themes/layouts/index.html
diff --git a/layouts/partials/breadcrumb.html b/themes/layouts/partials/breadcrumb.html
index f752b5e..f752b5e 100644
--- a/layouts/partials/breadcrumb.html
+++ b/themes/layouts/partials/breadcrumb.html
diff --git a/layouts/partials/footer.html b/themes/layouts/partials/footer.html
index b990df8..b990df8 100644
--- a/layouts/partials/footer.html
+++ b/themes/layouts/partials/footer.html
diff --git a/layouts/partials/head/head.html b/themes/layouts/partials/head/head.html
index 92f9da1..92f9da1 100644
--- a/layouts/partials/head/head.html
+++ b/themes/layouts/partials/head/head.html
diff --git a/layouts/partials/head/meta.html b/themes/layouts/partials/head/meta.html
index a5c2753..a5c2753 100644
--- a/layouts/partials/head/meta.html
+++ b/themes/layouts/partials/head/meta.html
diff --git a/layouts/partials/head/style.html b/themes/layouts/partials/head/style.html
index d5062f0..c5a3586 100644
--- a/layouts/partials/head/style.html
+++ b/themes/layouts/partials/head/style.html
@@ -2,8 +2,10 @@
 {{ $scaffold := resources.Get "sass/scaffold.sass" }}
 {{ $custom := resources.Get "sass/custom.sass" }}
 {{ $style := slice $variables $scaffold $custom | resources.Concat "sass/style.sass" | toCSS | minify | fingerprint }}
+{{ $syntax := resources.Get "syntax.css" | minify }}
 
 <link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}" media="screen">
+<link rel="stylesheet" href="{{ $syntax.Permalink }}" integrity="{{ $syntax.Data.Integrity }}" media="screen">
 {{ if .Site.Params.assets.customCSS }}
   <link rel="stylesheet" href="{{ .Site.Params.assets.customCSS }}" media="screen">
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/header.html b/themes/layouts/partials/header.html
index 934ca5c..934ca5c 100644
--- a/layouts/partials/header.html
+++ b/themes/layouts/partials/header.html
diff --git a/layouts/partials/portfolio/item.html b/themes/layouts/partials/portfolio/item.html
index 255c3c2..255c3c2 100644
--- a/layouts/partials/portfolio/item.html
+++ b/themes/layouts/partials/portfolio/item.html
diff --git a/layouts/partials/portfolio/tags.html b/themes/layouts/partials/portfolio/tags.html
index 276c064..276c064 100644
--- a/layouts/partials/portfolio/tags.html
+++ b/themes/layouts/partials/portfolio/tags.html
diff --git a/layouts/partials/portfolio/testimonial.html b/themes/layouts/partials/portfolio/testimonial.html
index 2170cf4..2170cf4 100644
--- a/layouts/partials/portfolio/testimonial.html
+++ b/themes/layouts/partials/portfolio/testimonial.html
diff --git a/layouts/partials/post/information.html b/themes/layouts/partials/post/information.html
index 60928c2..60928c2 100644
--- a/layouts/partials/post/information.html
+++ b/themes/layouts/partials/post/information.html
diff --git a/layouts/partials/post/item.html b/themes/layouts/partials/post/item.html
index 634cbbc..634cbbc 100644
--- a/layouts/partials/post/item.html
+++ b/themes/layouts/partials/post/item.html
diff --git a/layouts/partials/sidebar/menu.html b/themes/layouts/partials/sidebar/menu.html
index 464fb92..464fb92 100644
--- a/layouts/partials/sidebar/menu.html
+++ b/themes/layouts/partials/sidebar/menu.html
diff --git a/layouts/partials/sidebar/sidebar.html b/themes/layouts/partials/sidebar/sidebar.html
index b4829d6..b4829d6 100644
--- a/layouts/partials/sidebar/sidebar.html
+++ b/themes/layouts/partials/sidebar/sidebar.html
diff --git a/layouts/partials/sidebar/social.html b/themes/layouts/partials/sidebar/social.html
index 21dccdf..21dccdf 100644
--- a/layouts/partials/sidebar/social.html
+++ b/themes/layouts/partials/sidebar/social.html
diff --git a/layouts/partials/sidebar/style.html b/themes/layouts/partials/sidebar/style.html
index 43318c9..43318c9 100644
--- a/layouts/partials/sidebar/style.html
+++ b/themes/layouts/partials/sidebar/style.html
diff --git a/layouts/partials/svg.html b/themes/layouts/partials/svg.html
index cc06b37..cc06b37 100644
--- a/layouts/partials/svg.html
+++ b/themes/layouts/partials/svg.html
diff --git a/layouts/portfolio/list.html b/themes/layouts/portfolio/list.html
index a411a39..a411a39 100644
--- a/layouts/portfolio/list.html
+++ b/themes/layouts/portfolio/list.html
diff --git a/layouts/portfolio/single.html b/themes/layouts/portfolio/single.html
index 953b3bd..953b3bd 100644
--- a/layouts/portfolio/single.html
+++ b/themes/layouts/portfolio/single.html
diff --git a/layouts/post/list.html b/themes/layouts/post/list.html
index 3cc3cd8..3cc3cd8 100644
--- a/layouts/post/list.html
+++ b/themes/layouts/post/list.html
diff --git a/layouts/post/single.html b/themes/layouts/post/single.html
index f9a6dcc..f9a6dcc 100644
--- a/layouts/post/single.html
+++ b/themes/layouts/post/single.html
diff --git a/layouts/robots.txt b/themes/layouts/robots.txt
index 7d329b1..7d329b1 100644
--- a/layouts/robots.txt
+++ b/themes/layouts/robots.txt
diff --git a/layouts/shortcodes/emoji.html b/themes/layouts/shortcodes/emoji.html
index 4eb8053..4eb8053 100644
--- a/layouts/shortcodes/emoji.html
+++ b/themes/layouts/shortcodes/emoji.html
diff --git a/layouts/shortcodes/tweet-single.html b/themes/layouts/shortcodes/tweet-single.html
index cb59946..cb59946 100644
--- a/layouts/shortcodes/tweet-single.html
+++ b/themes/layouts/shortcodes/tweet-single.html
diff --git a/layouts/techs/list.html b/themes/layouts/techs/list.html
index 09b0af5..09b0af5 100644
--- a/layouts/techs/list.html
+++ b/themes/layouts/techs/list.html
diff --git a/layouts/techs/terms.html b/themes/layouts/techs/terms.html
index 2ef9be6..2ef9be6 100644
--- a/layouts/techs/terms.html
+++ b/themes/layouts/techs/terms.html
diff --git a/package-lock.json b/themes/package-lock.json
index 822a9c3..822a9c3 100644
--- a/package-lock.json
+++ b/themes/package-lock.json
diff --git a/package.json b/themes/package.json
index 82af49a..82af49a 100644
--- a/package.json
+++ b/themes/package.json
diff --git a/static/images/default-sidebar.jpg b/themes/static/images/default-sidebar.jpg
index a6d8bc0..a6d8bc0 100644
--- a/static/images/default-sidebar.jpg
+++ b/themes/static/images/default-sidebar.jpg
diff --git a/static/images/edna-west.jpg b/themes/static/images/edna-west.jpg
index d4ec655..d4ec655 100644
--- a/static/images/edna-west.jpg
+++ b/themes/static/images/edna-west.jpg
diff --git a/static/images/gohper.png b/themes/static/images/gohper.png
index 84f30ce..84f30ce 100644
--- a/static/images/gohper.png
+++ b/themes/static/images/gohper.png