From 3873876e35d16c4f0567a81af4e1ecf7ba350df4 Mon Sep 17 00:00:00 2001 From: hossainemruz Date: Tue, 14 Apr 2020 21:35:57 +0600 Subject: [PATCH] Convert homepage into hugo templates --- layouts/index.html | 8 +- layouts/partials/about.html | 125 +++----- layouts/partials/achievements.html | 109 +------ layouts/partials/cards/post.html | 17 ++ layouts/partials/cards/project.html | 43 +++ layouts/partials/cards/skill.html | 15 + layouts/partials/experiences.html | 254 ++-------------- .../partials/experiences/experience-info.html | 14 + .../experiences/left-to-right-h-line.html | 11 + layouts/partials/experiences/left-v-line.html | 3 + .../experiences/right-to-left-h-line.html | 11 + .../partials/experiences/right-v-line.html | 3 + layouts/partials/footer.html | 31 +- layouts/partials/head.html | 2 +- layouts/partials/header.html | 0 layouts/partials/home.html | 26 ++ layouts/partials/landing.html | 19 -- layouts/partials/misc/achievement.html | 11 + layouts/partials/navbar.html | 64 ++-- layouts/partials/progress/soft-skills.html | 13 + layouts/partials/projects.html | 281 +----------------- layouts/partials/recent-posts.html | 78 +---- layouts/partials/skills.html | 149 +--------- static/assets/css/achievements.css | 2 +- static/assets/css/experiences.css | 4 + static/assets/css/skills.css | 6 + .../skills/{docker-2.png => docker.png} | Bin 27 files changed, 317 insertions(+), 982 deletions(-) create mode 100644 layouts/partials/cards/post.html create mode 100644 layouts/partials/cards/project.html create mode 100644 layouts/partials/cards/skill.html create mode 100644 layouts/partials/experiences/experience-info.html create mode 100644 layouts/partials/experiences/left-to-right-h-line.html create mode 100644 layouts/partials/experiences/left-v-line.html create mode 100644 layouts/partials/experiences/right-to-left-h-line.html create mode 100644 layouts/partials/experiences/right-v-line.html delete mode 100644 layouts/partials/header.html create mode 100644 layouts/partials/home.html delete mode 100644 layouts/partials/landing.html create mode 100644 layouts/partials/misc/achievement.html create mode 100644 layouts/partials/progress/soft-skills.html rename static/assets/images/skills/{docker-2.png => docker.png} (100%) diff --git a/layouts/index.html b/layouts/index.html index 0e27ec0..69a58b9 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -3,7 +3,7 @@ - .Sites.name + {{- .Site.Title -}} {{- partial "head.html" . -}} @@ -11,9 +11,9 @@ {{- partial "navbar.html" . -}} - - {{- partial "landing.html" . -}} - + + {{- partial "home.html" . -}} + {{- partial "about.html" . -}} diff --git a/layouts/partials/about.html b/layouts/partials/about.html index 8faf693..73b14f9 100644 --- a/layouts/partials/about.html +++ b/layouts/partials/about.html @@ -1,96 +1,39 @@ - -
-
-
- -
-

Md: Emruz Hossain

-
- Software Engineer at - AppsCode Inc. -
-

- I am a passionate software engineer with 2 years of working - experience. I built OSS tools for Kubernetes using GO for - deploying database in Kubernetes and for disaster recovery. I am - working as team lead of AppsCode’s - Stash - project. Enjoy interacting with end users. -

-
- -
- +
+
+
+ +
+

{{ .Site.Data.about.name }}

+
+ {{ .Site.Data.about.designation }} at + {{ .Site.Data.about.company.name }} +
+

+ {{ .Site.Data.about.summary | markdownify }} +

+
+
- -
-
-
-
- - - - - - -
Leadership
-
-
-
-
- - - - - - -
Team Work
-
-
-
-
- - - - - - -
Comunication
-
-
-
-
- - - - - - -
Hard Working
-
-
-
+ +
+ +
+
+ {{ range .Site.Data.about.softSkills }} + {{ partial "progress/soft-skills" . }} + {{ end }}
- \ No newline at end of file +
diff --git a/layouts/partials/achievements.html b/layouts/partials/achievements.html index 698e08c..30cebc4 100644 --- a/layouts/partials/achievements.html +++ b/layouts/partials/achievements.html @@ -1,103 +1,14 @@ - -
-

Achievements

+
+

