diff options
| author | Darshan Baral <darshanbaral@gmail.com> | 2020-05-03 22:35:47 +0300 |
|---|---|---|
| committer | Darshan Baral <darshanbaral@gmail.com> | 2020-05-03 22:35:47 +0300 |
| commit | a27b50dad325744dc1d4de876f8d82a1727ebc21 (patch) | |
| tree | a808ab32a3cdbc44fbec0b34e5ec82a267783426 | |
| parent | 332b35e8f7020e7b7d2f97bc5b81a548cf4fcdab (diff) | |
style updates
| -rw-r--r-- | layouts/_default/baseof.html | 4 | ||||
| -rw-r--r-- | layouts/partials/breadcrumb.html | 26 | ||||
| -rw-r--r-- | layouts/partials/icons/home.html | 15 | ||||
| -rw-r--r-- | static/css/main.css | 5 |
4 files changed, 31 insertions, 19 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 0d90cb1..0210d94 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,10 +1,10 @@ <!DOCTYPE html> <html lang="{{ .Site.LanguageCode }}"> {{- partial "head.html" . -}} - <body> + <body style="padding: 0 8px;"> {{- partial "header.html" . -}} {{- partial "menu.html" . -}} - <main id="content" {{if not .IsHome }} style="padding: 0 5px; margin-top: 80px;" {{ end }}> + <main id="content" {{if not .IsHome }} style="margin-top: 80px;" {{ end }}> {{- block "main" . }}{{- end }} </main> {{ if not .IsHome }} diff --git a/layouts/partials/breadcrumb.html b/layouts/partials/breadcrumb.html index 7aa4555..6de8efa 100644 --- a/layouts/partials/breadcrumb.html +++ b/layouts/partials/breadcrumb.html @@ -1,4 +1,7 @@ -<div class="breadcrumb">
+<div
+ class="breadcrumb"
+ style="padding: 12px 0; line-height: 0.85em; text-align: right;"
+>
{{ template "breadcrumbnav" (dict "p1" . "p2" .) }}
</div>
{{ define "breadcrumbnav" }}
@@ -8,18 +11,17 @@ {{ template "breadcrumbnav" (dict "p1" .p1.Site.Home "p2" .p2 ) }}
{{ end }}
<span style="font-size: 0.8em;">
- {{ if .p1.Parent }}
- >
- {{- end -}}
- <a href="{{ if eq .p1 .p2 }}#{{ else }}{{ .p1.Permalink }}{{ end }}"
+ {{ if .p1.Parent }}/{{- end -}}
+ <a
+ href="{{ if eq .p1 .p2 }}#{{ else }}{{ .p1.Permalink }}{{ end }}"
class="breadcrumb-link {{ if eq .p1 .p2 }}active{{ end }}"
- style="margin-left: 5px; font-size: 0.85em; color:{{ if eq .p1 .p2 }}var(--primaryColor){{else}}var(--textColor){{ end }};"
- >{{ if .p1.IsHome }}Home{{ end }}
- {{ if gt (len .p1.Title) 15 }}
- {{ substr .p1.Title 0 15 }}...
- {{ else }}
- {{ .p1.Title }}
- {{ end }}</a
+ style="margin-left: 5px; font-size: 0.85em; color:{{ if eq .p1 .p2 }}var(--primaryColor){{else}}var(--textColor){{ end }};"
+ >{{- if .p1.IsHome -}}<i>{{- partial "icons/home" . -}}</i>{{- end -}}
+ {{- if gt (len .p1.Title) 15 -}}
+ {{- substr .p1.Title 0 15 -}}...
+ {{- else -}}
+ {{- .p1.Title -}}
+ {{- end -}}</a
>
</span>
{{ end }}
diff --git a/layouts/partials/icons/home.html b/layouts/partials/icons/home.html new file mode 100644 index 0000000..3e40c60 --- /dev/null +++ b/layouts/partials/icons/home.html @@ -0,0 +1,15 @@ +<svg + aria-hidden="true" + focusable="false" + data-prefix="fas" + data-icon="home" + class="svg-inline--fa fa-home fa-w-18" + role="img" + xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 576 512" +> + <path + fill="currentColor" + d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z" + ></path> +</svg> diff --git a/static/css/main.css b/static/css/main.css index d65f3ab..a2117ee 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -217,11 +217,6 @@ li.page-item:nth-child(6) { border-right: 1px solid var(--primaryColor);
}
-.breadcrumb {
- line-height: 0.85em;
- text-align: right;
-}
-
.breadcrumb-link:hover {
text-decoration: underline;
}
|