wip: make theme workable with hugoBasicExample site

data/about.yaml

@@ -0,0 +1,57 @@
+# your designation
+designation: Software Engineer
+# your company information
+company:
+  name: Example Co.
+  url: "https://www.example.com"
+
+# your resume
+resume: "assets/files/resume.pdf"
+
+# a summary about you
+summary: 'I am a passionate software engineer with x years of working
+  experience. I built OSS tools for Kubernetes using GO. My tools helps people to
+  deploy their workloads in Kuberenetes. Sometimes, I work on some fun projects such as writing a theme etc.'
+
+# your social links
+# give as many as you want. use font-awesome for the icons.
+socialLinks:
+- name: Email
+  icon: "fas fa-envelope"
+  url: "example@gmail.com"
+
+- name: Github
+  icon: "fab fa-github"
+  url: "https://www.github.com/example"
+
+- name: Stackoverflow
+  icon: "fab fa-stack-overflow"
+  url: "#"
+
+- name: LinkedIn
+  icon: "fab fa-linkedin"
+  url: "#"
+
+- name: Twitter
+  icon: "fab fa-twitter"
+  url: "#"
+
+- name: Facebook
+  icon: "fab fa-facebook"
+
+# your soft skills
+# give the percentage between 50 to 100 with 5 interval.
+# currently supported color: blue, yellow, pink, green
+softSkills:
+- name: Leadership
+  percentage: 85
+  color: blue
+- name: Team Work
+  percentage: 90
+  color: yellow
+- name: Communication
+  percentage: 85
+  color: pink
+- name: Hard Working
+  percentage: 85
+  color: green

data/achievements.yaml

@@ -0,0 +1,26 @@
+# my achievements
+achievements:
+  - title: UAP IUPC 2017
+    image: assets/images/achievements/1.jpg
+    summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
+  - title: UAP IUPC 2017
+    image: assets/images/achievements/2.jpg
+    summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
+  - title: UAP IUPC 2017
+    image: assets/images/achievements/3.jpg
+    summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
+  - title: UAP IUPC 2017
+    image: assets/images/achievements/4.jpg
+    summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
+  - title: UAP IUPC 2017
+    image: assets/images/achievements/5.jpg
+    summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
+  - title: UAP IUPC 2017
+    image: assets/images/achievements/6.jpg
+    summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
+  - title: UAP IUPC 2017
+    image: assets/images/achievements/7.jpg
+    summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
+  - title: UAP IUPC 2017
+    image: assets/images/achievements/8.jpg
+    summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?

data/experiences.yaml

@@ -0,0 +1,57 @@
+# Your experiences
+experiences:
+  - designation: Software Engineer
+    company:
+      name: Example Co.
+      url: "https://www.example.com"
+      location: Dhaka Branch
+      # company overview
+      overview: Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed ipsum deserunt dignissimos iure incidunt porro sapiente adipisci neque, eveniet quam.
+    start: Nov 2017
+    # don't provide end date if you are currently working there. It will be replaced by "Present"
+    # end: Dec 2020
+    # give some points about what was your responsibilities at the company.
+    responsibilities:
+      - Design, develop and manage disaster recovery tool Stash that backup Kubernetes volumes, databases and cluster's resource definition.
+      - My another respons
+      - Added support for Prometheus monitoring in various AppsCode's tools.
+      - Provide support to the users of our various tools.
+
+  - designation: Intern
+    company:
+      name: AppCode Inc.
+      url: "https://www.appscode.com"
+      location: Dhaka Branch
+      overview: AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An Integrated platform for collaborative coding, testing & deploying containerized apps.
+    start: March 2016
+    end: May 2016
+    responsibilities:
+      - Design, develop and test a sample library website.
+      - Learn git version control.
+      - Learn backbone.js framework.
+
+  - designation: Demo 1
+    company:
+      name: Demo Co.
+      url: "https://www.appscode.com"
+      location: Dhaka Branch
+      overview: this is a demo company.
+    start: March 2016
+    end: May 2016
+    responsibilities:
+      - Design, develop and test a sample library website.
+      - Learn git version control.
+      - Learn backbone.js framework.
+
+  - designation: Demo 2
+    company:
+      name: Demo Co.
+      url: "https://www.appscode.com"
+      location: Dhaka Branch
+      overview: this is a demo company.
+    start: March 2016
+    end: May 2016
+    responsibilities:
+      - Design, develop and test a sample library website.
+      - Learn git version control.
+      - Learn backbone.js framework.