Achievements

-
- -
- -
-
- -

UAP IUPC 2017

- -
-
- -

UAP IUPC 2017

- -
-
- -

UAP IUPC 2017

- -
-
- -

UAP IUPC 2017

- -
-
- -

UAP IUPC 2017

- -
-
- -

UAP IUPC 2017

- -
-
- -

UAP IUPC 2017

- -
-
- -

UAP IUPC 2017

- -
+
+
+ +
+ {{ range .Site.Data.achievements.achievements }} + {{ partial "misc/achievement.html" . }} + {{ end }}
- \ No newline at end of file +
diff --git a/layouts/partials/cards/post.html b/layouts/partials/cards/post.html new file mode 100644 index 0000000..a20f003 --- /dev/null +++ b/layouts/partials/cards/post.html @@ -0,0 +1,17 @@ +
+
+
+ Card image cap +
+
+
{{ .Title }}
+

{{ .Summary }}

+
+
+ {{ .Date.Format "January 2, 2006" }} + Details +
+
+
diff --git a/layouts/partials/cards/project.html b/layouts/partials/cards/project.html new file mode 100644 index 0000000..dfb16f7 --- /dev/null +++ b/layouts/partials/cards/project.html @@ -0,0 +1,43 @@ +
+
+
+
+
+ {{ if .logo }} + {{ .name }} + {{ end }} +
{{ .name }}
+
+
+ {{ .role }} + {{ .timeline }} +
+
+
+

{{ .summary }}

+ + {{ if .repo }} + Star + {{ else if .url }} + Details + {{ end }} + +
+
+
+
diff --git a/layouts/partials/cards/skill.html b/layouts/partials/cards/skill.html new file mode 100644 index 0000000..5345440 --- /dev/null +++ b/layouts/partials/cards/skill.html @@ -0,0 +1,15 @@ +
+
+
+ {{ if .icon }} + {{ .name }} + {{ else }} + + {{ end }} +

{{ .name }}

+
+
+

{{ .summary }}

+
+
+
diff --git a/layouts/partials/experiences.html b/layouts/partials/experiences.html index 83ba9ac..e7c17a4 100644 --- a/layouts/partials/experiences.html +++ b/layouts/partials/experiences.html @@ -1,235 +1,25 @@ - -
-

Experiences

-
- -
-
-
1
+
+

Experiences

+
+ {{ $total:= len .Site.Data.experiences.experiences }} + {{ range $idx,$val:= .Site.Data.experiences.experiences }} + {{ if eq (mod $idx 2) 0 }} +
+ {{ partial "experiences/left-v-line.html" $idx }} + {{ partial "experiences/experience-info.html" $val }}
-
-
-
Software Engineer
-
AppsCode Inc.
-

Nov 2017 - Present, Dhaka Branch

-
-

- AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An - Integrated platform for collaborative coding, testing & deploying - containerized apps. -

-
Responsibilities:
-
    -
  • - Design, develop and manage disaster recovery tool Stash that - backup Kubernetes volumes, databases and cluster's resource - definition. -
    • -
  • - Worked on database operator KubeDB that deploy and manages most - popular databases inside Kubernetes cluster in Kubernetes native - way. -
    • -
  • - Added support for Prometheus monitoring in various AppsCode's - tools. -
    • -
  • Provide support to the users of our various tools.
    • -
+ {{ if lt $idx (sub $total 1) }} + {{ partial "experiences/left-to-right-h-line.html" $idx }} + {{ end }} + {{else}} +
+ {{ partial "experiences/experience-info.html" $val }} + {{ partial "experiences/right-v-line.html" $idx }}
-
- -
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
Software Engineer
-
AppsCode Inc.
-

Nov 2017 - Present, Dhaka Branch

-
-

- AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An - Integrated platform for collaborative coding, testing & deploying - containerized apps. -

-
Responsibilities:
-
    -
  • - Design, develop and manage disaster recovery tool Stash that - backup Kubernetes volumes, databases and cluster's resource - definition. -
    • -
  • - Worked on database operator KubeDB that deploy and manages most - popular databases inside Kubernetes cluster in Kubernetes native - way. -
    • -
  • - Added support for Prometheus monitoring in various AppsCode's - tools. -
    • -
  • Provide support to the users of our various tools.
    • -
-
-
-
2
-
-
- -
-
-
-
-
-
-
-
-
-
-
- -
-
-
3
-
-
-
-
Software Engineer
-
AppsCode Inc.
-

