initial commit

.gitignore

@@ -0,0 +1 @@
+.DS_Store

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

config.toml

@@ -0,0 +1,32 @@
+baseurl = "https://jefklakscodex.com/"
+title = "Jefklak's Codex"
+theme = "hugo-creative-portfolio-theme"
+languageCode = "en-us"
+disqusShortname = ""
+googleAnalytics = ""
+publishDir = "docs"
+enableEmoji = true
+
+[params]
+  style = "default"
+  description = "Retro game thoughts"
+  copyright = "No &copy; reserved - sharing is caring. <a href='https://github.com/wgroeneveld/jefklakscodex' target='_blank'>Hack away!</a><br/>An integral part of <a href='https://brainbaking.com/' target='_blank'>Brain Baking</a>."
+  sidebarAbout = [
+    "You’re looking at “The Codex”, a dedicated and highly opinionated website about nostalgic games that left a lasting impression on me."
+  ]
+
+  # Nav links in the side bar
+  [[params.navlinks]]
+  name = "Articles Index"
+  url = "reviews/"
+  home = true
+
+[[params.navlinks]]
+  name = "Games Index"
+  url = "tags/"
+  home = true
+
+  [[params.navlinks]]
+  name = "About the Codex"
+  url = "about/"
+

content/about.md

@@ -0,0 +1,58 @@
+# About the Codex
+
+Hi, I'm Jefklak/[Wouter](https://brainbaking.com/about/) and you're looking at "Jefklak's Codex", a dedicated and highly opinionated website about nostalgic games. The word **nostalgic** should be emphasized here. I grew up with a Gameboy between my hands and PC RPG games burnt into my retina. That healthy cocktail left a lasting impression - and netted me the Codex (and glasses).
+
+The Codex has a long history, I've always felt the need to proclaim my definitive game of each generation. If you want to have some fun (you should have got some by now), try archive.org's wayback machine:
+
+- 2001: [UnionVault.net](https://web.archive.org/web/20020529210353/http://www.unionvault.net:80/)
+- 2003: [GamingClones](https://web.archive.org/web/20030420061718/http://gamingclones.com:80/)
+- 2004: [Jefklak's Tux 'n Games](https://web.archive.org/web/20041206113458/http://jefklak.suidzer0.org:80/)
+- 2007: [Jefklak.com](https://web.archive.org/web/20070512212547/http://www.jefklak.com:80/Main/HomePage) using pmWiki
+- 2011: [Jefklak.be](https://web.archive.org/web/20110107221804/http://jefklak.be) using Wordpress
+- 2018: [Jefklak's Codex.com](https://jefklakscodex.com)
+
+The number of attempts to constantly reinvent the site dropped dramatically when I got a job (in 2007). The Wordpress migration didn't see much new content and the Codex gradually faded out of my mind. For some strange reason Jefklak.com now is a place where one can buy hunting rifles. 
+
+As an integral part of my main 'think tank', [Brain Baking](https://brainbaking.com/), I felt the need to revive the (carefully or carelessly) written articles on the games I still love so much. I might even waste a few more sentences on them in the near future. 
+
+You can read my intentions from 2005 down below. I don't really care if it's still relevant. Let's just preserve that text as a part of the nostalgic feel. 
+
+### Why this website?
+
+This website offers RPG players some in-depth guides and walktroughs on certain character/class choices in both old and new PC roleplaying games. The first purpose of the website is to inform players who are already familiar with those games about techniques or special ways to play trough the games. People who are unsure which class to pick, which path to choose, could check the guides and read my personal experiences with the game. All articles are based upon my personal experience with the games! This means some information may or may not be accurate. Please contact me if you notice any odds. Some tips have been copied over from other persons, with their permission. If you feel I've ruthly copied something without your knowledge, please let me know!
+
+The second purpose of the website is to encourage players who are new to the cRPG genre to enjoy one of the finest, best told and greatest experiences I've ever had with these games. The game reviews mostly include a lot of screenshots and even gameplay movies to further encourage players to pick up the game and actually try it instead of ignoring them. Most games by Troika Games and Sir-Tech did not generally sell well and both companies ended up broke. Those not-so-popular games do not get the wanted attention, and I'll try to change that by adding a few more articles about them.
+
+### Why those sucky games and not l33t game x?
+
+Like I said before, most nowadays 'l33t' games (too popular shooters) are published by gigantic companies like EA with enough budget to fully advertise the games. Game development studios who produce smaller budget 'kult' roleplaying games, generally more disliked games, mostly end up dead because of the poor sales rates. Add to that list New World Computing and Black Isle Studios. Blame Interplay... 
+How many of the games in this list are familiar to you? How many of those did you actually try to play?
+
+- Jagged Alliance 2
+- Fallout
+- Icewind Dale
+- Baldurs Gate 2
+- Might & Magic VII
+- Arcanum
+- Wizardry 8
+- Lionheart
+- Wizards & Warriors
+- ...
+
+Most gamers who tried to play the demo (the bad part of the full game, mostly) despise them because of the 'sucky graphics' and too complicated design. For example, in Arcanum you'll be instantly overwhelmed by the character creation choices. That is, again, one of the reasons why you are here, I hope. By all means, check out my tips & tricks, and hopefully they'll be helpful. If it was not, check out the Links section for a comprehensive list of similar websites and specific game help.
+
+### Contact Info
+
+Feel free to [contact me](https://brainbaking.com/about/) if you notice any spell faults, guide errors or other wrong or misplaced information. You can also mail additional information which is not stated in any of the articles (yet), I'll add it as soon as possible. If you played several times trough a cRPG or Gameboy game and created some articles and/or a guide but do not own webspace yourself, let me know and I will upload all your gathered information to the Codex, among with your name on the site as a reward of course. If you own a dedicated RPG website yourself and would like to cross-link to this website, Im totally up for that too. 
+
+We retro fans have to stick together you know!
+
+### Material used on this site
+
+All screenshots and images related to games are copyrighted by their legal owner. Since most older games aren't that popular anymore, I took the liberty to rely upon Google Images to grab screenshots when I was not able to provide my own. 
+
+The Jefklak's Codex theme icons come from the game **Gobliins 2**, an old DOS point-and-click adventure game made by [Coktel Vision](https://en.wikipedia.org/wiki/Coktel_Vision). The French studio has been bought by Vivendi and parts of it gone bankrupt in 2004, so I have no idea if I'm free to use their sprites. The legal "abandonware" rights have always been a bit shady. 
+
+This site was built using [Hugo](http://gohugo.io/). Heavily modified template by <a href="https://bootstrapious.com/free-templates" class="external">Bootstrapious.com</a>
+<!-- Not removing this link is part of the licence conditions of the template. Thanks for understanding :) -->
+&amp; ported to Hugo by <a href="https://github.com/kishaningithub">Kishan B</a>.

content/reviews/_index.md

@@ -0,0 +1,3 @@
+<img src="/img/logo.png"/>
+
+index blabla reviews

content/reviews/test.md

@@ -0,0 +1,39 @@
++++
+showonlyimage = false
+draft = false
+imageActive = "gif/warioland3.gif"
+image = "gif/warioland3_still.gif"
+date = "2016-11-05T18:25:22+05:30"
+title = "Example game"
+subtitle = "sup sup"
+tags = ['Wario Land']
+game_name = 'Wario Land 3'
+game_platform = 'gbc'
+game_genre = '2D Platformer'
+game_release_year = '2001'
+game_developer = 'Nintendo RD1'
+weight = 0
++++
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life. One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

content/reviews/test2.md

@@ -0,0 +1,39 @@
++++
+showonlyimage = false
+draft = false
+imageActive = "gif/warioland3.gif"
+image = "gif/warioland3_still.gif"
+date = "2016-11-05T18:25:22+05:30"
+title = "Example game 2"
+subtitle = "sup sup yoo"
+tags = ['Wario Land']
+game_name = 'Wario Land 3'
+game_platform = 'gb'
+game_genre = '2D Platformer'
+game_release_year = '2001'
+game_developer = 'Nintendo RD1'
+weight = 0
++++
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life. One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

content/tags/_index.md

@@ -0,0 +1 @@
+blabla tags

jefklakscodex.sublime-project

@@ -0,0 +1,8 @@
+{
+	"folders":
+	[
+		{
+			"path": "."
+		}
+	]
+}

jefklakscodex.sublime-workspace

@@ -0,0 +1 @@
+{}

layouts/_default/single.html

@@ -0,0 +1,16 @@
+{{ define "main" }}
+<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
+  {{ partial "mobile_nav_toggle.html" . }}
+  <div class="row">
+    <div class="col-lg-8">
+      <div class="content-column-content">
+         <h1>{{ .Title }}</h1>
+         {{ .Content }}
+         {{ template "_internal/disqus.html" . }}
+
+         <hr/>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}

layouts/partials/portfolio.html

@@ -0,0 +1,45 @@
+<div class="col-xs-12 col-sm-8 col-md-9 content-column">
+    {{ partial "mobile_nav_toggle.html" . }}
+
+    {{ .Content }}
+
+    <div class="grid">
+        <div class="row">
+          {{ range .Data.Pages }}
+              <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
+                  <div class="box-masonry">
+                      {{ if and (isset .Params "image") .Params.image }}
+                        {{ if eq .Params.showonlyimage true }}
+                        <a href="{{ .Permalink }}" title="" class="box-masonry-image with-hover-overlay">
+                        {{ else }}
+                        <a href="{{ .Permalink }}" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
+                        {{ end }}
+                            <img src="{{.Site.BaseURL}}{{ .Params.image }}" alt="" class="img-responsive img-inactive">
+                            {{ if .Params.imageActive }}
+                              <img src="{{.Site.BaseURL}}{{ .Params.imageActive }}" alt="" class="img-responsive img-active">
+                            {{ end }}
+                        </a>
+                      {{ end }}
+                      {{ if eq .Params.showonlyimage true }}
+                      <div class="box-masonry-hover-text-header">
+                      {{ else }}
+                      <div class="box-masonry-text">
+                      {{ end }}
+                          <h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
+                          <div class="box-masonry-description">
+                            <p>
+                                {{ if .Description }}
+                                  {{ .Description }}
+                                {{ else }}
+                                  {{ .Summary }}
+                                {{ end }}
+                            </p>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+          {{ end }}
+        </div>
+    </div>
+</div>
+

layouts/partials/scripts.html

@@ -0,0 +1,39 @@
+<footer>
+    <img src="/img/bg-back.gif">
+</footer>
+
+<!-- built-in theme scripts -->
+<script src="{{ "js/jquery.min.js" | absURL }}"></script>
+<script src="{{ "js/bootstrap.min.js" | absURL }}"></script>
+<script src="{{ "js/jquery.cookie.js" | absURL }}"> </script>
+<script src="{{ "js/ekko-lightbox.js" | absURL }}"></script>
+<script src="{{ "js/jquery.scrollTo.min.js" | absURL }}"></script>
+<script src="{{ "js/masonry.pkgd.min.js" | absURL }}"></script>
+<script src="{{ "js/imagesloaded.pkgd.min.js" | absURL }}"></script>
+<script src="{{ "js/owl.carousel.min.js" | absURL }}"></script>
+<script src="{{ "js/front.js" | absURL }}"></script>
+<!-- custom stuff -->
+
+<script>
+
+$(function() {
+
+	$('.sidebar-game-platform').height($('.sidebar-content .img-inactive').height());
+
+	$('.box-masonry').mouseenter(function() {
+		var active = $(this).find('.img-active');
+		if(active.length > 0) {
+			active.css('display', 'block');
+			$(this).find('.img-inactive').css('display', 'none');
+		}
+	}).mouseleave(function() {
+		var active = $(this).find('.img-active');
+		if(active.length > 0) {
+			active.css('display', 'none');
+			$(this).find('.img-inactive').css('display', 'block');
+		}
+	});
+
+});
+
+</script>

layouts/partials/sidebar.html

@@ -0,0 +1,89 @@
+<div id="sidebar" class="col-xs-6 col-sm-4 col-md-3 sidebar-offcanvas">
+  <div class="sidebar-content">
+    <h1 class="sidebar-heading"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></h1>
+    {{ range .Site.Params.sidebarAbout }}
+      <p class="sidebar-p">{{ . | safeHTML }}</p>
+    {{ end }}
+
+    <div class="sidebar-header">
+      <span>Latest</span>
+      <img src="/img/gob_letter.gif"/>
+    </div>
+    {{ with .Site.GetPage "section" "reviews" }}
+    <ul class="sidebar-menu">
+      {{ range .Data.Pages.ByDate.Reverse }}
+        {{ .Date.Format (.Site.Params.dateFormat | default "2 January") | $.Scratch.Set "subtitle" }}
+        {{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
+          <li>
+            <a href="{{ .RelPermalink }}">{{ .Title }}</a>&nbsp;
+            <span class="sidebar-date">({{ $.Scratch.Get "subtitle" }})</span>
+          </li>
+      {{ end }}
+    </ul>
+    {{ end }}
+
+    <div class="sidebar-header">
+      <span>Browsing</span>
+      <img src="/img/gob_waypoint.gif"/>
+    </div>
+    <ul class="sidebar-menu">
+      {{ $url := .Site.BaseURL }}
+      {{ range .Site.Params.navlinks }}
+        <li><a href="{{ $url }}{{ .url }}">{{ .name }}</a></li>
+      {{ end }}
+    </ul>
+
+    {{ if and (isset .Params "image") .Params.image }}
+      <hr/>
+      <div class="sidebar-game-info">
+        <div class="sidebar-header">
+          <span>Game: {{ .Params.game_name }}</span>
+          <img src="/img/gob_waypoint.gif"/>
+        </div>
+
+        <p style="position: relative;">
+        <img src="{{.Site.BaseURL}}{{ .Params.image }}" alt="" class="img-responsive img-inactive" style="border: 1px solid black"/>
+        <img src="/img/{{ .Params.game_platform }}.png" alt="{{ .Params.game_platform }}" class="sidebar-game-platform img-responsive"/>
+        <br/>
+        Genre: {{ .Params.game_genre }}<br/>
+        Release year: {{ .Params.game_release_year }}<br/>
+        Developer: {{ .Params.game_developer }}<br/>
+        </p>
+      </div>
+      <hr/>
+    {{ end }}
+
+    <!-- ripped from BB's minimal theme -->
+    {{ $related := first 3 (where (where (where .Site.Pages.ByDate.Reverse ".Type" "==" "reviews") ".Params.tags" "intersect" .Params.tags) "Permalink" "!=" .Permalink) }}
+
+    {{ if $related }}
+
+      <div class="sidebar-header">
+        <span>Related</span>
+        <img src="/img/gob_purse.gif"/>
+      </div>
+
+        <ul class="sidebar-menu">
+        {{ range $related }}
+          {{ .Date.Format (.Site.Params.dateFormat | default "2 January") | $.Scratch.Set "subtitle" }}
+          {{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}              
+          <li>
+            <a href="{{ .RelPermalink }}">{{ .Title }}</a>&nbsp;
+            <span class="sidebar-date">({{ $.Scratch.Get "subtitle" }})</span>
+          </li>
+        {{ end }}
+      </ul>
+
+    {{ end }}
+
+
+    <div class="copyright">
+      <p class="credit">
+        {{ with .Site.Params.copyright }}
+          {{ . | safeHTML }}
+        {{ end }}
+      </p>
+    </div>
+  </div>
+</div>
+

static/css/custom.css

@@ -0,0 +1,153 @@
+html, body {
+	height: 100%;
+}
+
+body {
+	background-color: #f1f4dd;
+}
+
+footer {
+	position: absolute;
+    bottom: 0;
+    right: 0;
+    margin: 0;
+    height: 140px;
+    visibility: hidden;
+}
+
+@media only screen and (min-width: 1200px) {
+	footer {
+		visibility: visible;
+	}
+}
+
+footer .img-responsive {
+	margin: 0;
+}
+
+.container-fluid {
+	overflow: hidden;
+}
+
+.sidebar-content {
+	/** haxx!! overflowww **/
+    margin-bottom: -9000px;
+    padding-bottom: 9000px;
+    position: relative;
+    width: 100%;
+
+	border-right: 5px solid #a6a57c;
+}
+
+.content-column, .sidebar-content {
+	padding-top: 30px;
+}
+
+body, .content-column-content p, .content-column-content li, .box-masonry .box-masonry-text p {
+	color: #363636;
+}
+
+.sidebar-menu li {
+	padding-top: 8px;
+	padding-bottom: 8px;
+	border: 1px solid #d7d7a3;
+	padding-left: 20px;
+	margin: 0;
+}
+
+.sidebar-menu li:hover {
+	background: #f1f4dd url(/img/random/6.gif) no-repeat right;
+	border: 1px solid #a6a57c;
+}
+
+.sidebar-game-platform {
+	position: absolute;
+	top: 6px;
+	border: 1px solid black;
+}
+
+.sidebar-header {
+	font-weight: bold;
+}
+
+.sidebar-date {
+	color: grey;
+}
+
+.sidebar-header img {
+	float: right;
+}
+
+.content-column-content {
+	text-align: justify !important;
+}
+
+a, .box-masonry h4 a {
+    color:#c7532d;
+    text-decoration: none;
+}
+
+a:hover, .box-masonry h4 a:hover {
+    color:#c7532d;
+    background-color: #d1d3bd;
+} 
+
+.container-fluid {
+	padding-left: 0;
+}
+
+#sidebar {
+	padding: 0;
+	padding-left: 10px;
+}
+
+.content-column.white-background {
+	min-height: 100vh;
+	background: none;
+}
+
+.content-column {
+	padding-left: 30px;
+}
+
+#sidebar, .sidebar-content {
+	background-color: #d7d7a3;
+}
+
+#sidebar hr {
+	border-top: 1px solid #a6a57c;
+}
+
+.sidebar-game-info {
+	background-color: #e6ecb2;
+	border: 1px solid #a6a57c;
+}
+
+.box-masonry {
+	background-color: #d9e7ac;
+	border: 1px solid #a6a57c;
+}
+
+.img-inactive {
+	display: block;
+}
+
+.img-active {
+	display: none;
+}
+
+.box-masonry:hover {
+  box-shadow: 0 0 5px black;
+}
+.box-masonry:hover .box-masonry-hover-text-header {
+  opacity: 1;
+}
+.box-masonry:hover .box-masonry-hover-center {
+  opacity: 1;
+}
+.box-masonry:hover .box-masonry-image.with-hover-overlay:before {
+  opacity: 0.3;
+}
+.box-masonry:hover .box-masonry-image.with-hover-icon:after {
+  opacity: 1;
+}

themes/hugo-creative-portfolio-theme/.gitignore

@@ -0,0 +1,3 @@
+.DS_Store
+themes/
+public/

themes/hugo-creative-portfolio-theme/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 Kishan B
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

themes/hugo-creative-portfolio-theme/README.md

@@ -0,0 +1,101 @@
+# Creative portfolio theme for hugo
+
+[![Join the chat at https://gitter.im/hugo-creative-portfolio-theme/Lobby](https://badges.gitter.im/hugo-creative-portfolio-theme/Lobby.svg)](https://gitter.im/hugo-creative-portfolio-theme/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+[![Buy me a coffee](https://img.shields.io/badge/☕-Buy%20me%20a%20coffee-blue.svg)](https://www.paypal.me/kishansh/5)
+
+Creative portfolio is a clean and elegant template mainly made for designers and creatives but can be easily transformed into a generic website.
+
+This Hugo theme was ported from [Bootstrapious](https://bootstrapious.com/p/creative-portfolio) for training and fun. It has a very nice landing page, a comments system by Disqus, contact forms by Formspree and Google Analytics.
+
+![screenshot](https://raw.githubusercontent.com/kishaningithub/hugo-creative-portfolio-theme/master/images/screenshot.png)
+
+## Installation
+
+Go to the directory where you have your Hugo site and run:
+
+```
+$ mkdir themes
+$ cd themes
+$ git clone https://github.com/kishaningithub/hugo-creative-portfolio-theme.git
+$ rm -rf hugo-creative-portfolio-theme/.git
+```
+
+For more information read the official [setup guide](https://gohugo.io/overview/installing/) of Hugo.
+
+## Configuration
+
+After installing the Creative portfolio theme successfully, we recommend you to take a look at the [exampleSite](https://github.com/kishaningithub/hugo-creative-portfolio-theme/tree/master/exampleSite) directory. You will find a working Hugo site configured with the Creative portfolio theme that you can use as a starting point for your site.
+
+First, let's take a look at the [config.toml](https://github.com/kishaningithub/hugo-creative-portfolio-theme/tree/master/exampleSite/config.toml). It will be useful to learn how to customize your site. Feel free to play around with the settings.
+
+### Style
+
+You can change the color of the theme by modifying the following key.
+
+```toml
+style = "default"
+```
+
+Available options are: `default` (pink), `blue`, `green`, `pink`, `red`, `sea`, `violet`.
+
+### More style customizations?
+
+Create `css/custom.css` in your `<<base dir>>/static` folder and add all your custom styling.
+
+### Comments
+
+The optional comments system is powered by [Disqus](https://disqus.com). If you want to enable comments, create an account in Disqus and write down your shortname.
+
+```toml
+disqusShortname = "your-disqus-short-name"
+```
+
+You can disable the comments system by leaving the `disqusShortname` empty.
+
+### Google Analytics
+
+You can optionally enable Google Analytics. Type your tracking code in the ``.
+
+```toml
+googleAnalytics = "UA-XXXXX-X"
+```
+
+Leave the `googleAnalytics` key empty to disable it.
+
+### Make the contact form working
+
+Since this page will be static, you can use [formspree.io](//formspree.io/) as proxy to send the actual email. Each month, visitors can send you up to one thousand emails without incurring extra charges. Begin the setup by following the steps below:
+
+1. Enter your email address under 'email' in the [`config.toml`](https://github.com/kishaningithub/hugo-creative-portfolio-theme/tree/master/exampleSite/config.toml)
+2. Upload the generated site to your server
+3. Send a dummy email yourself to confirm your account
+4. Click the confirm link in the email from [formspree.io](//formspree.io/)
+5. You're done. Happy mailing!
+
+### Nearly finished
+
+In order to see your site in action, run Hugo's built-in local server.
+
+```
+$ hugo server
+```
+
+Now enter [`localhost:1313`](http://localhost:1313) in the address bar of your browser.
+
+## Deployment
+ - [Deploying to Amazon S3](https://github.com/kishaningithub/hugo-creative-portfolio-theme/wiki/Deploying-to-Amazon-S3)
+
+## Base theme version (From bootstrapious)
+ - 1.0
+
+## Contributing
+
+Have you found a bug or got an idea for a new feature? Feel free to use the [issue tracker](https://github.com/kishaningithub/hugo-creative-portfolio-theme/issues) to let me know. Or make directly a [pull request](https://github.com/kishaningithub/hugo-creative-portfolio-theme/pulls).
+
+## License
+
+This port is released under the MIT License. Check the [original theme license](https://bootstrapious.com/p/creative-portfolio) for additional licensing information.
+
+## Thanks
+
+Thanks to [Steve Francia](https://github.com/spf13) for creating Hugo and the awesome community around the project. And also thanks to [Bootstrapious](http://bootstrapious.com/) for creating this awesome theme.

themes/hugo-creative-portfolio-theme/archetypes/default.md

@@ -0,0 +1,2 @@
++++
++++

themes/hugo-creative-portfolio-theme/archetypes/portfolio.md

@@ -0,0 +1,5 @@
++++
+draft = true
+image = ""
+showonlyimage = false
++++

themes/hugo-creative-portfolio-theme/exampleSite/config.toml

@@ -0,0 +1,56 @@
+baseurl = "https://example.org/"
+title = "Creative portfolio"
+theme = "hugo-creative-portfolio-theme"
+languageCode = "en-us"
+# Enable comments by entering your Disqus shortname
+disqusShortname = ""
+# Enable Google Analytics by entering your tracking code
+googleAnalytics = ""
+
+[params]
+  # Style options: default (pink), blue, green, pink, red, sea, violet
+  # Use custom.css for your custom styling
+  style = "default"
+  description = "Describe your website"
+  copyright = "©2016 Your name or company"
+  sidebarAbout = [
+    "I am a creative illustrator and graphic designer with more than 10 years of experience.",
+    "Originally from Toronto, currently based in London."
+  ]
+  # Contact page
+     # Since this template is static, the contact form uses www.formspree.io as a
+     # proxy. The form makes a POST request to their servers to send the actual
+     # email. Visitors can send up to a 1000 emails each month for free.
+     #
+     # What you need to do for the setup?
+     #
+     # - set your email address under 'email' below
+     # - upload the generated site to your server
+     # - send a dummy email yourself to confirm your account
+     # - click the confirm link in the email from www.formspree.io
+     # - you're done. Happy mailing!
+  email = "you@yoursite.com"
+
+  # Nav links in the side bar
+  [[params.navlinks]]
+  name = "Home"
+  url = "portfolio/"
+  home = true
+
+  [[params.navlinks]]
+  name = "About"
+  url = "about/"
+
+  [[params.navlinks]]
+  name = "Get in touch"
+  url = "contact/"
+
+  [params.social]
+  facebook      = "full page or profile url in facebook"
+  googleplus    = "full profile url in googleplus"
+  email         = "email@example.com"
+  twitter       = "full profile url in twitter"
+  linkedin      = "full profile url in linkedin"
+  stackoverflow = "full profile url in stackoverflow"
+  instagram     = "full profile url in instagram"
+  github        = "full profile url in github"

themes/hugo-creative-portfolio-theme/exampleSite/content/about/_index.md

@@ -0,0 +1,21 @@
++++
+date = "2016-11-05T21:05:33+05:30"
+title = "About me"
++++
+
+An sincerity so extremity he additions. Her yet **there truth merit**. Mrs all projecting favourable now unpleasing. Son law garden chatty temper. Oh children provided to mr elegance marriage strongly. Off can admiration prosperous now devonshire diminution law.
+
+Received overcame oh sensible so at an. Formed do change merely to county it. **Am separate contempt** domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit.
+
+![This is me][1]
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+#### Education
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then
+
+[1]: /img/about.jpg

themes/hugo-creative-portfolio-theme/exampleSite/content/contact/_index.md

@@ -0,0 +1,10 @@
++++
+date = "2016-11-06T13:00:25+05:30"
+title = "Get in touch"
++++
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then
+
+Effects present letters inquiry no an removed or friends. Desire behind latter me though in. Supposing shameless am he engrossed up additions. My possible peculiar together to. Desire so better am cannot he up before points. Remember mistaken opinions it pleasure of debating. Court front maids forty if aware their at. Chicken use are pressed removed.
+
+Able an hope of body. Any nay shyness article matters own removal nothing his forming. Gay own additions education satisfied the perpetual. If he cause manor happy. Without farther she exposed saw man led. Along on happy could cease green oh. 

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work1.md

@@ -0,0 +1,31 @@
++++
+showonlyimage = true
+draft = false
+image = "img/portfolio/a4-paper.jpg"
+date = "2016-11-05T18:25:22+05:30"
+title = "Name of the work 1"
+weight = 0
++++
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life. One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work10.md

@@ -0,0 +1,31 @@
++++
+draft = false
+image = "img/portfolio/trifold.jpg"
+showonlyimage = true
+date = "2016-11-05T20:22:08+05:30"
+title = "Item with image"
+weight = 10
++++
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work11.md

@@ -0,0 +1,31 @@
++++
+draft = false
+image = "img/portfolio/paper-presentation.jpg"
+showonlyimage = true
+date = "2016-11-05T20:23:59+05:30"
+title = "Item with image"
+weight = 11
++++
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work2.md

@@ -0,0 +1,31 @@
++++
+date = "2016-11-05T19:41:01+05:30"
+title = "Name of the work 2"
+draft = false
+image = "img/portfolio/business-card-26.jpg"
+showonlyimage = false
+weight = 1
++++
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work3.md

@@ -0,0 +1,31 @@
++++
+image = "img/portfolio/gravity-paper.jpg"
+showonlyimage = false
+date = "2016-11-05T19:44:32+05:30"
+title = "Name of the work 3"
+draft = false
+weight = 2
++++
+
+Fifth abundantly made Give sixth hath. Cattle creature i be don't them.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work4.md

@@ -0,0 +1,31 @@
++++
+draft = false
+image = ""
+showonlyimage = false
+date = "2016-11-05T19:50:47+05:30"
+title = "Item without image"
+weight = 4
++++
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work5.md

@@ -0,0 +1,31 @@
++++
+image = "img/portfolio/business-card.jpg"
+showonlyimage = true
+draft = false
+date = "2016-11-05T19:53:42+05:30"
+title = "Name of the work 5"
+weight = 5
++++
+
+Fifth abundantly made Give sixth hath. Cattle creature i be don't them.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work6.md

@@ -0,0 +1,31 @@
++++
+draft = false
+image = ""
+date = "2016-11-05T19:56:17+05:30"
+title = "Name of the work 6"
+showonlyimage = false
+weight = 6
++++
+
+Fifth abundantly made Give sixth hath. Cattle creature i be don't them.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work7.md

@@ -0,0 +1,31 @@
++++
+image = "img/portfolio/label-clothes.jpg"
+showonlyimage = false
+date = "2016-11-05T19:57:40+05:30"
+title = "Name of the work 7"
+draft = false
+weight = 7
++++
+
+Fifth abundantly made Give sixth hath. Cattle creature i be don't them.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work8.md

@@ -0,0 +1,31 @@
++++
+showonlyimage = false
+draft = false
+image = "img/portfolio/ipad-air-2.jpg"
+date = "2016-11-05T19:59:22+05:30"
+title = "Name of the work 8"
+weight = 8
++++
+
+Fifth abundantly made Give sixth hath. Cattle creature i be don't them.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/exampleSite/content/portfolio/work9.md

@@ -0,0 +1,31 @@
++++
+draft = false
+image = "img/portfolio/envelope-brand.jpg"
+showonlyimage = false
+date = "2016-11-05T20:02:19+05:30"
+title = "Item with image"
+weight = 9
++++
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+<!--more-->
+
+Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
+
+1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+2. Aliquam tincidunt mauris eu risus.
+
+> The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+## Header Level 2
+
+Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
+
+The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn't listen. She packed her seven versalia, put her initial into the belt and made herself on the way.
+
+* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+* Aliquam tincidunt mauris eu risus.
+
+When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then  

themes/hugo-creative-portfolio-theme/layouts/404.html

@@ -0,0 +1,13 @@
+{{ define "main" }}
+<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
+  {{ partial "mobile_nav_toggle.html" . }}
+  <div class="row">
+    <div class="col-lg-8">
+      <div class="content-column-content">
+        <h1>Page not found</h1>
+        <p><a href="{{ .Site.BaseURL }}">Return to the home page</a>.</p>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}

themes/hugo-creative-portfolio-theme/layouts/_default/baseof.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode }}">
+<head>{{ partial "head.html" . }}</head>
+<body>
+  <div id="all">
+      <div class="container-fluid">
+          <div class="row row-offcanvas row-offcanvas-left">
+              {{ partial "sidebar.html" . }}
+              {{ block "main" . }}
+              {{ end }}
+          </div>
+      </div>
+  </div>
+  {{ partial "scripts.html" . }}
+</body>
+</html>

themes/hugo-creative-portfolio-theme/layouts/_default/list.html

@@ -0,0 +1,3 @@
+{{ define "main" }}
+  {{ partial "portfolio.html" . }}
+{{ end }}