navbar current menu, exampleSite changed, some styling

This commit is contained in:
zzossig 2020-01-02 01:35:53 +09:00
parent 09a1570af2
commit 363867570d
33 changed files with 230 additions and 173 deletions

View File

@ -238,6 +238,7 @@ summaryShape = "classic" # card, classic, compact
archiveGroupByDate = "2006" # "2006-01": group by month, "2006": group by year
archivePaginate = 13 # items per page
paginateWindow = 1 # setting it to 1 gives 7 buttons, 2 gives 9, etc. If set 1: [1 ... 4 5 6 ... 356] [1 2 3 4 5 ... 356] etc
talksPaginate = 8 # items per page
talksGroupByDate = "2006" # "2006-01": group by month, "2006": group by year
# whoami: usage - home page sidebar, single page bottom of post. all values can be empty
@ -519,7 +520,7 @@ root/content/talks/myLinks.md
---
title: "My Awesome links"
date: 2019-12-31T00:04:50+09:00
publishDate: 2222-12-31
publishDate: 2019-12-31
description:
tags:
-

View File

@ -232,6 +232,7 @@ summaryShape = "classic" # card, classic, compact
archiveGroupByDate = "2006" # "2006-01": group by month, "2006": group by year
archivePaginate = 13 # items per page
paginateWindow = 1 # setting it to 1 gives 7 buttons, 2 gives 9, etc. If set 1: [1 ... 4 5 6 ... 356] [1 2 3 4 5 ... 356] etc
talksPaginate = 8 # items per page
talksGroupByDate = "2006" # "2006-01": group by month, "2006": group by year
# whoami: usage - home page sidebar, single page bottom of post. all values can be empty
@ -513,7 +514,7 @@ root/content/talks/myLinks.md
---
title: "My Awesome links"
date: 2019-12-31T00:04:50+09:00
publishDate: 2222-12-31
publishDate: 2019-12-31
description:
tags:
-

View File

@ -145,14 +145,6 @@ $(document).ready(function() {
$('.navbar__menu').addClass('is-active');
}
});
$('.navbar__menu-item').each(function() {
var menu = $(this).text().trim().toLowerCase();
if (location.pathname.includes(menu)) {
$(this).addClass('active');
} else {
$(this).removeClass('active');
}
});
// mobile search
$('.mobile-search').hide(200);

View File