Nov 2017 - Present, Dhaka Branch

-
-

- AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An - Integrated platform for collaborative coding, testing & deploying - containerized apps. -

-
Responsibilities:
-
    -
  • - Design, develop and manage disaster recovery tool Stash that - backup Kubernetes volumes, databases and cluster's resource - definition. -
    • -
  • - Worked on database operator KubeDB that deploy and manages most - popular databases inside Kubernetes cluster in Kubernetes native - way. -
    • -
  • - Added support for Prometheus monitoring in various AppsCode's - tools. -
    • -
  • Provide support to the users of our various tools.
    • -
-
-
- -
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
Software Engineer
-
AppsCode Inc.
-

Nov 2017 - Present, Dhaka Branch

-
-

- AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An - Integrated platform for collaborative coding, testing & deploying - containerized apps. -

-
Responsibilities:
-
    -
  • - Design, develop and manage disaster recovery tool Stash that - backup Kubernetes volumes, databases and cluster's resource - definition. -
    • -
  • - Worked on database operator KubeDB that deploy and manages most - popular databases inside Kubernetes cluster in Kubernetes native - way. -
    • -
  • - Added support for Prometheus monitoring in various AppsCode's - tools. -
    • -
  • Provide support to the users of our various tools.
    • -
-
-
-
4
-
-
- -
-
-
-
-
-
-
-
-
-
-
- -
-
-
5
-
-
-
-
Software Engineer
-
AppsCode Inc.
-

Nov 2017 - Present, Dhaka Branch

-
-

- AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An - Integrated platform for collaborative coding, testing & deploying - containerized apps. -

-
Responsibilities:
-
    -
  • - Design, develop and manage disaster recovery tool Stash that - backup Kubernetes volumes, databases and cluster's resource - definition. -
    • -
  • - Worked on database operator KubeDB that deploy and manages most - popular databases inside Kubernetes cluster in Kubernetes native - way. -
    • -
  • - Added support for Prometheus monitoring in various AppsCode's - tools. -
    • -
  • Provide support to the users of our various tools.
    • -
-
-
-
+ {{ if lt $idx (sub $total 1) }} + {{ partial "experiences/right-to-left-h-line.html" $idx }} + {{ end }} + {{ end }} + {{ end }}
- \ No newline at end of file +
diff --git a/layouts/partials/experiences/experience-info.html b/layouts/partials/experiences/experience-info.html new file mode 100644 index 0000000..39c7989 --- /dev/null +++ b/layouts/partials/experiences/experience-info.html @@ -0,0 +1,14 @@ +
+
+
{{ .designation }}
+
{{ .company.name }}
+

{{ .start }} - {{ if .end }} {{ .end }} {{ else }}Present{{ end }}, {{ .company.location }}

+
+

{{ .company.overview }}

+
Responsibilities:
+
    + {{ range .responsibilities }} +
  • {{ . }}
    • + {{ end }} +
+
diff --git a/layouts/partials/experiences/left-to-right-h-line.html b/layouts/partials/experiences/left-to-right-h-line.html new file mode 100644 index 0000000..95f13ae --- /dev/null +++ b/layouts/partials/experiences/left-to-right-h-line.html @@ -0,0 +1,11 @@ +
+
+
+
+
+
+
+
+
+
+
diff --git a/layouts/partials/experiences/left-v-line.html b/layouts/partials/experiences/left-v-line.html new file mode 100644 index 0000000..7d8b74b --- /dev/null +++ b/layouts/partials/experiences/left-v-line.html @@ -0,0 +1,3 @@ +
+
{{ add . 1 }}
+
diff --git a/layouts/partials/experiences/right-to-left-h-line.html b/layouts/partials/experiences/right-to-left-h-line.html new file mode 100644 index 0000000..95f13ae --- /dev/null +++ b/layouts/partials/experiences/right-to-left-h-line.html @@ -0,0 +1,11 @@ +
+
+
+
+
+
+
+
+
+
+
diff --git a/layouts/partials/experiences/right-v-line.html b/layouts/partials/experiences/right-v-line.html new file mode 100644 index 0000000..7d8b74b --- /dev/null +++ b/layouts/partials/experiences/right-v-line.html @@ -0,0 +1,3 @@ +
+
{{ add . 1 }}
+
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 6e318c7..c7bb533 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -5,34 +5,19 @@
Navigation
Contact Me
    -
  • Email: hossainemruz@gmail.com
    • -
  • Phone: +8801770582121
    • + {{ range $key,$value:=.Site.Params.contactInfo }} +
  • {{ title $key }}: {{ $value }}
    • + {{ end }}
