diff options
author | Darshan Baral <darshanbaral@gmail.com> | 2019-05-29 07:42:46 +0300 |
---|---|---|
committer | Darshan Baral <darshanbaral@gmail.com> | 2019-05-29 07:42:46 +0300 |
commit | ff2701edaa5cf48ad2ff46982a872c994a96fba8 (patch) | |
tree | e8f94dbeb538456c7cf5245ca04936f6ff718716 /layouts | |
parent | 58dfcd25aa2fda7ee1b3033faf1fc1e35b61e4c8 (diff) |
Added shadow.
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/_default/baseof.html | 21 | ||||
-rw-r--r-- | layouts/partials/footer.html | 24 | ||||
-rw-r--r-- | layouts/partials/head.html | 40 | ||||
-rw-r--r-- | layouts/partials/main.html | 17 | ||||
-rw-r--r-- | layouts/partials/profilePhoto.html | 17 |
5 files changed, 49 insertions, 70 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 5f8e2ec..8ea8f72 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,11 +1,14 @@ <!DOCTYPE html> -<html> - {{- partial "head.html" . -}} - <body> - {{- partial "header.html" . -}} - <div id="content"> - {{- block "main" . }}{{- end }} - </div> - {{- partial "footer.html" . -}} - </body> +<html lang="{{ .Site.LanguageCode }}"> + {{- partial "head.html" . -}} + <body> + {{- partial "header.html" . -}} + <div id="content"> + {{- block "main" . }} + {{- end }} + </div> + <footer class="mt-4"> + {{- partial "footer.html" . -}} + </footer> + </body> </html> diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 073a461..cdfe146 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,12 +1,12 @@ -<footer class="text-dark mt-4">
- <p>
- {{ .Site.Params.copyright | markdownify}} ·
- <i
- ><a href="https://github.com/darshanbaral/aafu" class="text-primary"
- >aafu</a
- ></i
- >
- by
- <a href="https://www.darshanbaral.com/" class="text-primary">darshan</a>
- </p>
-</footer>
+<p class="text-dark">
+ {{ .Site.Params.copyright | markdownify }} ·
+ <i>
+ <a href="https://github.com/darshanbaral/aafu" class="text-primary">
+ aafu
+ </a>
+ </i>
+ by
+ <a href="https://www.darshanbaral.com/" class="text-primary">
+ darshan
+ </a>
+</p>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 0631048..1f28cbb 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -7,7 +7,8 @@ <meta name="description" content="{{ .Site.Params.description }}" />
<meta name="author" content="{{ .Site.Params.author }}" />
{{- $hugoGenerator := index (findRE `content=\"(.+)\"` hugo.Generator) 0 }}
- <meta name="generator" content="aafu theme by Darshan in {{ replaceRE `content=|\"` `` $hugoGenerator }}" />
+ <meta name="generator" content="aafu theme by Darshan in
+ {{ replaceRE `content=|\"` `` $hugoGenerator }}" />
{{- if .Site.Params.favicons.use }}
{{- $metas := .Site.Params.favicons.metas }}
@@ -37,39 +38,8 @@ href="https://fonts.googleapis.com/css?family=Alegreya%7CLato"
rel="stylesheet"
/>
+ <link rel="stylesheet" href="{{ `/css/aafu.css` | relURL }}" />
- <script src="{{ .Site.BaseURL }}/js/themes.js"></script>
- <script src="{{ .Site.BaseURL }}/js/toggleTheme.js"></script>
-
- <style>
- html {
- width: 100vw;
- }
- body {
- font-family: "Lato", sans-serif;
- }
- h1,
- h2,
- h3 {
- font-family: "Alegreya", serif;
- }
- .zoomlink {
- font-size: 2em;
- }
- .zoomlink:hover {
- font-size: 1.9em;
- cursor: pointer;
- }
- .accordion {
- cursor: pointer;
- transition: 0.5s;
- }
- .panel {
- max-height: 0;
- transition: 0.3s ease-out;
- }
- .bg-black {
- background-color: #252525;
- }
- </style>
+ <script src="{{ `/js/themes.js` | relURL }}"></script>
+ <script src="{{ `/js/toggleTheme.js` | relURL }}"></script>
</head>
diff --git a/layouts/partials/main.html b/layouts/partials/main.html index 780f848..f154838 100644 --- a/layouts/partials/main.html +++ b/layouts/partials/main.html @@ -1,18 +1,22 @@ -<div class="ml-auto mr-auto row row-eq-height mt-4">
- <div class="col-md-5 text-center border-light p-2 mb-4 bg-white">
- <div class="float-left" style="width: 45px; height: 45px;">
+<div class="ml-auto mr-auto row row-eq-height mt-3 p-2 rounded">
+ <div class="col-md-5 text-center p-2 bg-white">
+ <div class="shadowsDark rounded">
+ <div class="toggleSwitchContainer" style="width: 45px; height: 45px;">
<i
- class="fas fa-toggle-off zoomlink text-dark"
+ class="middleCenter fas fa-toggle-off zoomlink text-dark"
id="toggle"
title="Toggle Theme"
onclick="toggleTheme()"
></i>
</div>
{{ partial "profilePhoto" . }}
+ <div class="p-2">
{{ partial "social" . }}
{{ partial "footer" . }}
</div>
- <div class="col-md-7 border p-2 mb-4 bg-white">
+ </div>
+</div>
+ <div class="col-md-7 bg-white p-3">
{{ range .Site.Params.showInAccordion }}
<h2 class="accordion w-100 text-primary {{ if .expand }} active {{ end }}">
{{ $current := index $.Site.Params .item }}
@@ -25,8 +29,7 @@ {{ end }}
<script src="{{ .Site.BaseURL }}/js/accordion.js"></script>
<script>
- let isBaseThemeDark = {{ .Site.Params.useDarkTheme }};
- if (isBaseThemeDark) {
+ if ({{ .Site.Params.useDarkTheme }}) {
toggleTheme();
}
</script>
diff --git a/layouts/partials/profilePhoto.html b/layouts/partials/profilePhoto.html index b97599e..3bf0d1a 100644 --- a/layouts/partials/profilePhoto.html +++ b/layouts/partials/profilePhoto.html @@ -1,7 +1,10 @@ -<img - class="rounded-circle mb-4 mt-2 img-fluid" - src="{{ .Site.BaseURL }}/images/{{ .Site.Params.profile.photo }}" - alt="{{ .Site.Params.author }}" - style="width: 250px;" -/> - +<div class="d-flex justify-content-center"> + <div class="w-100 h-100"> + <img + class="rounded m-2 rounded-circle" + src="{{ .Site.BaseURL }}/images/{{ .Site.Params.profile.photo }}" + alt="{{ .Site.Params.author }}" + style="max-width: 100%; max-width: 300px;" + /> + </div> +</div> |