@ -15,6 +15,7 @@
@include themify($themes) {
color: themed('contact-input-color');
border: 1px solid themed('search-border-color');
background-color: themed('contact-input-background-color');
}
@ -46,6 +47,7 @@
@include themify($themes) {
color: themed('contact-input-color');
border: 1px solid themed('search-border-color');
background-color: themed('contact-input-background-color');
}
@ -65,7 +67,7 @@
}
&__desc {
width: 55%;
width: 65%;
font-family: $content-font;
@media only screen and (max-width: 769px) {
@ -74,7 +76,7 @@
}
&__form {
width: 55%;
width: 65%;
@include flexbox();
@include flex-direction(column);
@ -93,6 +95,7 @@
@include themify($themes) {
color: inherit;
border: 1px solid themed('search-border-color');
background-color: themed('contact-button-background-color');
}
}

View File

@ -57,6 +57,27 @@
margin-right: 0.5rem;
margin-left: 0.75rem;
}
@include on-event {
@media only screen and (min-width: 769px) {
&::before {
content: '';
position: absolute;
left: 3rem;
width: 0.25rem;
height: 20px;
@include themify($themes) {
background-color: themed('archive-hover-line-color');
}
@media only screen and (max-width: 769px) {
top: 50%;
@include translateY(-50%);
}
}
}
}
}
&__links {

View File

@ -1,5 +1,5 @@
$light: (
footer-background-color: #eeeeee,
footer-background-color: #eceff1,
footer-color: #424242,
link: #607d8b,
link-hover: #FF6188,
@ -16,11 +16,11 @@ $light: (
dropdown-item-hover-color: #FCFCFA,
dropdown-item-color: #555,
navbar-border-bottom-color: #e0e0e0,
navbar-background-color: #cfd8dc,
navbar-background-color: darken(#eceff1, 2%),
navbar-mobile-background-color: #f1f1f1,
navbar-title-color: #555,
navbar-title-hover-color: #607d8b,
navbar-title-active-color: #FF6188,
navbar-title-active-color: lighten(#607d8b, 5%),
navbar-menu-hover-background-color: lighten(#eeeeee, 3%),
navbar-dropdown-item-hover-color: #607d8b,
sidebar-title-color: #607d8b,
@ -35,7 +35,7 @@ $light: (
taxo-categories-background-color: darken(#ede7f6, 3%),
taxo-categories-color: #424242,
breadcrumb-item-color: #424242,
breadcrumb-background-color: #eeeeee,
breadcrumb-background-color: #eceff1,
breadcrumb-item-active-color: #bdbdbd,
list-header-title-color: #424242,
figcaption-color: #bdbdbd,
@ -52,7 +52,7 @@ $light: (
social-icon-color: #777,
social-icon-hover-color: darken(#777, 20%),
pagination-link-color: #424242,
pagination-background-color: #eeeeee,
pagination-background-color: #eceff1,
pagination-disabled-color: #bdbdbd,
pagination-number-color: #757575,
terms-title-color: #9e9e9e,
@ -67,7 +67,7 @@ $light: (
search-placeholder-color: #bdbdbd,
search-color: #424242,
search-icon-color: #bdbdbd,
search-border-color: darken(#eee, 12%),
search-border-color: darken(#eceff1, 8%),
search-background-color: #eeeeee,
search-content-color: #424242,
search-content-background-color: #eeeeee,
@ -77,7 +77,7 @@ $light: (
selection-background-color: #FF6188,
archive-key-color: #FCFCFA,
archive-meta-color: #424242,
archive-type-color: darken(#bdbdbd, 40%),
archive-type-color: #546e7a,
archive-key-background-color: #607d8b,
archive-type-background-color: #bdbdbd,
archive-hover-line-color: #FF6188,

View File

@ -7,7 +7,7 @@ defaultContentLanguageInSubdir = true
hasCJKLanguage = true
summaryLength = 70
buildFuture = false
buildFuture = true
copyright = "©{year}, All Rights Reserved"
timeout = 10000
@ -29,6 +29,10 @@ googleAnalytics = ""
lineNos = true
lineNumbersInTable = true
noClasses = false
[markup.tableOfContents]
endLevel = 3
ordered = false
startLevel = 2
[outputs]
home = ["HTML", "RSS", "JSON"]

View File

@ -33,13 +33,19 @@
url = "gallery/photo"
[[main]]
identifier = "posts"
name = "posts"
url = "posts"
identifier = "talks"
name = "talks"
url = "talks"
weight = 5
[[main]]
identifier = "notes"
name = "notes"
url = "notes"
identifier = "posts"
name = "posts"
url = "posts"
weight = 6
[[main]]
identifier = "contact"
name = "contact"
url = "contact"
weight = 7

View File

@ -26,9 +26,3 @@
name = "포스트"
url = "posts"
weight = 4
[[main]]
identifier = "notes"
name = "노트"
url = "notes"
weight = 5

View File

@ -10,12 +10,14 @@ homeHeaderType = "text" # text, img, slide
enableBreadcrumb = true
enablePhotoSwipe = true
enableSearch = true
enableSearchHighlight = true
enableGoToTop = true
enableWhoami = true
summaryShape = "classic" # card, classic, compact
archiveGroupByDate = "2006" # "2006-01": group by month, "2006": group by year
archivePaginate = 13
paginateWindow = 1
talksPaginate = 5
talksGroupByDate = "2006"
# whoami

View File

@ -0,0 +1,10 @@
---
title: "Contact"
date: 2019-12-17T23:58:33+09:00
description: Contact page
type: contact
service: formspree
formId: "your@email.com"
---
This is contact page.

View File

@ -1,6 +0,0 @@
+++
title = "Notes"
author = "Hugo Authors"
tags = ["index"]
description = "Note page"
+++

View File

@ -1,7 +0,0 @@
---
title: "Sub List"
date: 2012-10-09T11:44:14+09:00
description: Note Sub List
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget enim lobortis, bibendum massa et, bibendum enim. Nunc eu augue quis ante porta sodales. Mauris vel faucibus magna, dictum sagittis dolor. Nam scelerisque malesuada efficitur. Donec consequat sodales justo, ut aliquam ligula maximus nec.

View File

@ -1,15 +0,0 @@
---
title: "Go 5"
date: 2012-11-01T10:33:41+09:00
description: "Go 5 Description"
tags:
-
series:
-
categories:
-
---
Dolore in consectetur irure qui laborum. Adipisicing cillum ad laboris dolor. Quis consectetur ullamco esse ad mollit anim sint nostrud esse. Irure voluptate ex fugiat voluptate ea fugiat laboris.
Veniam deserunt ex ullamco laboris et elit culpa enim. Irure ipsum dolore sint nisi aliquip labore fugiat magna esse ad nostrud in. Eu aliqua mollit tempor proident pariatur voluptate.

View File

@ -1,15 +0,0 @@
---
title: "Go 1"
date: 2012-11-01T10:33:41+09:00
description: "Go 1 Description"
tags:
-
series:
-
categories:
-
---
Dolore in consectetur irure qui laborum. Adipisicing cillum ad laboris dolor. Quis consectetur ullamco esse ad mollit anim sint nostrud esse. Irure voluptate ex fugiat voluptate ea fugiat laboris.
Veniam deserunt ex ullamco laboris et elit culpa enim. Irure ipsum dolore sint nisi aliquip labore fugiat magna esse ad nostrud in. Eu aliqua mollit tempor proident pariatur voluptate.

View File

@ -1,15 +0,0 @@
---
title: "Go 2"
date: 2012-11-01T10:33:41+09:00
description: "Go 2 Description"
tags:
-
series:
-
categories:
-
---
Dolore in consectetur irure qui laborum. Adipisicing cillum ad laboris dolor. Quis consectetur ullamco esse ad mollit anim sint nostrud esse. Irure voluptate ex fugiat voluptate ea fugiat laboris.
Veniam deserunt ex ullamco laboris et elit culpa enim. Irure ipsum dolore sint nisi aliquip labore fugiat magna esse ad nostrud in. Eu aliqua mollit tempor proident pariatur voluptate.

View File

@ -1,15 +0,0 @@
---
title: "Go 4"
date: 2012-11-01T10:33:41+09:00
description: "Go 4 Description"
tags:
-
series:
-
categories:
-
---
Dolore in consectetur irure qui laborum. Adipisicing cillum ad laboris dolor. Quis consectetur ullamco esse ad mollit anim sint nostrud esse. Irure voluptate ex fugiat voluptate ea fugiat laboris.
Veniam deserunt ex ullamco laboris et elit culpa enim. Irure ipsum dolore sint nisi aliquip labore fugiat magna esse ad nostrud in. Eu aliqua mollit tempor proident pariatur voluptate.

View File

@ -1,17 +0,0 @@
---
title: "Note-1"
date: 2016-10-09T11:44:14+09:00
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
series:
- Go Web Dev
tags:
- Development
- Go
- fast
- Blogging
categories:
- cTest
---
post-1 content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget enim lobortis, bibendum massa et, bibendum enim. Nunc eu augue quis ante porta sodales. Mauris vel faucibus magna, dictum sagittis dolor. Nam scelerisque malesuada efficitur. Donec consequat sodales justo, ut aliquam ligula maximus nec. Quisque metus tellus, tincidunt eu consequat consequat, placerat sed ante. Cras pulvinar eros ex, vel luctus eros viverra sed. Donec nec quam aliquam, ultricies neque sed, sollicitudin lorem. Aenean faucibus, velit et facilisis semper, leo tellus pellentesque orci, non suscipit libero ipsum sed lacus. Fusce pharetra arcu sed tellus convallis, vel hendrerit turpis rhoncus.

View File

@ -1,15 +0,0 @@
---
title: "Note-2"
date: 2016-10-09T11:44:14+09:00
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget enim lobortis,"
series:
- Go Web Dev
tags:
- Go
- fast
- Blogging
categories:
- cTest
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget enim lobortis, bibendum massa et, bibendum enim. Nunc eu augue quis ante porta sodales. Mauris vel faucibus magna, dictum sagittis dolor. Nam scelerisque malesuada efficitur. Donec consequat sodales justo, ut aliquam ligula maximus nec.

View File

@ -1,13 +0,0 @@
---
title: "Note-3"
date: 2016-10-09T11:44:14+09:00
description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget enim lobortis,"
series:
- Go Web Dev
tags:
- Development
- Go
- fast
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget enim lobortis, bibendum massa et, bibendum enim. Nunc eu augue quis ante porta sodales. Mauris vel faucibus magna, dictum sagittis dolor. Nam scelerisque malesuada efficitur. Donec consequat sodales justo, ut aliquam ligula maximus nec.

View File

@ -0,0 +1,5 @@
---
title: "Talks"
date: 2019-12-30T11:14:14+09:00
description: Talks Page
---

View File

@ -0,0 +1,22 @@
---
title: "My Awesome Events"
date: 2019-12-31T00:04:50+09:00
publishDate: 2023-04-19
description: "My Awesome events"
tags:
-
series:
-
categories:
-
links:
- link: "https://gohugo.io/"
title: "Video Link Title"
type: "video"
- link: "https://github.com/gohugoio/hugo"
title: "PPT Link Title"
type: "ppt"
- link: "https://discourse.gohugo.io/"
title: "Event Link Title"
type: "event"
---

View File

@ -0,0 +1,22 @@
---
title: "My Awesome Events2"
date: 2019-12-31T00:04:50+09:00
publishDate: 2022-04-19
description: "My Awesome events2"
tags:
-
series:
-
categories:
-
links:
- link: "https://gohugo.io/"
title: "Video Link Title"
type: "video"
- link: "https://github.com/gohugoio/hugo"
title: "PPT Link Title"
type: "ppt"
- link: "https://discourse.gohugo.io/"
title: "Event Link Title"
type: "event"
---

View File

@ -0,0 +1,22 @@
---
title: "My Awesome links"
date: 2019-12-31T00:04:50+09:00
publishDate: 2022-01-11
description: "My Awesome links"
tags:
-
series:
-
categories:
-
links:
- link: "https://gohugo.io/"
title: "Video Link Title"
type: "video"
- link: "https://github.com/gohugoio/hugo"
title: "PPT Link Title"
type: "ppt"
- link: "https://discourse.gohugo.io/"
title: "Event Link Title"
type: "event"
---

View File

@ -0,0 +1,22 @@
---
title: "My Awesome links2"
date: 2019-12-31T00:04:50+09:00
publishDate: 2021-01-11
description: "My Awesome links2"
tags:
-
series:
-
categories:
-
links:
- link: "https://gohugo.io/"
title: "Video Link Title"
type: "video"
- link: "https://github.com/gohugoio/hugo"
title: "PPT Link Title"
type: "ppt"
- link: "https://discourse.gohugo.io/"
title: "Event Link Title"
type: "event"
---

View File

@ -0,0 +1,22 @@
---
title: "My Awesome Ppts"
date: 2019-12-31T00:04:50+09:00
publishDate: 2021-03-05
description: "My Awesome ppts"
tags:
-
series:
-
categories:
-
links:
- link: "https://gohugo.io/"
title: "Video Link Title"
type: "video"
- link: "https://github.com/gohugoio/hugo"
title: "PPT Link Title"
type: "ppt"
- link: "https://discourse.gohugo.io/"
title: "Event Link Title"
type: "event"
---

View File

@ -0,0 +1,22 @@
---
title: "My Awesome Talks"
date: 2019-12-31T00:04:50+09:00
publishDate: 2022-02-22
description: "My Awesome talks"
tags:
-
series:
-
categories:
-
links:
- link: "https://gohugo.io/"
title: "Video Link Title"
type: "video"
- link: "https://github.com/gohugoio/hugo"
title: "PPT Link Title"
type: "ppt"
- link: "https://discourse.gohugo.io/"
title: "Event Link Title"
type: "event"
---

View File

@ -55,7 +55,7 @@
keys: ['title', 'description', 'content'],
includeMatches: enableSearchHighlight,
shouldSort: true,
threshold: 0.8,
threshold: 0.4,
location: 0,
distance: 100,
maxPatternLength: 32,

View File

@ -21,10 +21,14 @@
<div class="navbar__menu">
{{ partial "navbar/select-theme" . }}
{{ range .Site.Menus.main -}}
{{ $current := . }}
{{ range .Site.Menus.main }}
{{ $active := or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) }}
{{ $active = or $active (eq .Name $current.Title) }}
{{ $active = or $active (eq (lower .URL) (lower $current.Title)) }}
{{ if .HasChildren }}
<div class="navbar__dropdown navbar__slide-down">
<a href="{{ .URL | relLangURL }}" class="navbar__menu-item">
<a href="{{ .URL | relLangURL }}" class="navbar__menu-item {{ if $active }}active{{ end }}">
{{ safeHTML .Name }}
<span class="navbar__menu-icon">
{{ partial "svgs/arrow/keyboard-arrow-down.svg" (dict "width" 18 "height" 18) }}
@ -37,7 +41,7 @@
</div>
</div>
{{ else }}
<a href="{{ .URL | relLangURL }}" class="navbar__menu-item navbar__slide-down">{{ safeHTML .Name }}</a>
<a href="{{ .URL | relLangURL }}" class="navbar__menu-item navbar__slide-down {{ if $active }}active{{ end }}">{{ safeHTML .Name }}</a>
{{ end }}
{{ end }}
</div>

View File

@ -11,7 +11,7 @@
<main class="main archive">
<div class="archive__container">
{{ $pages := (where .Site.RegularPages "Section" "talks") }}
{{ $paginator := .Paginate ($pages.GroupByPublishDate (.Site.Params.talksGroupByDate | default "2006")) .Site.Params.archivePaginate }}
{{ $paginator := .Paginate ($pages.GroupByPublishDate (.Site.Params.talksGroupByDate | default "2006")) .Site.Params.talksPaginate }}
{{ range ($paginator).PageGroups }}
<span class="archive__key">{{ .Key }}</span>