@@ -61,7 +46,7 @@
Theme: - XS2 + Toha
© 2019 Copyright.
@@ -87,4 +72,4 @@ - \ No newline at end of file + diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 60cd99d..708e822 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -14,7 +14,7 @@ {{/* */}} {{/* */}} - + diff --git a/layouts/partials/header.html b/layouts/partials/header.html deleted file mode 100644 index e69de29..0000000 diff --git a/layouts/partials/home.html b/layouts/partials/home.html new file mode 100644 index 0000000..fb58a5e --- /dev/null +++ b/layouts/partials/home.html @@ -0,0 +1,26 @@ + +
+
+
+ +

{{- .Site.Data.home.greeting -}}

+
+ + +
+ + +
+
+ diff --git a/layouts/partials/landing.html b/layouts/partials/landing.html deleted file mode 100644 index 3e15873..0000000 --- a/layouts/partials/landing.html +++ /dev/null @@ -1,19 +0,0 @@ - -
-
-
- -

Hi, I'm Emruz Hossain

-
- - -
- - -
-
- diff --git a/layouts/partials/misc/achievement.html b/layouts/partials/misc/achievement.html new file mode 100644 index 0000000..61a6d39 --- /dev/null +++ b/layouts/partials/misc/achievement.html @@ -0,0 +1,11 @@ +
+ +

{{ .title }}

+ +
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html index 50dc451..6c2deda 100644 --- a/layouts/partials/navbar.html +++ b/layouts/partials/navbar.html @@ -1,40 +1,28 @@ - - diff --git a/layouts/partials/progress/soft-skills.html b/layouts/partials/progress/soft-skills.html new file mode 100644 index 0000000..4c32067 --- /dev/null +++ b/layouts/partials/progress/soft-skills.html @@ -0,0 +1,13 @@ +
+
+ + + + + + +
{{ .name }}
+
+
diff --git a/layouts/partials/projects.html b/layouts/partials/projects.html index 65bb7ef..62c556c 100644 --- a/layouts/partials/projects.html +++ b/layouts/partials/projects.html @@ -1,267 +1,18 @@ - -
-

Projects

- -
-
- - - - -
-
-
-
- -
-
-
-
-
- Card image cap -
Stash
-
-
- Team Lead - March 2018 - Present -
-
-
-

- A tool to backup Kubernetes volumes, StatefulSet application, - databases etc. -

- - Star - -
-
-
-
- -
-
-
-
- Card image cap -
KubeDB
-
-
- Developer - Jan 2019 - Present -
-
-
-

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.

- - Star - -
-
-
- -
-
-
-
- Card image cap -
Kubed
-
-
- Developer - Oct 2018 - Dec 2018 -
-
-
-

A tool to sync Kubernetes ConfigMap, Secret across namespaces and clusters.

- - Star - -
-
-
- -
-
-
-
-
Riverine Vehicle Tracking System with Overload Detection
-
-
- Owner - Jan 2017 - Nov 2017 -
-
-
-

- 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. -

- - Details - -
- -
-
- -
-
-
-
- Card image cap -
Project 1
-
-
- Team Lead - March 2018 - Present -
-
-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero velit soluta vitae rem nihil neque, - similique repellendus, recusandae in harum rerum nisi doloremque eius debitis ex atque alias voluptatem - ratione? -

- - Star - -
-
-
- -
-
-
-
- Card image cap -
Project 2
-
-
- Team Lead - March 2018 - Present -
-
-
-

- This is a placeholder card. -

- - Star - -
-
-
- -
-
-
-
- Card image cap -
Project 3
-
-
- Team Lead - March 2018 - Present -
-
-
-

- Yet another placeholder card. -

- - Star - -
-
-
- -
-
-
-
- Card image cap -
Project 4
-
-
- Team Lead - March 2018 - Present -
-
-
-

- This is in flex 4. -

- - Star - -
-
-
- -
-
-
-
- Card image cap -
Project 5
-
-
- Team Lead - March 2018 - Present -
-
-
-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita provident vero accusantium sed error, - modi nisi illo commodi repellat dolor quisquam obcaecati quae enim eveniet nostrum autem ipsum qui - molestiae! -