data/home.yaml

@@ -0,0 +1,12 @@
+# background image of the landing page
+background: "assets/images/default-background.jpg"
+
+# some information about you
+author:
+  name: "John Doe"
+  image: "assets/images/default-avatar.svg"
+  # a summary of what you do
+  summary:
+  - I am a Developer
+  - I work with Go
+  - I love to work with some fun projects

data/projects.yaml

@@ -0,0 +1,58 @@
+# filter buttons
+filters:
+  - name: All
+    tag: "all"
+  - name: Professional
+    tag: "professional"
+  - name: Academic
+    tag: "academic"
+  - name: Hobby
+    tag: "hobby"
+
+# my projects
+projects:
+  - name: Stash
+    logo: assets/images/logos/stash.png
+    role: Team Lead
+    timeline: "March 2018 - Present"
+    repo: https://github.com/stashed/stash
+    #url: ""
+    summary: A tool to backup Kubernetes volumes, StatefulSet application, databases etc.
+    tags: ["professional", "kubernetes", "backup"]
+
+  - name: KubeDB
+    logo: assets/images/logos/kubedb.png
+    role: Developer
+    timeline: "Jan 2019 - Present"
+    repo: https://github.com/kubedb/cli
+    #url: ""
+    summary: KubeDB by AppsCode simplifies and automates routine database tasks such as provisioning, patching, backup, recovery, failure detection, and repair for various popular databases on private and public clouds.
+    tags: ["professional", "kubernetes", "database"]
+
+  - name: Kubed
+    logo: assets/images/logos/kubed.png
+    role: Developer
+    timeline: "Oct 2018 - Dec 2018"
+    repo: https://github.com/appscode/kubed
+    #url: ""
+    summary: A tool to sync Kubernetes ConfigMap, Secret across namespaces and clusters.
+    tags: ["professional", "kubernetes", "sync"]
+
+  - name: Riverine Vehicle Tracking System with Overload Detection
+    role: Owner
+    timeline: "Jan 2017 - Nov 2017"
+    url: "https://drive.google.com/open?id=0BwCjE-AXb1mjT1ExczBuMjk1aTQ"
+    summary:
+      This project aims to develop a monitoring and overload detection system for riverine vehicles.
+      Here, we have built an Ardunio based GPS tracking system, an ultrasonic sensor based overload
+      detector. We have also built a mobile based user application as well as an emergency notification
+      system.
+    tags: ["academic","iot"]
+
+  - name: Toha
+    logo: assets/images/logos/project-default.png
+    role: Owner
+    timeline: "Jun 2019 - Present"
+    repo: https://github.com/hossainemruz/toha
+    summary: A Hugo theme for personal portfolio.
+    tags: ["hobby","hugo","theme"]

data/skills.yaml

@@ -0,0 +1,42 @@
+# Your Skills.
+# Give a summary of you each skill in summary section.
+skills:
+- name: Kubernetes
+  icon: "assets/images/skills/kubernetes.png"
+  summary: "Some quick example text to build on the card title and make up the bulk
+    of tlsdfjlsdjflsdfhe card's content."
+
+- name: Go Development
+  icon: "assets/images/skills/go.png"
+  summary: "Some quick example text to build on the card title and make up the bulk
+    of tlsdfjlsdjflsdfhe card's content."
+
+- name: Cloud Computing
+  icon: "assets/images/skills/cloud.png"
+  summary: "Some quick example text to build on the card title and make up the bulk
+    of tlsdfjlsdjflsdfhe card's content."
+
+- name: Docker
+  icon: "assets/images/skills/docker.svg"
+  summary: "Some quick example text to build on the card title and make up the bulk
+    of tlsdfjlsdjflsdfhe card's content."
+
+- name: Linux
+  icon: "assets/images/skills/linux.png"
+  summary: "Some quick example text to build on the card title and make up the bulk
+    of tlsdfjlsdjflsdfhe card's content."
+
+- name: Prometheus
+  icon: "assets/images/skills/prometheus.png"
+  summary: "Some quick example text to build on the card title and make up the bulk
+    of tlsdfjlsdjflsdfhe card's content."
+
+- name: Git
+  icon: "assets/images/skills/git.png"
+  summary: "Some quick example text to build on the card title and make up the bulk
+    of tlsdfjlsdjflsdfhe card's content."
+
+- name: C++
+  icon: "assets/images/skills/c++.png"
+  summary: "Some quick example text to build on the card title and make up the bulk
+    of tlsdfjlsdjflsdfhe card's content."

