TrueCloudLab/dot-hugo
7
0
Fork 1
Code Issues Pull requests Releases Activity

modified readme file, theme file and installation page

Browse source
This commit is contained in:
somrat 2019-03-13 11:20:07 +06:00
parent d5cd58e809
commit 657b1c6a74
16 changed files with 319 additions and 327 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

79
README.md
View file

@ -1,12 +1,47 @@
# Dot - Hugo Documentation Theme By gethugothemes.com <div align="center">
# [Dot Hugo](https://gethugothemes.com/)
[![GitHub stars](https://img.shields.io/github/stars/themefisher/dot-hugo-documentation-theme.svg)](https://github.com/themefisher/dot-hugo-documentation-theme/stargazers)
[![GitHub issues](https://img.shields.io/github/issues/themefisher/dot-hugo-documentation-theme.svg)](https://github.com/themefisher/dot-hugo-documentation-theme/issues)
[![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/themefisher/dot-hugo-documentation-theme.svg?maxAge=2592000)]()
[![GitHub forks](https://img.shields.io/github/forks/themefisher/dot-hugo-documentation-theme.svg)](https://github.com/themefisher/dot-hugo-documentation-theme/network)
<img src="https://user-images.githubusercontent.com/37659754/54081086-cc7ce200-4328-11e9-9f7d-74d9b32fa68c.gif" alt="screenshot" width="100%">
</div>
Dot, a responsive and feature reach documentation theme ever build in hugo eco system . We have analysised a lot of documentation and knowledge base theme to come up with this design . The readability and the cleaness is also another key feature of this theme. Dot, a responsive and feature reach documentation theme ever build in hugo eco system . We have analysised a lot of documentation and knowledge base theme to come up with this design . The readability and the cleaness is also another key feature of this theme.
[Demo](http://demo.gethugothemes.com/dot/) ## Table of Contents
## Screenshots - [Demo](#demo)
- [Installation](#installation)
- [Main Features](#main-features)
- [Reporting Issues](#reporting-issues)
- [Technical Support or Questions](#technical-support-or-questions)
- [More Hugo Themes](https://themefisher.com/hugo-themes/)
## Demo
| Elements | FAQ | Inner Page | Contact |
|---|---|---|---|
| ![Elements page](https://user-images.githubusercontent.com/37659754/54081094-e1f20c00-4328-11e9-90e8-eeda5e3cb427.png) | ![FAQ page](https://user-images.githubusercontent.com/37659754/54081095-e1f20c00-4328-11e9-8009-24987d98e2d0.png) | ![Inner page]((https://user-images.githubusercontent.com/37659754/54081096-e28aa280-4328-11e9-97d2-6eb94da191ca.png) | ![Contact page](https://user-images.githubusercontent.com/37659754/54081093-e1597580-4328-11e9-981b-859b1a7e94d9.png) |
[Live Demo](http://demo.gethugothemes.com/dot/).
## Installation
Navigate to your themes folder in your Hugo site and use the following commands:
```
$ mkdir themes
$ cd themes
$ git clone git@github.com:themefisher/navigator-hugo.git
```
[Full Documentation](http://demo.gethugothemes.com/dot/installation/requirments/).
![dot-showcase](https://raw.githubusercontent.com/Gethugothemes/dot-hugo-documentation-theme/master/images/screenshot.png)
## Main features ## Main features
@ -18,36 +53,24 @@ Dot, a responsive and feature reach documentation theme ever build in hugo eco s
- Google Analytics - Google Analytics
- Color Scheme - Color Scheme
- Next/Prev buttons in single post page - Next/Prev buttons in single post page
- Contact Page , Faq Page - Contact Page , Faq Page
- Buttons, Tip/Note/Info/Warning boxes, Expand - Buttons, Tip/Note/Info/Warning boxes, Expand
- Responsive Ready - Responsive Ready
## Installation ## Reporting Issues
Navigate to your themes folder in your Hugo site and use the following commands: We use GitHub Issues as the official bug tracker for the Navigator Template. Please Search [existing issues](https://github.com/themefisher/dot-hugo-documentation-theme/issues). It’s possible someone has already reported the same problem.
If your problem or idea is not addressed yet, [open a new issue](https://github.com/themefisher/dot-hugo-documentation-theme/issues)
``` ## Technical Support or Questions
$ mkdir themes
$ cd themes
$ git clone https://github.com/Gethugothemes/dot-hugo-documentation-theme.git
``` If you have questions or need help integrating the product please [contact us](mailto:themefisher@gmail.com) instead of opening an issue.
Check that your Hugo version is minimum `0.25` with `hugo version`.
For more information read the official [Hugo Documentation](//gohugo.io/overview/installing/). ## Hire Us
We are available for Hiring of your next HUGO project. Drop Us a mail [themefisher@gmail.com](mailto:themefisher@gmail.com)
## Premium Themes
**Important:** Take a look inside the [`exampleSite`](https://github.com/Gethugothemes/dot-hugo-documentation-theme/tree/master/exampleSite) folder of this theme. You'll find a file called `config.toml`. **To use it, copy the `config.toml` in the root folder of your Hugo site.** Feel free to change it. | Biztrox | Bexer | Small Apps | Dtox |
|---|---|---|---|
Hugo includes a development server, so you can view your changes as you go : | [![Biztrox](https://user-images.githubusercontent.com/37659754/54068875-6ab26e80-427b-11e9-876e-4670bdacb975.png)](https://themefisher.com/products/biztrox-hugo-template/) | [![Bexer](https://user-images.githubusercontent.com/37659754/54068892-84ec4c80-427b-11e9-9952-5d455c259145.png)](https://themefisher.com/products/bexer-hugo-theme/) | [![Small Apps](https://user-images.githubusercontent.com/37659754/54068897-96cdef80-427b-11e9-8fd4-2a5b83cea6d0.png)](https://themefisher.com/products/small-apps-hugo-app-landing-theme/) | [![Dtox](https://user-images.githubusercontent.com/37659754/54068836-07284100-427b-11e9-8ff2-48eec3220a26.png)](https://themefisher.com/products/dtox-hugo-theme/) |
``` sh
hugo server -w
```
Now you can go to [localhost:1313](http://localhost:1313) and the `Dot`
theme should be visible.
## Customizing
It is a best practice to override a file rather than modify it. This helps you easily update Hugo and the theme without loosing your customizations. To learn more see the Hugo documentation on [customizing Hugo themes](https://gohugo.io/themes/customizing)

3
assets/css/style.css
View file

@ -288,6 +288,9 @@ pre {
z-index: 1; z-index: 1;
} }
.top-100{
top: 100px;
}
.hero-section { .hero-section {
padding-bottom: 150px; padding-bottom: 150px;

3
exampleSite/content/installation/install.en.md
View file

@ -23,6 +23,9 @@ This theme's repository is: https://github.com/matcornic/Doc-List.git
Alternatively, you can [download the theme as .zip](https://github.com/matcornic/Doc-List/archive/master.zip) file and extract it in the `themes` directory Alternatively, you can [download the theme as .zip](https://github.com/matcornic/Doc-List/archive/master.zip) file and extract it in the `themes` directory
Or you can check this video documentation for installing this template:
{{< youtube Srt3lTmRxzQ >}}
### Basic configuration ### Basic configuration
When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default. When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default.

3
exampleSite/content/installation/install.fr.md
View file

@ -23,6 +23,9 @@ This theme's repository is: https://github.com/matcornic/Doc-List.git
Alternatively, you can [download the theme as .zip](https://github.com/matcornic/Doc-List/archive/master.zip) file and extract it in the `themes` directory Alternatively, you can [download the theme as .zip](https://github.com/matcornic/Doc-List/archive/master.zip) file and extract it in the `themes` directory
Or you can check this video documentation for installing this template:
{{< youtube Srt3lTmRxzQ >}}
### Basic configuration ### Basic configuration
When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default. When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default.

25
layouts/_default/baseof.html
View file

@ -1,11 +1,30 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<body> <body>
{{- partial "navigation.html" . -}} {{ if .IsHome }}
{{ "<!-- header -->" | safeHTML }}
<header class="hero-section overlay bg-cover banner" data-background="{{ .Site.Params.banner.image | absURL }}">
<div class="container mb-100">
{{ "<!-- navigation -->" | safeHTML }}
{{ partial "navigation.html" . }}
{{ "<!-- /navigation -->" | safeHTML }}
</div>
{{ partial "banner.html" . }}
</header>
{{ "<!-- /header -->" | safeHTML }}
{{ else }}
{{ "<!-- navigation -->" | safeHTML }}
<header class="shadow-bottom sticky-top bg-white">
<div class="container">
{{ partial "navigation.html" . }}
</div>
</header>
{{ "<!-- /navigation -->" | safeHTML }}
{{ end }}
<div id="content"> <div id="content">
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}
</div> </div>
{{- partial "footer.html" . -}} {{- partial "footer.html" . -}}
</body> </body>
</html> </html>

159
layouts/_default/list.html
View file

@ -1,93 +1,82 @@
{{ partial "head.html" . }} {{ define "main" }}
{{ "<!-- page title -->" | safeHTML }}
{{ "<!-- navigation -->" | safeHTML }} <section class="section bg-dark">
<header class="shadow-bottom position-relative"> <div class="container">
<div class="container"> <div class="row">
{{ partial "navigation.html" . }} <div class="col-lg-8 mx-auto text-center">
</div> {{ with .Site.Params.banner.title }} <h1 class="text-white mb-4">{{ . }}</h1> {{ end }}
</header> {{ with .Site.Params.banner.placeholder }} <input id="search" class="form-control" placeholder="{{ . }}"> {{ end }}
{{ "<!-- /navigation -->" | safeHTML }} {{ "<!-- Javascript -->" | safeHTML }}
<script>
$(function() {
<!-- page title --> var projects = [
<section class="section bg-dark">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
{{ with .Site.Params.banner.title }} <h1 class="text-white mb-4">{{ . }}</h1> {{ end }}
{{ with .Site.Params.banner.placeholder }} <input id="search" class="form-control" placeholder="{{ . }}"> {{ end }}
<!-- Javascript -->
<script>
$(function() {
var projects = [
{{ range .Data.Pages }}
{
value: "{{ .Title }}",
label: "{{ .Title }}",
url:"{{ .Permalink }}"
},
{{ end }}
];
$( "#search" ).autocomplete({
minLength: 0,
source: projects,
focus: function( event, ui ) {
$( "#search" ).val( ui.item.label );
return false;
},
select: function( event, ui ) {
$( "#search" ).val( ui.item.label );
$( "#project-id" ).val( ui.item.value );
return false;
}
})
.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
return $( "<li>" )
.append( "<a href=" + item.url + " + \" &quot;\" + >" + item.label + "</a>" )
.appendTo( ul );
};
});
</script>
</div>
</div>
</div>
</section>
<!-- /page title -->
<!-- details page -->
<section class="single section bg-gray pb-0">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="mb-5 bg-white p-4 sticky-top">
<a href="{{ .Permalink }}">
<h4 class="mb-4">{{ .Title }}</h4>
</a>
<ul class="list-styled">
{{ range .Data.Pages }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
</ul>
</div>
</div>
<div class="col-lg-9">
<div class="p-5 bg-white">
<h2>{{ .Title }}</h2>
<div class="bg-gray p-4">
<h3 class="mt-0">Article</h3>
<ul class="list-unstyled">
{{ range .Data.Pages }} {{ range .Data.Pages }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li> {
value: "{{ .Title }}",
label: "{{ .Title }}",
url:"{{ .Permalink }}"
},
{{ end }} {{ end }}
</ul> ];
</div> $( "#search" ).autocomplete({
minLength: 0,
source: projects,
focus: function( event, ui ) {
$( "#search" ).val( ui.item.label );
return false;
},
select: function( event, ui ) {
$( "#search" ).val( ui.item.label );
$( "#project-id" ).val( ui.item.value );
return false;
}
})
.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
return $( "<li>" )
.append( "<a href=" + item.url + " + \" &quot;\" + >" + item.label + "</a>" )
.appendTo( ul );
};
});
</script>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section> {{ "<!-- /page title -->" | safeHTML }}
<!-- /details page -->
{{ "<!-- details page -->" | safeHTML }}
<section class="single section bg-gray pb-0">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="mb-5 bg-white p-4 sticky-top">
<a href="{{ .Permalink }}">
<h4 class="mb-4">{{ .Title }}</h4>
</a>
<ul class="list-styled">
{{ range .Data.Pages }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
</ul>
</div>
</div>
<div class="col-lg-9">
<div class="p-5 bg-white">
<h2>{{ .Title }}</h2>
<div class="bg-gray p-4">
<h3 class="mt-0">Article</h3>
<ul class="list-unstyled">
{{ range .Data.Pages }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
{{ "<!-- /details page -->" | safeHTML }}
{{ partial "footer.html" . }} {{ end }}

7
layouts/_default/single.html
View file

@ -1,20 +1,19 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
{{ "<!-- navigation -->" | safeHTML }} {{ "<!-- navigation -->" | safeHTML }}
<header class="shadow-bottom position-relative"> <header class="shadow-bottom sticky-top bg-white">
<div class="container"> <div class="container">
{{ partial "navigation.html" . }} {{ partial "navigation.html" . }}
</div> </div>
</header> </header>
{{ "<!-- /navigation -->" | safeHTML }} {{ "<!-- /navigation -->" | safeHTML }}
<!-- details page --> <!-- details page -->
<section class="single pt-5 bg-gray"> <section class="single pt-5 bg-gray">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
<div class="p-4 bg-white sticky-top"> <div class="p-4 bg-white sticky-top top-100">
{{$currentNode := .}} {{$currentNode := .}}
<nav class="sidebar-menu"> <nav class="sidebar-menu">
<ul class="list-styled"> <ul class="list-styled">
@ -23,7 +22,7 @@
{{- end -}} {{- end -}}
</ul> </ul>
</nav> </nav>
{{define "menu"}} {{define "menu"}}
{{- $currentNode := .currentnode -}} {{- $currentNode := .currentnode -}}
{{ with .sect }} {{ with .sect }}

12
layouts/contact/list.html
View file

@ -1,12 +1,4 @@
{{ partial "head.html" . }} {{ define "main" }}
{{ "<!-- navigation -->" | safeHTML }}
<header class="shadow-bottom position-relative">
<div class="container">
{{ partial "navigation.html" . }}
</div>
</header>
{{ "<!-- /navigation -->" | safeHTML }}
{{ "<!-- contact -->" | safeHTML }} {{ "<!-- contact -->" | safeHTML }}
<section class="section"> <section class="section">
@ -28,4 +20,4 @@
</section> </section>
{{ "<!-- /contact -->" | safeHTML }} {{ "<!-- /contact -->" | safeHTML }}
{{ partial "footer.html" . }} {{ end }}

26
layouts/elements/list.html
View file

@ -1,21 +1,13 @@
{{ partial "head.html" . }} {{ define "main" }}
{{ "<!-- navigation -->" | safeHTML }} <section class="elements pt-5 bg-gray">
<header class="shadow-bottom position-relative"> <div class="container">
<div class="container"> <div class="row">
{{ partial "navigation.html" . }} <div class="col-12">
</div> {{ .Content }}
</header> </div>
{{ "<!-- /navigation -->" | safeHTML }}
<section class="elements pt-5 bg-gray">
<div class="container">
<div class="row">
<div class="col-12">
{{ .Content }}
</div> </div>
</div> </div>
</div> </section>
</section>
{{ partial "footer.html" . }} {{ end }}

59
layouts/faq/list.html
View file

@ -1,41 +1,32 @@
{{ partial "head.html" . }} {{ define "main" }}
{{ "<!-- navigation -->" | safeHTML }} {{ $data := index .Site.Data .Site.Language.Lang }}
<header class="shadow-bottom position-relative"> {{ "<!-- faq -->" | safeHTML }}
<div class="container"> <section class="section">
{{ partial "navigation.html" . }} <div class="container">
</div> <div class="row">
</header> <div class="col-12">
{{ "<!-- /navigation -->" | safeHTML }} <h2 class="section-title text-primary">{{ .Params.Title }}</h2>
{{ "<!-- accordion -->" | safeHTML }}
{{ $data := index .Site.Data .Site.Language.Lang }} <div id="accordion">
{{ range $data.faq.faqItem }}
{{ "<!-- faq -->" | safeHTML }} {{ "<!-- accordion item -->" | safeHTML }}
<section class="section"> <div class="card mb-4 rounded-0 shadow border-0">
<div class="container"> <div class="card-header rounded-0 bg-white border p-0 border-0">
<div class="row"> <a class="card-link h4 d-flex tex-dark mb-0 py-3 px-4 justify-content-between" data-toggle="collapse" href="#{{ .ID }}">
<div class="col-12"> <span>{{ .title }}</span> <i class="ti-plus text-primary text-right"></i>
<h2 class="section-title text-primary">{{ .Params.Title }}</h2> </a>
{{ "<!-- accordion -->" | safeHTML }} </div>
<div id="accordion"> <div id="{{ .ID }}" class="collapse" data-parent="#accordion">
{{ range $data.faq.faqItem }} <div class="card-body font-secondary text-color">{{ .content }}</div>
{{ "<!-- accordion item -->" | safeHTML }} </div>
<div class="card mb-4 rounded-0 shadow border-0">
<div class="card-header rounded-0 bg-white border p-0 border-0">
<a class="card-link h4 d-flex tex-dark mb-0 py-3 px-4 justify-content-between" data-toggle="collapse" href="#{{ .ID }}">
<span>{{ .title }}</span> <i class="ti-plus text-primary text-right"></i>
</a>
</div>
<div id="{{ .ID }}" class="collapse" data-parent="#accordion">
<div class="card-body font-secondary text-color">{{ .content }}</div>
</div> </div>
{{ end }}
</div> </div>
{{ end }}
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section> {{ "<!-- /faq -->" | safeHTML }}
{{ "<!-- /faq -->" | safeHTML }}
{{ partial "footer.html" . }} {{ end }}

131
layouts/index.html
View file

@ -1,98 +1,43 @@
{{ partial "head.html" . }} {{ define "main" }}
{{ "<!-- header -->" | safeHTML }} {{ "<!-- topics -->" | safeHTML }}
<header class="hero-section overlay bg-cover banner" data-background="{{ .Site.Params.banner.image | absURL }}"> <section class="section bg-gray">
<div class="container mb-100"> <div class="container">
{{ "<!-- navigation -->" | safeHTML }} <div class="row justify-content-center">
{{ partial "navigation.html" . }} <div class="col-12 text-center">
{{ "<!-- /navigation -->" | safeHTML }} {{with .Site.Params.topics.title}} <h2 class="section-title">{{ . }}</h2> {{ end }}
</div> </div>
{{ "<!-- banner -->" | safeHTML }} {{ "<!-- topic-item -->" | safeHTML }}
<div class="container"> {{ range (where .Site.Pages "Type" "pages") }}
<div class="row"> <div class="col-lg-4 col-sm-6 mb-4">
<div class="col-lg-8 text-center mx-auto"> <a href="{{ .Permalink }}" class="px-4 py-5 bg-white shadow text-center d-block">
{{ with .Site.Params.banner.title }} <h1 class="text-white mb-3">{{ . }}</h1> {{ end }} <i class="{{ .Params.Icon }} icon text-dark d-block mb-4"></i>
{{ with .Site.Params.banner.description }} <p class="text-white mb-4">{{ . }}</p> {{ end }} <h3 class="mb-3">{{ .Title }}</h3>
<div class="position-relative"> <p class="mb-0">{{ .Params.Description }}</p>
{{ with .Site.Params.banner.placeholder }} <input id="search" class="form-control" placeholder="{{ . }}"> {{ end }} </a>
<!-- Javascript --> </div>
<script> {{ end }}
$(function() { </div>
var projects = [ </div>
{{ range .Data.Pages }} </section>
{ {{ "<!-- /topics -->" | safeHTML }}
value: "{{ .Title }}",
label: "{{ .Title }}", {{ if .Site.Params.cta.enable }}
url:"{{ .Permalink }}" {{ "<!-- call to action -->" | safeHTML }}
}, <section class="bg-gray">
{{ end }} <div class="container">
]; <div class="row">
$( "#search" ).autocomplete({ <div class="col-12">
minLength: 0, <div class="section bg-white shadow text-center">
source: projects, {{ with .Site.Params.cta.title }} <h2 class="mb-4">{{ . }}</h2> {{ end }}
focus: function( event, ui ) { {{ with .Site.Params.cta.description }} <p class="mb-4">{{ . }}</p> {{ end }}
$( "#search" ).val( ui.item.label ); <a href="{{ with .Site.Params.cta.btnURL}}{{ . | absURL }}{{ end }}" class="btn btn-primary">{{ with .Site.Params.cta.btnText}}{{ . }}{{ end }}</a>
return false; </div>
},
select: function( event, ui ) {
$( "#search" ).val( ui.item.label );
$( "#project-id" ).val( ui.item.value );
return false;
}
})
.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
return $( "<li>" )
.append( "<a href=" + item.url + " + \" &quot;\" + >" + item.label + "</a>" )
.appendTo( ul );
};
});
</script>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
{{ "<!-- /banner -->" | safeHTML }} {{ "<!-- /call to action -->" | safeHTML }}
</header> {{ end }}
{{ "<!-- /header -->" | safeHTML }}
{{ "<!-- topics -->" | safeHTML }} {{ end }}
<section class="section bg-gray">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
{{with .Site.Params.topics.title}} <h2 class="section-title">{{ . }}</h2> {{ end }}
</div>
{{ "<!-- topic-item -->" | safeHTML }}
{{ range (where .Site.Pages "Type" "pages") }}
<div class="col-lg-4 col-sm-6 mb-4">
<a href="{{ .Permalink }}" class="px-4 py-5 bg-white shadow text-center d-block">
<i class="{{ .Params.Icon }} icon text-dark d-block mb-4"></i>
<h3 class="mb-3">{{ .Title }}</h3>
<p class="mb-0">{{ .Params.Description }}</p>
</a>
</div>
{{ end }}
</div>
</div>
</section>
{{ "<!-- /topics -->" | safeHTML }}
{{ if .Site.Params.cta.enable }}
{{ "<!-- call to action -->" | safeHTML }}
<section class="bg-gray">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section bg-white shadow text-center">
{{ with .Site.Params.cta.title }} <h2 class="mb-4">{{ . }}</h2> {{ end }}
{{ with .Site.Params.cta.description }} <p class="mb-4">{{ . }}</p> {{ end }}
<a href="{{ with .Site.Params.cta.btnURL}}{{ . | absURL }}{{ end }}" class="btn btn-primary">{{ with .Site.Params.cta.btnText}}{{ . }}{{ end }}</a>
</div>
</div>
</div>
</div>
</section>
{{ "<!-- /call to action -->" | safeHTML }}
{{ end }}
{{ partial "footer.html" . }}

45
layouts/partials/banner.html Normal file
View file

@ -0,0 +1,45 @@
{{ "<!-- banner -->" | safeHTML }}
<div class="container">
<div class="row">
<div class="col-lg-8 text-center mx-auto">
{{ with .Site.Params.banner.title }} <h1 class="text-white mb-3">{{ . }}</h1> {{ end }}
{{ with .Site.Params.banner.description }} <p class="text-white mb-4">{{ . }}</p> {{ end }}
<div class="position-relative">
{{ with .Site.Params.banner.placeholder }} <input id="search" class="form-control" placeholder="{{ . }}"> {{ end }}
<!-- Javascript -->
<script>
$(function() {
var projects = [
{{ range .Data.Pages }}
{
value: "{{ .Title }}",
label: "{{ .Title }}",
url:"{{ .Permalink }}"
},
{{ end }}
];
$( "#search" ).autocomplete({
minLength: 0,
source: projects,
focus: function( event, ui ) {
$( "#search" ).val( ui.item.label );
return false;
},
select: function( event, ui ) {
$( "#search" ).val( ui.item.label );
$( "#project-id" ).val( ui.item.value );
return false;
}
})
.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
return $( "<li>" )
.append( "<a href=" + item.url + " + \" &quot;\" + >" + item.label + "</a>" )
.appendTo( ul );
};
});
</script>
</div>
</div>
</div>
</div>
{{ "<!-- /banner -->" | safeHTML }}

7
layouts/partials/footer.html
View file

@ -25,9 +25,4 @@
{{ "<!-- Main Script -->" | safeHTML }} {{ "<!-- Main Script -->" | safeHTML }}
{{ $script := resources.Get "js/script.js" | minify}} {{ $script := resources.Get "js/script.js" | minify}}
<script src="{{ $script.Permalink }}"></script> <script src="{{ $script.Permalink }}"></script>
</body>
</html>

9
layouts/partials/head.html
View file

@ -1,6 +1,3 @@
<!DOCTYPE html>
<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>{{ .Title }}</title> <title>{{ .Title }}</title>
@ -21,7 +18,6 @@
{{ "<!-- fonts -->" | safeHTML }} {{ "<!-- fonts -->" | safeHTML }}
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<style> <style>
:root{ :root{
--primary-color:{{ .Site.Params.primaryColor }}; --primary-color:{{ .Site.Params.primaryColor }};
@ -32,7 +28,6 @@
} }
</style> </style>
{{ "<!-- Main Stylesheet -->" | safeHTML }} {{ "<!-- Main Stylesheet -->" | safeHTML }}
{{ $styles := resources.Get "css/style.css" | minify}} {{ $styles := resources.Get "css/style.css" | minify}}
<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen"> <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
@ -46,6 +41,4 @@
{{ "<!--Favicon-->" | safeHTML }} {{ "<!--Favicon-->" | safeHTML }}
<link rel="icon" href="{{ .Site.BaseURL }}images/favicon.png" type="image/x-icon"> <link rel="icon" href="{{ .Site.BaseURL }}images/favicon.png" type="image/x-icon">
</head> </head>
<body>

76
layouts/partials/navigation.html
View file

@ -1,40 +1,40 @@
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="{{ .Site.BaseURL }}">{{ .Site.Params.logo }}</a> <a class="navbar-brand" href="{{ .Site.BaseURL }}">{{ .Site.Params.logo }}</a>
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation" <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation"
aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse text-center" id="navigation"> <div class="collapse navbar-collapse text-center" id="navigation">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Params.home }}</a> <a class="nav-link text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Params.home }}</a>
</li> </li>
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
{{ if .HasChildren }} {{ if .HasChildren }}
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-dark" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" <a class="nav-link dropdown-toggle text-dark" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false"> aria-expanded="false">
{{ .Name }} {{ .Name }}
</a> </a>
<div class="dropdown-menu" > <div class="dropdown-menu" >
{{ range .Children }} {{ range .Children }}
<a class="dropdown-item" href="{{ .URL }}">{{ .Name }}</a> <a class="dropdown-item" href="{{ .URL }}">{{ .Name }}</a>
{{ end }} {{ end }}
</div> </div>
</li> </li>
{{ else }} {{ else }}
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-dark" href="{{ .URL }}">{{ .Name }}</a> <a class="nav-link text-dark" href="{{ .URL }}">{{ .Name }}</a>
</li> </li>
{{ end }} {{ end }}
{{ end }} {{ end }}
</ul> </ul>
<!-- Language List --> <!-- Language List -->
<ul class="list-inline text-center mb-0"> <ul class="list-inline text-center mb-0">
{{ range $.Site.Home.AllTranslations }} {{ range $.Site.Home.AllTranslations }}
<li class="list-inline-item"><a class="text-dark" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li> <li class="list-inline-item"><a class="text-dark" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
{{ end }} {{ end }}
</ul> </ul>
</div> </div>
</nav> </nav>

2
theme.toml
View file

@ -5,7 +5,7 @@ name = "Dot"
license = "Creative Commons — Attribution 3.0 Unported — CC BY 3.0" license = "Creative Commons — Attribution 3.0 Unported — CC BY 3.0"
licenselink = "https://creativecommons.org/licenses/by/3.0/" licenselink = "https://creativecommons.org/licenses/by/3.0/"
description = "Dot, A documentation theme powered by hugo" description = "Dot, A documentation theme powered by hugo"
homepage = "https://themefisher.com/hugo-themes" homepage = "https://gethugothemes.com/"
tags = ["documentation", "bootstrap", "blog", "contact","responsive", "gethugothemes", "Syntax highlighting " , "Multilingual" , "Single page", "Themefisher"] tags = ["documentation", "bootstrap", "blog", "contact","responsive", "gethugothemes", "Syntax highlighting " , "Multilingual" , "Single page", "Themefisher"]
features = [] features = []
min_version = "0.54" min_version = "0.54"