search ui little a bit changed

This commit is contained in:
zzossig 2019-11-25 22:53:34 +09:00
parent 6f712a73d0
commit be7dc0192d
24 changed files with 26 additions and 466 deletions

View File

@ -18,7 +18,6 @@ Thank you for click me!. Zzo theme is a blog theme powered by Hugo with free(alw
* [Marmaid, Katex, MathJax, Flowchart.js](#external-library)
* [Shortcodes](#shortcodes)
## Features
* Multiple Skins(dark, light, solarized, hacker)
@ -36,19 +35,6 @@ Thank you for click me!. Zzo theme is a blog theme powered by Hugo with free(alw
* Search with Lunr
* Gallery with Masonry, Photoswipe
* Prism.js for highlight code
* Lazy image load with lazysizes
## Reference
I have referenced:
* [engimo](https://github.com/achary/engimo)
* [even theme](https://github.com/olOwOlo/hugo-theme-even)
* [zen theme](https://github.com/frjo/hugo-theme-zen)
* [docdock theme](https://github.com/vjeantet/hugo-theme-docdock)
* [learn theme](https://github.com/matcornic/hugo-theme-learn/)
* [academic theme](https://sourcethemes.com/academic/)
* [overreacted.io](https://github.com/gaearon/overreacted.io)
## Minimum Hugo version

View File

@ -41,6 +41,8 @@
&-content {
margin-top: 0.25rem;
max-height: 350px;
overflow: auto;
a {
text-decoration: none !important;
}
@ -50,11 +52,9 @@
.menu-item {
padding: 0.25rem;
&__title {
font-size: 1rem;
// @include themify($themes) {
// color: themed('search-color');
// }
@include themify($themes) {
color: themed('body-color');
}
@ -65,6 +65,7 @@
@include truncate($grid_main_side_width + $grid_main_side_unit);
@include themify($themes) {
color: themed('search-color');
opacity: 0.78;
}
}
}

View File

@ -1,60 +0,0 @@
{{- partial "functions/parse_theme" . -}}
{{- partial "functions/parse_fonts" . -}}
{{- partial "functions/parse_grid" . -}}
{{- $scr := .Scratch -}}
$grid_max_width: {{ $scr.Get "grid_max_width" }};
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
$summary_title_font: {{ $scr.Get "summary_title" }};
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
$summary_text_font: {{ $scr.Get "summary_text" }};
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
$header_title_font: {{ $scr.Get "header_title" }};
$navbar_item_font: {{ $scr.Get "navbar_item" }};
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
$page_not_found_font: {{ $scr.Get "page_not_found" }};
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
$list_title_font: {{ $scr.Get "list_title" }};
$list_desc_font: {{ $scr.Get "list_desc" }};
$single_title_font: {{ $scr.Get "single_title" }};
$single_contents_font: {{ $scr.Get "single_contents" }};
$primary_color: {{ $scr.Get "primary_color" }};
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/functions';
@import 'abstracts/flexbox';
@import 'base/reset';
@import 'base/fonts';
@import 'base/helpers';
@import 'base/typography';
@import 'base/animation';
@import 'layout/navigation';
@import 'layout/grid';
@import 'layout/header';
@import 'layout/footer';
@import 'components/search';
@import 'components/notice';
@import 'components/expand';
@import 'components/alert';
@import 'components/gtt';
@import 'pages/body';
@import 'pages/about';
@import 'pages/terms';
@import 'pages/single';

View File

@ -1,57 +0,0 @@
{{- partial "functions/parse_theme" . -}}
{{- partial "functions/parse_fonts" . -}}
{{- partial "functions/parse_grid" . -}}
{{- $scr := .Scratch -}}
$grid_max_width: {{ $scr.Get "grid_max_width" }};
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
$summary_title_font: {{ $scr.Get "summary_title" }};
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
$summary_text_font: {{ $scr.Get "summary_text" }};
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
$header_title_font: {{ $scr.Get "header_title" }};
$navbar_item_font: {{ $scr.Get "navbar_item" }};
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
$page_not_found_font: {{ $scr.Get "page_not_found" }};
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
$list_title_font: {{ $scr.Get "list_title" }};
$list_desc_font: {{ $scr.Get "list_desc" }};
$single_title_font: {{ $scr.Get "single_title" }};
$single_contents_font: {{ $scr.Get "single_contents" }};
$primary_color: {{ $scr.Get "primary_color" }};
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/functions';
@import 'abstracts/flexbox';
@import 'base/reset';
@import 'base/fonts';
@import 'base/helpers';
@import 'base/typography';
@import 'base/animation';
@import 'layout/navigation';
@import 'layout/grid';
@import 'layout/header';
@import 'layout/footer';
@import 'components/pagination';
@import 'components/search';
@import 'components/gtt';
@import 'pages/body';
@import 'pages/archive';
@import 'pages/terms';

View File

@ -1,60 +0,0 @@
{{- partial "functions/parse_theme" . -}}
{{- partial "functions/parse_fonts" . -}}
{{- partial "functions/parse_grid" . -}}
{{- $scr := .Scratch -}}
$grid_max_width: {{ $scr.Get "grid_max_width" }};
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
$summary_title_font: {{ $scr.Get "summary_title" }};
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
$summary_text_font: {{ $scr.Get "summary_text" }};
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
$header_title_font: {{ $scr.Get "header_title" }};
$navbar_item_font: {{ $scr.Get "navbar_item" }};
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
$page_not_found_font: {{ $scr.Get "page_not_found" }};
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
$list_title_font: {{ $scr.Get "list_title" }};
$list_desc_font: {{ $scr.Get "list_desc" }};
$single_title_font: {{ $scr.Get "single_title" }};
$single_contents_font: {{ $scr.Get "single_contents" }};
$primary_color: {{ $scr.Get "primary_color" }};
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/functions';
@import 'abstracts/flexbox';
@import 'base/reset';
@import 'base/fonts';
@import 'base/helpers';
@import 'base/typography';
@import 'base/animation';
@import 'layout/navigation';
@import 'layout/grid';
@import 'layout/header';
@import 'layout/footer';
@import 'layout/sidebar';
@import 'components/pagination';
@import 'components/search';
@import 'components/related';
@import 'components/gtt';
@import 'components/photoswipe';
@import 'pages/body';
@import 'pages/gallery';
@import 'pages/terms';

View File

@ -1,63 +0,0 @@
{{- partial "functions/parse_theme" . -}}
{{- partial "functions/parse_fonts" . -}}
{{- partial "functions/parse_grid" . -}}
{{- $scr := .Scratch -}}
$grid_max_width: {{ $scr.Get "grid_max_width" }};
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
$summary_title_font: {{ $scr.Get "summary_title" }};
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
$summary_text_font: {{ $scr.Get "summary_text" }};
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
$header_title_font: {{ $scr.Get "header_title" }};
$navbar_item_font: {{ $scr.Get "navbar_item" }};
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
$page_not_found_font: {{ $scr.Get "page_not_found" }};
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
$list_title_font: {{ $scr.Get "list_title" }};
$list_desc_font: {{ $scr.Get "list_desc" }};
$single_title_font: {{ $scr.Get "single_title" }};
$single_contents_font: {{ $scr.Get "single_contents" }};
$primary_color: {{ $scr.Get "primary_color" }};
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/functions';
@import 'abstracts/flexbox';
@import 'base/reset';
@import 'base/fonts';
@import 'base/helpers';
@import 'base/typography';
@import 'base/animation';
@import 'layout/navigation';
@import 'layout/grid';
@import 'layout/header';
@import 'layout/footer';
@import 'layout/sidebar';
@import 'components/summary';
@import 'components/taxo';
@import 'components/pagination';
@import 'components/search';
@import 'components/gtt';
@import 'components/swiper';
@import 'components/bio';
@import 'components/features';
@import 'components/hr';
@import 'pages/body';
@import 'pages/404';

View File

@ -1,60 +0,0 @@
{{- partial "functions/parse_theme" . -}}
{{- partial "functions/parse_fonts" . -}}
{{- partial "functions/parse_grid" . -}}
{{- $scr := .Scratch -}}
$grid_max_width: {{ $scr.Get "grid_max_width" }};
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
$summary_title_font: {{ $scr.Get "summary_title" }};
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
$summary_text_font: {{ $scr.Get "summary_text" }};
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
$header_title_font: {{ $scr.Get "header_title" }};
$navbar_item_font: {{ $scr.Get "navbar_item" }};
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
$page_not_found_font: {{ $scr.Get "page_not_found" }};
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
$list_title_font: {{ $scr.Get "list_title" }};
$list_desc_font: {{ $scr.Get "list_desc" }};
$single_title_font: {{ $scr.Get "single_title" }};
$single_contents_font: {{ $scr.Get "single_contents" }};
$primary_color: {{ $scr.Get "primary_color" }};
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/functions';
@import 'abstracts/flexbox';
@import 'base/reset';
@import 'base/fonts';
@import 'base/helpers';
@import 'base/typography';
@import 'base/animation';
@import 'layout/navigation';
@import 'layout/grid';
@import 'layout/footer';
@import 'layout/sidebar';
@import 'components/summary';
@import 'components/taxo';
@import 'components/pagination';
@import 'components/search';
@import 'components/breadcrumb';
@import 'components/gtt';
@import 'components/hr';
@import 'pages/body';
@import 'pages/list';

View File

@ -1,72 +0,0 @@
{{- partial "functions/parse_theme" . -}}
{{- partial "functions/parse_fonts" . -}}
{{- partial "functions/parse_grid" . -}}
{{- $scr := .Scratch -}}
$grid_max_width: {{ $scr.Get "grid_max_width" }};
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
$summary_title_font: {{ $scr.Get "summary_title" }};
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
$summary_text_font: {{ $scr.Get "summary_text" }};
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
$header_title_font: {{ $scr.Get "header_title" }};
$navbar_item_font: {{ $scr.Get "navbar_item" }};
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
$page_not_found_font: {{ $scr.Get "page_not_found" }};
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
$list_title_font: {{ $scr.Get "list_title" }};
$list_desc_font: {{ $scr.Get "list_desc" }};
$single_title_font: {{ $scr.Get "single_title" }};
$single_contents_font: {{ $scr.Get "single_contents" }};
$primary_color: {{ $scr.Get "primary_color" }};
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/functions';
@import 'abstracts/flexbox';
@import 'base/reset';
@import 'base/fonts';
@import 'base/helpers';
@import 'base/typography';
@import 'base/animation';
@import 'layout/navigation';
@import 'layout/grid';
@import 'layout/header';
@import 'layout/footer';
@import 'layout/sidebar';
@import 'components/toc';
@import 'components/pagination';
@import 'components/search';
@import 'components/breadcrumb';
@import 'components/related';
@import 'components/notice';
@import 'components/expand';
@import 'components/alert';
@import 'components/tooltip';
@import 'components/gtt';
@import 'components/whoami';
@import 'components/switch';
@import 'components/diagram';
@import 'components/math';
@import 'components/hr';
@import 'components/photoswipe';
@import 'pages/body';
@import 'pages/single';
@import 'prism/prism';

View File

@ -1,57 +0,0 @@
{{- partial "functions/parse_theme" . -}}
{{- partial "functions/parse_fonts" . -}}
{{- partial "functions/parse_grid" . -}}
{{- $scr := .Scratch -}}
$grid_max_width: {{ $scr.Get "grid_max_width" }};
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
$summary_title_font: {{ $scr.Get "summary_title" }};
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
$summary_text_font: {{ $scr.Get "summary_text" }};
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
$header_title_font: {{ $scr.Get "header_title" }};
$navbar_item_font: {{ $scr.Get "navbar_item" }};
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
$page_not_found_font: {{ $scr.Get "page_not_found" }};
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
$list_title_font: {{ $scr.Get "list_title" }};
$list_desc_font: {{ $scr.Get "list_desc" }};
$single_title_font: {{ $scr.Get "single_title" }};
$single_contents_font: {{ $scr.Get "single_contents" }};
$primary_color: {{ $scr.Get "primary_color" }};
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/functions';
@import 'abstracts/flexbox';
@import 'base/reset';
@import 'base/fonts';
@import 'base/helpers';
@import 'base/typography';
@import 'base/animation';
@import 'layout/navigation';
@import 'layout/grid';
@import 'layout/header';
@import 'layout/footer';
@import 'layout/sidebar';
@import 'components/taxo';
@import 'components/search';
@import 'components/gtt';
@import 'pages/body';
@import 'pages/terms';

View File

@ -60,7 +60,7 @@
color: themed('archive-key-color');
background-color: themed('archive-key-background-color');
}
@include animation('slide-in-down .4s .1s 1 ease both');
@include animation('slide-in-down .4s .2s 1 ease both');
&:not(:first-child) {
margin: 4rem 0 1rem 0;
@ -77,7 +77,7 @@
@include flexbox();
@include align-items(center);
@include animation('slide-in-left .2s .4s 1 ease both');
@include animation('slide-in-left .2s .5s 1 ease both');
}
&__type {

View File

@ -10,7 +10,7 @@
line-height: 3rem;
overflow-wrap: break-word;
@include animation('slide-in-down .5s .2s 1 ease both');
@include animation('slide-in-down .3s .1s 1 ease both');
@include themify($themes) {
color: themed("single-header-title-color");
}
@ -20,7 +20,7 @@
font-size: 0.8rem;
@include flexbox();
@include align-items(center);
@include animation('slide-in-down .5s .4s 1 ease both');
@include animation('slide-in-down .3s .4s 1 ease both');
@include respond-to(sm) {
@include flexbox();
@ -33,7 +33,7 @@
}
&__contents {
@include animation('slide-in-down-3 .6s .6s 1 ease both');
@include animation('slide-in-down-3 .3s .7s 1 ease both');
&--gallery {
overflow: hidden;
@include animation('slide-in-down-3 .6s .0s 1 ease both');

View File

@ -0,0 +1 @@
{"Target":"css/custom.min.css","MediaType":"text/css","Data":{}}

View File

@ -80,7 +80,7 @@
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.setAttribute('class', 'dropdown-item');
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {
@ -108,7 +108,7 @@
results.forEach(function (result) {
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {

View File

@ -80,7 +80,7 @@
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.setAttribute('class', 'dropdown-item');
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {
@ -108,7 +108,7 @@
results.forEach(function (result) {
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {

View File

@ -217,7 +217,7 @@
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.setAttribute('class', 'dropdown-item');
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {
@ -245,7 +245,7 @@
results.forEach(function (result) {
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {

View File

@ -82,7 +82,7 @@
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.setAttribute('class', 'dropdown-item');
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {
@ -110,7 +110,7 @@
results.forEach(function (result) {
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {

View File

@ -82,7 +82,7 @@
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.setAttribute('class', 'dropdown-item');
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {
@ -110,7 +110,7 @@
results.forEach(function (result) {
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {

View File

@ -158,7 +158,7 @@
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.setAttribute('class', 'dropdown-item');
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {
@ -186,7 +186,7 @@
results.forEach(function (result) {
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {

View File

@ -80,7 +80,7 @@
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.setAttribute('class', 'dropdown-item');
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {
@ -108,7 +108,7 @@
results.forEach(function (result) {
var item = document.createElement('a');
item.setAttribute('href', result.uri);
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
content.appendChild(item);
});
} else {

Binary file not shown.

After

Width:  |  Height:  |  Size: 547 B

View File

@ -0,0 +1 @@
<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 866 B