layouts/_default/single.html

@@ -13,14 +13,14 @@
 {{ define "content" }}
 <div class="container p-0 read-area">
   <!--Hero Area-->
-  <div class="hero-area col-sm-12" style="background-image: url({{ .Page.Params.hero }});">
+  <div class="hero-area col-sm-12" style='background-image: url({{ partial "helpers/get-hero.html" .Params }});'>
   </div>
 
   <!--Content Start-->
   <div class="page-content">
     <div class="author-profile ml-auto align-self-lg-center">
-      <img class="rounded-circle" src="{{.Page.Params.author.image }}" alt="" />
+      <img class="rounded-circle" src='{{ partial "helpers/get-author-image.html" .Params }}'/>
-      <h5>{{ .Page.Params.author.name }}</h5>
+      <h5>{{ partial "helpers/get-author-name.html" .Params }}</h5>
       <p>{{ .Page.Date.Format "January 2, 2006" }}</p>
     </div>
 
@@ -64,7 +64,7 @@
 
 
 {{ define "scripts" }}
-<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
 <script>
   hljs.initHighlightingOnLoad();
 </script>

layouts/partials/about.html

@@ -3,7 +3,7 @@
     <div class="row pt-sm-2 pt-md-4 align-self-center">
       <!-- summery -->
       <div class="col-md-6">
-        <h3 class="p-1">{{ .Site.Data.about.name }}</h3>
+        <h3 class="p-1">{{ .Site.Data.home.author.name }}</h3>
         <h5 class="p-1">
           {{ .Site.Data.about.designation }} at
           <a href="{{ .Site.Data.about.company.url }}"

layouts/partials/cards/post.html

@@ -1,7 +1,7 @@
-<div class="filtr-item" data-category='{{ delimit .Params.categories ","}}'>
+<div class="filtr-item" data-category='{{ partial "helpers/get-categories.html" .Params }}'>
   <div class="card">
     <div class="card-head">
-      <img class="card-img-top" src="{{ .Params.hero }}" alt="Card image cap" />
+      <img class="card-img-top" src='{{ partial "helpers/get-hero.html" .Params }}'/>
     </div>
     <div class="card-body">
       <h5 class="card-title">{{ .Title }}</h5>

layouts/partials/cards/recent-post.html

@@ -1,7 +1,7 @@
 <div class="col-lg-4 col-md-6 pt-2">
   <div class="card">
     <div class="card-head">
-      <img class="card-img-top" src="{{ .Params.hero }}"
+      <img class="card-img-top" src='{{ partial "helpers/get-hero.html" .Params }}'
         alt="Card image cap"
       />
     </div>

layouts/partials/experiences.html

@@ -1,23 +1,25 @@
 <div class="container-fluid experiences bg-white anchor" id="experiences">
   <h1 class="text-center">Experiences</h1>
   <div class="container timeline text-justify">
