diff options
| author | Darshan Baral <darshanbaral@gmail.com> | 2019-11-03 04:20:47 +0300 |
|---|---|---|
| committer | Darshan Baral <darshanbaral@gmail.com> | 2019-11-03 04:20:47 +0300 |
| commit | a77ac9f1f2361020ac154768bc4a9963093557ef (patch) | |
| tree | fd903b4493f358444152f2d4e1f1aecc81b0dc16 | |
| parent | adc5d9c3a2a791a7719b4844e3261bea492d6d15 (diff) | |
Reorganized header section
| -rw-r--r-- | layouts/index.html | 44 | ||||
| -rw-r--r-- | layouts/partials/header.html | 47 |
2 files changed, 45 insertions, 46 deletions
diff --git a/layouts/index.html b/layouts/index.html index 4055817..31d84e1 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,27 +1,19 @@ -<!DOCTYPE html>
-<html lang="{{ .Site.Language }}">
- {{ partial "head.html" . }}
+{{ 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" . }}
+ <hr style="width:50%;" />
+ {{ partial "language.html" . }}
+ <hr style="width:50%;" />
+ {{ partial "hobby.html" . }}
+ </div>
- <body class="bg-dark container" style="font-family: 'Roboto', sans-serif;">
- {{ partial "header.html" . }}
- <div class="row mt-1">
- <div
- class="col-sm-4 order-sm-2 bg-secondary text-white border border-secondary rounded pt-3"
- >
- {{ partial "education.html" . }}
- <hr style="width:50%;" />
- {{ partial "language.html" . }}
- <hr style="width:50%;" />
- {{ partial "hobby.html" . }}
- </div>
-
- <div class="col-sm-8 text-white pt-3">
- {{ partial "experience.html" . }}
- {{ partial "project.html" . }}
- {{ partial "skill.html" . }}
- </div>
- </div>
-
- {{ partial "footer.html" . }}
- </body>
-</html>
+ <div class="col-sm-8 text-white p-3">
+ {{ partial "experience.html" . }}
+ {{ partial "project.html" . }}
+ {{ partial "skill.html" . }}
+ </div>
+</div>
+{{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index fe46ab7..348d6f6 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,25 +1,32 @@ -<div class="d-flex flex-column flex-sm-row mt-2">
- <div class="mr-4 text-center float-left" style="width: 160px;">
- <script src="{{ .Site.BaseURL }}/src/sada_main.js"></script>
- <img
- class="rounded-circle"
- src="{{ .Site.BaseURL }}/images/{{ .Site.Params.profile.photo }}"
- alt="{{ .Site.Params.author }}"
- style="width: 150px;"
- />
- <h3 class="toggleTheme text-white mt-2" onclick="toggleTheme()" title="toggle theme">
- <i class="material-icons">
- brightness_medium
- </i>
+<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-row justify-content-between">
+ {{ partial "social.html" . }}
+ <h3
+ class="toggleTheme text-white mt-2"
+ onclick="toggleTheme()"
+ title="toggle theme"
+ >
+ <i class="material-icons" style="cursor: pointer;">brightness_medium</i>
</h3>
</div>
- <div>
- {{ partial "social.html" . }}
- <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 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>
|