- - Star - -
-
-
- -
-
-
-
- Card image cap -
Project 6
-
-
- Team Lead - March 2018 - Present -
-
-
-

- This suppose to be last card. -

- - Star - -
-
-
-
- +
+

Projects

+
+
+ {{ range .Site.Data.projects.filters }} + + {{ end }}
- \ No newline at end of file +
+
+ {{ range .Site.Data.projects.projects }} {{ partial "cards/project" . }} + {{ end }} +
+
+
diff --git a/layouts/partials/recent-posts.html b/layouts/partials/recent-posts.html index feeca20..9b57286 100644 --- a/layouts/partials/recent-posts.html +++ b/layouts/partials/recent-posts.html @@ -1,72 +1,10 @@ - -
-

Recent Posts

-
-
-
-
-
- Card image cap -
-
-
- How to Build Multi-stage Docker Image -
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

-
-
- November 12, 2019 - Details -
-
-
-
-
-
- Card image cap -
-
-
- How to Build Multi-stage Docker Image -
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus - corporis sint voluptates maiores expedita, id ullam, maxime sit eaque eius earum, consectetur blanditiis - nulla ex aliquam dolor libero. Inventore, maiores. -

-
-
- November 12, 2019 - Details -
-
-
-
-
-
- Card image cap -
-
-
- How to Build Multi-stage Docker Image -
-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis veritatis sapiente fuga - aspernatur adipisci dolor, et doloremque quos eos incidunt? Earum, debitis explicabo. Obcaecati eligendi - placeat eos quod laboriosam quia. -

-
-
- November 12, 2019 - Details -
-
-
-
+
+

Recent Posts

+
+
+ {{ range first 3 .Site.RegularPages }} + {{ partial "cards/post.html" . }} + {{ end }}
- \ No newline at end of file +
diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html index 73f588e..dd7f456 100644 --- a/layouts/partials/skills.html +++ b/layouts/partials/skills.html @@ -1,142 +1,13 @@ - -
-

Skills

+ +
+

Skills

-
-
-
-
-
- Card image cap -

Kubernetes

-
-
-

- Some quick example text to build on the card title and make up - the bulk of tlsdfjlsdjflsdfhe card's content. -

-
-
-
- -
-
-
- Card image cap -

Go Development

-
-
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

-
-
-
- -
-
-
- Card image cap -

Cloud Computing

-
-
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

-
-
-
-
-
-
- Card image cap -

Docker

-
-
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

-
-
-
-
-
-
- Card image cap -

Linux

-
-
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

-
-
-
- -
-
-
- Card image cap -

Prometheus

-
-
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

-
-
-
- -
-
-
- Card image cap -

Git

-
-
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

-
-
-
-
-
-
- Card image cap -

C++

-
-
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

-
-
-
- -
-
-
- Card image cap -

Gopher

-
-
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

-
-
-
- -
+
+
+ {{ range .Site.Data.skills.skills }} + {{ partial "cards/skill.html" . }} + {{ end }}
- \ No newline at end of file +
+ diff --git a/static/assets/css/achievements.css b/static/assets/css/achievements.css index 47fd02b..71f13c1 100644 --- a/static/assets/css/achievements.css +++ b/static/assets/css/achievements.css @@ -93,7 +93,7 @@ transition: all 0.3s ease-out; } -#gallery .caption h3 { +#gallery .caption h4 { color: #e5e9f2; } diff --git a/static/assets/css/experiences.css b/static/assets/css/experiences.css index d369360..af42c71 100644 --- a/static/assets/css/experiences.css +++ b/static/assets/css/experiences.css @@ -2,6 +2,10 @@ padding-bottom: 1rem; } +.experiences .timeline{ + margin-top: 2rem!important; +} + .text-muted { color: #e5e9f2; } diff --git a/static/assets/css/skills.css b/static/assets/css/skills.css index 628cee4..16878d3 100644 --- a/static/assets/css/skills.css +++ b/static/assets/css/skills.css @@ -2,6 +2,12 @@ margin: 10px; } +.skills .card .card-head i{ + font-size: 1.5rem; + margin: 10px; + margin-top: 15px; +} + .skills .card { margin-top: 10px; margin-bottom: 10px; diff --git a/static/assets/images/skills/docker-2.png b/static/assets/images/skills/docker.png similarity index 100% rename from static/assets/images/skills/docker-2.png rename to static/assets/images/skills/docker.png