modified readme file, theme file and installation page

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

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.
[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
@ -18,36 +53,24 @@ Dot, a responsive and feature reach documentation theme ever build in hugo eco s
- Google Analytics
- Color Scheme
- Next/Prev buttons in single post page
- Contact Page , Faq Page
- Contact Page , Faq Page
- Buttons, Tip/Note/Info/Warning boxes, Expand
- 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). Its 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)
```
$ mkdir themes
$ cd themes
$ git clone https://github.com/Gethugothemes/dot-hugo-documentation-theme.git
## Technical Support or Questions
```
Check that your Hugo version is minimum `0.25` with `hugo version`.
If you have questions or need help integrating the product please [contact us](mailto:themefisher@gmail.com) instead of opening an issue.
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.
Hugo includes a development server, so you can view your changes as you go :
``` 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)
| Biztrox | Bexer | Small Apps | Dtox |
|---|---|---|---|
| [![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/) |

View file

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

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
Or you can check this video documentation for installing this template:
{{< youtube Srt3lTmRxzQ >}}
### 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.

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
Or you can check this video documentation for installing this template:
{{< youtube Srt3lTmRxzQ >}}
### 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.

View file

@ -1,11 +1,30 @@
<!DOCTYPE html>
<html>
<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
{{- partial "head.html" . -}}
<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">
{{- block "main" . }}{{- end }}
</div>
{{- partial "footer.html" . -}}
</body>
</html>
</html>

View file

@ -1,93 +1,82 @@
{{ partial "head.html" . }}
{{ define "main" }}
{{ "<!-- navigation -->" | safeHTML }}
<header class="shadow-bottom position-relative">
<div class="container">
{{ partial "navigation.html" . }}
</div>
</header>
{{ "<!-- /navigation -->" | safeHTML }}
<!-- page title -->
<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">
{{ "<!-- page title -->" | safeHTML }}
<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 -->" | safeHTML }}
<script>
$(function() {
var projects = [
{{ range .Data.Pages }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{
value: "{{ .Title }}",
label: "{{ .Title }}",
url:"{{ .Permalink }}"
},
{{ 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>
</section>
<!-- /details page -->
</section>
{{ "<!-- /page title -->" | safeHTML }}
{{ "<!-- 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 }}

View file

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

View file

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

View file

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

View file

@ -1,41 +1,32 @@
{{ partial "head.html" . }}
{{ define "main" }}
{{ "<!-- navigation -->" | safeHTML }}
<header class="shadow-bottom position-relative">
<div class="container">
{{ partial "navigation.html" . }}
</div>
</header>
{{ "<!-- /navigation -->" | safeHTML }}
{{ $data := index .Site.Data .Site.Language.Lang }}
{{ "<!-- faq -->" | safeHTML }}
<section class="section">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="section-title text-primary">{{ .Params.Title }}</h2>
{{ "<!-- accordion -->" | safeHTML }}
<div id="accordion">
{{ range $data.faq.faqItem }}
{{ "<!-- accordion item -->" | safeHTML }}
<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>
{{ $data := index .Site.Data .Site.Language.Lang }}
{{ "<!-- faq -->" | safeHTML }}
<section class="section">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="section-title text-primary">{{ .Params.Title }}</h2>
{{ "<!-- accordion -->" | safeHTML }}
<div id="accordion">
{{ range $data.faq.faqItem }}
{{ "<!-- accordion item -->" | safeHTML }}
<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>
{{ end }}
</div>
</div>
</div>
</div>
</section>
{{ "<!-- /faq -->" | safeHTML }}
</section>
{{ "<!-- /faq -->" | safeHTML }}
{{ partial "footer.html" . }}
{{ end }}

View file

@ -1,98 +1,43 @@
{{ partial "head.html" . }}
{{ define "main" }}
{{ "<!-- 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>
{{ "<!-- 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>
{{ "<!-- topics -->" | safeHTML }}
<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>
</div>
{{ "<!-- /banner -->" | safeHTML }}
</header>
{{ "<!-- /header -->" | safeHTML }}
</section>
{{ "<!-- /call to action -->" | safeHTML }}
{{ end }}
{{ "<!-- topics -->" | safeHTML }}
<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" . }}
{{ end }}

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 }}

View file

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

View file

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

View file

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

View file

@ -5,7 +5,7 @@ name = "Dot"
license = "Creative Commons — Attribution 3.0 Unported — CC BY 3.0"
licenselink = "https://creativecommons.org/licenses/by/3.0/"
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"]
features = []
min_version = "0.54"