-    {{ $total:= len .Site.Data.experiences.experiences }}
+    {{ if .Site.Data }}  
-    {{ range $idx,$val:= .Site.Data.experiences.experiences }}
+      {{ $total:= len .Site.Data.experiences.experiences }}
-      {{ if eq (mod $idx 2) 0 }}
+      {{ range $idx,$val:= .Site.Data.experiences.experiences }}
-        <div class="row align-items-center  d-flex">
+        {{ if eq (mod $idx 2) 0 }}
-          {{ partial "experiences/left-v-line.html" $idx }}
+          <div class="row align-items-center  d-flex">
-          {{ partial "experiences/experience-info.html" $val }}
+            {{ partial "experiences/left-v-line.html" $idx }}
-        </div>
+            {{ partial "experiences/experience-info.html" $val }}
-        {{ if lt $idx (sub $total 1) }}
+          </div>
-          {{ partial "experiences/left-to-right-h-line.html" $idx }}
+          {{ if lt $idx (sub $total 1) }}
-        {{ end }}
+            {{ partial "experiences/left-to-right-h-line.html" $idx }}
-      {{else}}
+          {{ end }}
-        <div class="row align-items-center justify-content-end d-flex">
+        {{else}}
-          {{ partial "experiences/experience-info.html" $val }}
+          <div class="row align-items-center justify-content-end d-flex">
-          {{ partial "experiences/right-v-line.html" $idx }}
+            {{ partial "experiences/experience-info.html" $val }}
-        </div>
+            {{ partial "experiences/right-v-line.html" $idx }}
-        {{ if lt $idx (sub $total 1) }}
+          </div>
-          {{ partial "experiences/right-to-left-h-line.html" $idx }}
+          {{ if lt $idx (sub $total 1) }}
+            {{ partial "experiences/right-to-left-h-line.html" $idx }}
+          {{ end }}
         {{ end }}
       {{ end }}
     {{ end }}

layouts/partials/helpers/get-author-image.html

@@ -0,0 +1,5 @@
+{{ $authorImage:= "/assets/images/default-avatar.svg"}}
+{{ if isset .author "image" }}
+    {{ $authorImage = .author.image }}
+{{ end }}
+{{ return $authorImage }}

layouts/partials/helpers/get-author-name.html

@@ -0,0 +1,5 @@
+{{ $authorName:= "John Doe"}}
+{{ if  isset .author "name" }}
+    {{ $authorName = .author.name }}
+{{ end }}
+{{ return $authorName }}

layouts/partials/helpers/get-categories.html

@@ -0,0 +1,5 @@
+{{ $categories:= ""}}
+{{ if  .categories }}
+    {{ $categories = delimit .categories "," }}
+{{ end }}
+{{ return $categories }}

layouts/partials/helpers/get-hero.html

@@ -0,0 +1,5 @@
+{{ $heroImage:= "/assets/images/default-hero.jpg"}}
+{{ if  .hero }}
+    {{ $heroImage = .hero }}
+{{ end }}
+{{ return $heroImage }}

layouts/partials/helpers/get-profile-image.html

@@ -0,0 +1,5 @@
+{{ $profileImage:= "/assets/images/default-avatar.svg"}}
+{{ if .Site.Data.home.image }}
+    {{ $profileImage = .Site.Data.home.image }}
+{{ end }}
+{{ return $profileImage }}

layouts/partials/home.html

@@ -1,21 +1,20 @@
 <div class="container-fluid home" id="home">
   <div
     class="background container-fluid"
-    style="background-image: url('assets/images/background/flower.jpg');"
+    style="background-image: url('{{ .Site.Data.home.background }}');"
   ></div>
   <div class="container content text-center">
     <img
-      src="assets/images/profile-image.jpg"
+      src="{{ .Site.Data.home.author.image }}"
       class="rounded-circle mx-auto d-block img-fluid"
-      alt=""
     />
-    <h1 class="greeting">{{- .Site.Data.home.greeting -}}</h1>
+    <h1 class="greeting">Hi, I am {{ .Site.Data.home.author.name -}}</h1>
     <div class="typing-carousel">
       <span id="ityped" class="ityped"></span>
       <span class="ityped-cursor"></span>
     </div>
     <ul id="typing-carousel-data">
-      {{ range .Site.Data.home.typeWriter }}
+      {{ range .Site.Data.home.author.summary }}
       <li>{{ . }}</li>
       {{ end }}
     </ul>

layouts/partials/posts.html

@@ -4,4 +4,4 @@
     {{ else }}
         {{ partial "cards/post.html" . }}
     {{ end }}
-{{ end }}
+{{ end }}

static/assets/css/home.css

@@ -26,9 +26,10 @@
 }
 
 .home img {
-  width: 160px;
+  width: 172px;
-  max-width: 50%;
+  height: 172px;
-  height: auto;
+  background-color: #f9fafc;
+  padding: 5px;
 }
 
 .home .greeting {

static/assets/css/single.css

@@ -34,6 +34,8 @@ body {
 .author-profile img {
   height: 120px;
   width: 120px;
+  background-color: #f9fafc;
+  padding: 5px;
 }
 .author-profile p {
   color: #8392a5;