Reorganized components

7 files changed, 54 insertions, 47 deletions

diff --git a/layouts/index.html b/layouts/index.html
index 31d84e1..9e93933 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,17 +1,17 @@
 {{ define "main" }}

-<div class="row no-gutters mt-4">

-  <div

-    class="col-sm-4 order-sm-2 bg-secondary text-white rounded p-3"

-  >

-    {{ partial "education.html" . }}

+<div class="row no-gutters">

+  <div class="col-sm-4 order-sm-2 bg-secondary text-white p-2">

+    {{ partial "profilePhoto" . }}

+    {{ partial "aboutDesc" . }}

     <hr style="width:50%;" />

     {{ partial "language.html" . }}

     <hr style="width:50%;" />

     {{ partial "hobby.html" . }}

   </div>

 

-  <div class="col-sm-8 text-white p-3">

+  <div class="col-sm-8 text-white p-2">

     {{ partial "experience.html" . }}

+    {{ partial "education.html" . }}

     {{ partial "project.html" . }}

     {{ partial "skill.html" . }}

   </div>

diff --git a/layouts/partials/aboutDesc.html b/layouts/partials/aboutDesc.html
new file mode 100644
index 0000000..eb7871f
--- /dev/null
+++ b/layouts/partials/aboutDesc.html
@@ -0,0 +1,6 @@
+<div class="d-flex flex-column mt-2">
+  <h3 class="text-light">{{ .Site.Params.description }}</h3>
+  <p class="text-white">
+    {{ .Site.Params.aboutme.description | markdownify }}
+  </p>
+</div>
diff --git a/layouts/partials/education.html b/layouts/partials/education.html
index 2d83f5f..1dee5fe 100644
--- a/layouts/partials/education.html
+++ b/layouts/partials/education.html
@@ -1,14 +1,19 @@
-<h3>{{ .Site.Params.education.title }}</h3>

-{{ range .Site.Params.education.list }}

+<h3>

+  <i class="fas fa-graduation-cap"></i>

+  {{ .Site.Params.education.title }}

+</h3>

+{{ range.Site.Params.education.list }}

 <dl>

-    <dt><i class="fas fa-graduation-cap"></i> {{ .degree }}</dt>

-    <dd class="mb-0 ml-3">{{ .college }}</dd>

-    <dd class="mb-0 ml-3">{{ .dates }}</dd>

-    {{ if .thesis_link }}

-    <dd class="mb-0 ml-4">

-        Thesis:

-        <a class="text-warning" href="{{ .thesis_link }}"><i>{{ .thesis_title }}</i></a>

-    </dd>

-    {{ end }}

+  <dt>{{ .degree }}</dt>

+  <dd class="mb-0 ml-3">{{ .college }}</dd>

+  <dd class="mb-0 ml-3">{{ .dates }}</dd>

+  {{ if .thesis_link }}

+  <dd class="mb-0 ml-4">

+    Thesis:

+    <a class="text-warning" href="{{ .thesis_link }}"

+      ><i>{{ .thesis_title }}</i></a

+    >

+  </dd>

+  {{ end }}

 </dl>

-{{ end }}
\ No newline at end of file
+{{ end }}

diff --git a/layouts/partials/experience.html b/layouts/partials/experience.html
index bc50fc4..8138be9 100644
--- a/layouts/partials/experience.html
+++ b/layouts/partials/experience.html
@@ -1,10 +1,16 @@
-<h3><i class="fas {{ .Site.Params.experiences.icon }}"></i> {{ .Site.Params.experiences.title }}</h3>

+<h3>

+  <i class="fas fa-briefcase"></i>

+  {{ .Site.Params.experiences.title }}

+</h3>

 

-{{ range .Site.Params.jobs.list }}

+{{ range.Site.Params.jobs.list }}

 <dl>

-    <dt>{{ .position }}</dt>

-    <dd class="mb-0 ml-3">{{ .dates | markdownify }}</dd>

-    <dd class="mb-0 ml-3">{{ if .link }}<a class="text-warning" href="{{ .link }}">{{ .company }}</a>{{ else }} {{ .company }} {{ end }}</dd>

-    <dd class="mb-0 ml-3">{{ .details | markdownify }}</dd>

+  <dt>{{ .position }}</dt>

+  <dd class="mb-0 ml-3">{{ .dates | markdownify }}</dd>

+  <dd class="mb-0 ml-3">

+    {{ if .link }}<a class="text-warning" href="{{ .link }}">{{ .company }}</a

+    >{{ else }} {{ .company }} {{ end }}

+  </dd>

+  <dd class="mb-0 ml-3">{{ .details | markdownify }}</dd>

 </dl>

-{{ end }}
\ No newline at end of file
+{{ end }}

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index be40967..7f0bb6f 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,6 +1,6 @@
-<footer class="text-center m-4">

+<footer class="text-right mt-4">

   <a class="text-warning" href="{{ .Site.Params.copyright_link }}">

-    {{ .Site.Params.copyright | markdownify}}

+    {{ .Site.Params.copyright | markdownify }}

   </a>

   <span class="text-white">|</span>

   <a class="text-warning" href="https://github.com/darshanbaral/sada">

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 348d6f6..8c24eb4 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,5 +1,6 @@
 <script src="{{ `src/sada_main.js` | relURL }}"></script>

-<div class="d-flex flex-column border-bottom border-secondary pb-4 pl-2 pr-2">

+<div class="d-flex flex-column border-bottom border-secondary pl-2 pr-2">

+  <h1 class="text-white mb-1">{{ .Site.Params.profile.name }}</h1>

   <div class="d-flex flex-row justify-content-between">

     {{ partial "social.html" . }}

     <h3

@@ -10,23 +11,4 @@
       <i class="material-icons" style="cursor: pointer;">brightness_medium</i>

     </h3>

   </div>

-

-  <div class="d-flex flex-column flex-sm-row mt-2">

-    <div class="mr-4 text-center float-left" style="width: 300px;">

-      <img

-        class="rounded"

-        src="{{ .Site.Params.profile.photo | relURL }}"

-        alt="{{ .Site.Params.author }}"

-        style="width: 300px;"

-      />

-    </div>

-

-    <div class="d-flex flex-column justify-content-end">

-      <h1 class="text-white mb-1">{{ .Site.Params.profile.name }}</h1>

-      <h3 class="text-light">{{ .Site.Params.description }}</h3>

-      <p class="text-white">

-        {{ .Site.Params.aboutme.description | markdownify }}

-      </p>

-    </div>

-  </div>

 </div>

diff --git a/layouts/partials/profilePhoto.html b/layouts/partials/profilePhoto.html
new file mode 100644
index 0000000..7c259e1
--- /dev/null
+++ b/layouts/partials/profilePhoto.html
@@ -0,0 +1,8 @@
+<div class="m-auto text-center w-100">
+  <img
+    class="rounded-circle"
+    src="{{ .Site.Params.profile.photo | relURL }}"
+    alt="{{ .Site.Params.author }}"
+    style="width: 300px;"
+  />
+</div>