diff options
| author | somratpro <abdulmonnafsomrat@gmail.com> | 2021-10-31 07:35:23 +0300 |
|---|---|---|
| committer | somratpro <abdulmonnafsomrat@gmail.com> | 2021-10-31 07:35:23 +0300 |
| commit | 9d1c926d23f00526c274998037e00f34c4783d58 (patch) | |
| tree | d1af758ae44ff91161b810ed41a78eca19ed7ea5 | |
| parent | d57b1322c5df6d4971e41ab860a0dc2ed73a87ec (diff) | |
| parent | 849719fffe367eebe3bec593e4a6e40826219352 (diff) | |
merged
| -rw-r--r-- | LICENSE | 38 | ||||
| -rw-r--r-- | README.md | 206 | ||||
| -rw-r--r-- | assets/css/style.css | 1775 | ||||
| -rw-r--r-- | assets/js/script.js | 281 | ||||
| -rw-r--r-- | exampleSite/config.toml | 394 | ||||
| -rw-r--r-- | exampleSite/netlify.toml | 16 | ||||
| -rw-r--r-- | layouts/contact/list.html | 50 | ||||
| -rw-r--r-- | layouts/partials/default.html | 215 | ||||
| -rw-r--r-- | layouts/partials/head.html | 182 | ||||
| -rw-r--r-- | layouts/partials/navigation.html | 136 | ||||
| -rw-r--r-- | layouts/shortcodes/faq.html | 22 | ||||
| -rw-r--r-- | netlify.toml | 17 | ||||
| -rw-r--r-- | theme.toml | 29 |
13 files changed, 1730 insertions, 1631 deletions
@@ -1,20 +1,20 @@ -The MIT License (MIT)
-
-Copyright (c) 2020 GetHugoThemes
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
-the Software, and to permit persons to whom the Software is furnished to do so,
-subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
-FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
-COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
-IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+The MIT License (MIT) + +Copyright (c) 2021 GetHugoThemes + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +the Software, and to permit persons to whom the Software is furnished to do so, +subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
\ No newline at end of file @@ -1,89 +1,117 @@ -<div align="center">
-
-<h1><a href="https://gethugothemes.com/products/hugo-documentation-theme/">Dot Hugo Documentation Theme [Version : 2.0]</a></h1>
-
-<p><a href="https://github.com/themefisher/dot-hugo-documentation-theme/stargazers"><img src="https://camo.githubusercontent.com/7d6b302902df5eaa1a880850777f6cbc089abc5b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f7468656d656669736865722f646f742d6875676f2d646f63756d656e746174696f6e2d7468656d652e737667" alt="GitHub stars" data-canonical-src="https://img.shields.io/github/stars/themefisher/dot-hugo-documentation-theme.svg" style="max-width:100%;"></a>
-<a href="https://github.com/themefisher/dot-hugo-documentation-theme/issues"><img src="https://camo.githubusercontent.com/82ea79e787e3159369049285257d62b85e2c0d35/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f7468656d656669736865722f646f742d6875676f2d646f63756d656e746174696f6e2d7468656d652e737667" alt="GitHub issues" data-canonical-src="https://img.shields.io/github/issues/themefisher/dot-hugo-documentation-theme.svg" style="max-width:100%;"></a>
-<a href="/themefisher/dot-hugo-documentation-theme/blob/master"><img src="https://camo.githubusercontent.com/5cb0da6a96f0f7b4861202b46486e3b36f813831/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732d636c6f7365642d7261772f7468656d656669736865722f646f742d6875676f2d646f63756d656e746174696f6e2d7468656d652e7376673f6d61784167653d32353932303030" alt="GitHub issues closed" data-canonical-src="https://img.shields.io/github/issues-closed-raw/themefisher/dot-hugo-documentation-theme.svg?maxAge=2592000" style="max-width:100%;"></a>
-<a href="https://github.com/themefisher/dot-hugo-documentation-theme/network"><img src="https://camo.githubusercontent.com/a740e4878301293eb179787617f3335fe6b7dbe6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f7468656d656669736865722f646f742d6875676f2d646f63756d656e746174696f6e2d7468656d652e737667" alt="GitHub forks" data-canonical-src="https://img.shields.io/github/forks/themefisher/dot-hugo-documentation-theme.svg" style="max-width:100%;"></a></p>
-
-<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.
-
-
-### What's New in version 2.0
-This template is now in a new layout. You can create page with folder, and also gives required images in this folder. Multilangual is now more fun. No more bugs and issues. It's all like a new experience. Configuration of this theme is now more easier.
-
-**Version 2.0 comes with MIT Licence**
-
-## Table of Contents
-
-- [Demo](#demo)
-- [Installation](#installation)
-- [Main Features](#main-features)
-- [Reporting Issues](#reporting-issues)
-- [Technical Support or Questions](#technical-support-or-questions-(paid))
-- [More Hugo Themes](https://themefisher.com/hugo-themes/)
-
-## Demo
-
-| Elements | FAQ | Inner Page | Contact |
-|---|---|---|---|
-|  |  |  |  |
-
-**The images are only for demonstration purpose, Please don't use those images.**
-
-[Live Demo](http://demo.themefisher.com/dot-hugo/).
-
-## 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/dot-hugo-documentation-theme.git
-```
-Or Check out [Full Documentation](https://docs.gethugothemes.com/dot/?ref=github).
-
-## Main features
-
-- Automatic Search
-- Search Suggestion
-- Syntax highlighting
-- Multilingual mode
-- Bootstrap 4 Powered
-- Google Analytics
-- Color Scheme
-- Next/Prev buttons in single post page
-- Contact Page , Faq Page
-- Buttons, Tip/Note/Info/Warning boxes, Expand
-- Responsive Ready
-
-## Reporting Issues or Contributing
-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)
-
-Contributions are welcome and we will review and consider pull requests.
-Primary goals are:
-- Keep it simple.
-- Keep minimal (or zero) default configuration.
-- Avoid interference with user-defined layouts.
-- Avoid using JS if it can be solved by CSS.
-
-## Technical Support or Questions (Paid)
-
-If you have questions or need help integrating the product please [contact us](mailto:mehedi@themefisher.com) instead of opening an issue.
-
-## Hire Us
-We are available for Hiring of your next HUGO project. Drop Us a mail [mehedi@themefisher.com](mailto:mehedi@themefisher.com)
-
-
-## Premium Themes
-
-| [](https://themefisher.com/products/hugo-mega-bundle/) | [](https://gethugothemes.com/products/godocs-hugo-documentation-theme/) | [](https://gethugothemes.com/products/academia/) |
-|:---:|:---:|:---:|
-| **Hugo Mega Bundle** | **GoDocs** | **Academia** |
\ No newline at end of file + +<h1 align=center>Dot Hugo | <a target="_blank" href="https://demo.gethugothemes.com/dot" rel="nofollow">Demo</a> | <a target="_blank" href="https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https%3A%2F%2Fdemo.gethugothemes.com%2Fdot%2F">Page Speed (81%)</a></h1> + +<p align=center> + <a href="https://github.com/gohugoio/hugo/releases/tag/v0.64.0" alt="Contributors"> + <img src="https://img.shields.io/static/v1?label=min-HUGO-version&message=0.64.0&color=f00&logo=hugo" /> + </a> + + <a href="https://github.com/themefisher/dot-hugo/blob/master/LICENSE"> + <img src="https://img.shields.io/github/license/themefisher/dot-hugo" alt="license"></a> + + <img src="https://img.shields.io/github/languages/code-size/themefisher/dot-hugo" alt="code size"> + + <a href="https://github.com/themefisher/dot-hugo/graphs/contributors"> + <img src="https://img.shields.io/github/contributors/themefisher/dot-hugo" alt="contributors"></a> + + <a href="https://twitter.com/intent/follow?screen_name=gethugothemes"> + <img src="https://img.shields.io/twitter/follow/gethugothemes?style=social&logo=twitter" + alt="follow on Twitter"></a> +</p> + +--- + +<p align="center"> + +<img src="https://user-images.githubusercontent.com/37659754/54081086-cc7ce200-4328-11e9-9f7d-74d9b32fa68c.gif" alt="screenshot" width="100%"> +</p> + +--- +## Features +- Multiple language support (Fr, En) +- Google analytics support +- CSS and Js bundle with hugo pipe +- Color and fonts variable in config file +- Contact form Support +- Google page speed optimized ( 81% ) +- Open graph meta tag +- Twitter card meta tag + + +## Local development + +```bash +# clone the repository +git clone git@github.com:themefisher/dot-hugo.git + +# cd in the project directory +$ cd dot-hugo/exampleSite/ + +# Start local dev server +$ hugo server --themesDir ../.. +``` +Or Check out [Full Documentation](https://docs.gethugothemes.com/dot/?ref=github). + +## Content Management System + +[](https://app.forestry.io/quick-start?repo=themefisher/dot-hugo&engine=hugo&version=0.87.0) + +This project has been pre-configured to work with [Forestry](https://forestry.io) a git-based CMS, [import your +repository in Forestry](https://app.forestry.io/quick-start?repo=themefisher/dot-hugo&engine=hugo&version=0.87.0) and +you will be able to edit and preview your site ✨. + +Any changes you make in Forestry will be committed back to the repo and deployed if you use [Netlify](#netlify). +## Deployment and hosting + +[](https://app.netlify.com/start/deploy?repository=https://github.com/themefisher/dot-hugo) + +Follow the steps. + +## Prefer a video? (Hugo + Netlify + Forestry) +Build your website with **Dot Hugo** theme by following these easy steps (No Coding Required!) +[Video Tutorial](https://youtu.be/ResipmZmpDU). + +<!-- reporting issue --> +## Reporting Issues +We use GitHub Issues as the official bug tracker for the dot Template. Please Search [existing +issues](https://github.com/themefisher/dot-hugo/issues). Someone may have already reported the same problem. +If your problem or idea has not been addressed yet, feel free to [open a new +issue](https://github.com/themefisher/dot-hugo/issues). + +## Dot Hugo theme Powered Websites +- https://beatcovid.info/ +- https://hannuvierimaa.fi/ + +Want to submit your own website powered by Dot Hugo theme? You can submit it [here](https://github.com/themefisher/dot-hugo/discussions/170). + +<!-- licence --> +## License +Copyright © Designed by [Themefisher](https://themefisher.com) & Developed by +[Gethugothemes](https://gethugothemes.com) + +**Code License:** Released under the [MIT](https://github.com/themefisher/dot-hugo/blob/master/LICENSE) license. + +**Image license:** The images are only for demonstration purposes. They have their licenses. We don't have permission to +share those images. + +<!-- resources --> +## Special Thanks +- [Bootstrap](https://getbootstrap.com) +- [Jquery](https://jquery.com) +- [Themify Icons](https://themify.me/themify-icons) +- [Jquery Match Height](https://brm.io/jquery-match-height/) +- [Google Fonts](https://fonts.google.com/) +- [All Contributors](https://github.com/themefisher/dot-hugo/graphs/contributors) + + +## Hire Us +We are available for **Hiring** for your next HUGO project. Please, check our +[services](https://gethugothemes.com/services/?ref=github) + +<!-- premium themes --> +## Premium Themes By Us +| [](https://gethugothemes.com/bundle) | [](https://gethugothemes.com/products/agen/) | [](https://gethugothemes.com/products/wishfund/) | +|:---:|:---:|:---:| +| **Premium Theme Bundle (40+)** | **Agen** | **Wishfund** | diff --git a/assets/css/style.css b/assets/css/style.css index d69fdb2..9665dcd 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,886 +1,891 @@ -body {
- line-height: 1.5;
- font-family: var(--font-family), sans-serif;
- -webkit-font-smoothing: antialiased;
- font-size: 17px;
- color: var(--text-color);
- background-color: var(--body-color);
-}
-
-P {
- color: var(--text-color);
- font-size: 15px;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- color: var(--text-color-dark);
- font-family: var(--font-family), sans-serif;
- font-weight: 700;
- line-height: 1.2;
-}
-
-h1,
-.h1 {
- font-size: 45px;
-}
-
-h2,
-.h2 {
- font-size: 32px;
-}
-
-h3,
-.h3 {
- font-size: 26px;
-}
-
-h4,
-.h4 {
- font-size: 20px;
-}
-
-h5,
-.h5 {
- font-size: 18px;
-}
-
-h6,
-.h6 {
- font-size: 14px;
-}
-
-/* Button style */
-.btn {
- font-size: 14px;
- font-family: var(--font-family), sans-serif;
- text-transform: uppercase;
- padding: 16px 44px;
- border-radius: 0px;
- font-weight: 600;
- border: 0;
- position: relative;
- z-index: 1;
- transition: .2s ease;
-}
-
-.btn:focus {
- outline: 0;
- box-shadow: none !important;
-}
-
-.btn:active {
- box-shadow: none;
-}
-
-.btn-primary {
- background: var(--primary-color);
- color: var(--white-color);
-}
-
-.btn-primary:active {
- background: var(--primary-color);
-}
-
-.btn-primary:hover {
- background: var(--primary-color);
-}
-
-.btn-primary:not(:disabled):not(.disabled).active,
-.btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
- color: var(--white-color);
- background-color: var(--primary-color);
- border-color: var(--primary-color);
-}
-
-.inline-button {
- line-height: .8rem !important;
- padding: 5px 8px !important;
- pointer-events: none;
- margin-top: -5px;
-}
-
-.overflow-hidden {
- overflow: hidden !important;
-}
-
-::-moz-selection {
- background: var(--primary-color);
- color: var(--white-color);
-}
-
-::selection {
- background: var(--primary-color);
- color: var(--white-color);
-}
-
-/* preloader */
-.preloader {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: var(--white-color);
- z-index: 999;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-ul {
- list-style-type: none;
- margin: 0px;
- padding-left: 0;
- font-size: 15px;
-}
-
-ol {
- padding-left: 20px;
- font-size: 15px;
-}
-
-img {
- vertical-align: middle;
- border: 0;
-}
-
-a,
-a:hover,
-a:focus {
- text-decoration: none;
- color: var(--primary-color);
-}
-
-a:hover,
-a:focus {
- color: var(--primary-color);
-}
-
-a,
-button,
-select {
- cursor: pointer;
- transition: .2s ease;
-}
-
-a:focus,
-button:focus,
-select:focus {
- outline: 0;
-}
-
-.slick-slide {
- outline: 0;
-}
-
-.section {
- padding-top: 80px;
- padding-bottom: 80px;
-}
-
-@media (max-width: 768px) {
- .section {
- padding-top: 60px;
- }
-}
-
-.section-sm {
- padding-top: 60px;
- padding-bottom: 60px;
-}
-
-@media (max-width: 768px) {
- .section-sm {
- padding-top: 40px;
- }
-}
-
-.section-title {
- margin-bottom: 40px;
-}
-
-.bg-cover {
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
-}
-
-.border-primary {
- border-color: #f2f2f2 !important;
-}
-
-pre {
- padding: 20px;
-}
-
-/* overlay */
-.overlay {
- position: relative;
-}
-
-.overlay::before {
- position: absolute;
- content: '';
- height: 100%;
- width: 100%;
- top: 0;
- left: 0;
- background: var(--primary-color);
- opacity: .8;
-}
-
-.outline-0 {
- outline: 0 !important;
-}
-
-.d-unset {
- display: unset !important;
-}
-
-.bg-primary {
- background: var(--primary-color) !important;
-}
-
-.bg-white {
- background-color: var(--white-color) !important;
-}
-
-.bg-light {
- background-color: var(--light-color) !important;
-}
-
-.text-primary {
- color: var(--primary-color) !important;
-}
-
-.text-color {
- color: var(--text-color) !important;
-}
-
-.text-dark {
- color: var(--text-color-dark) !important;
-}
-
-.text-white {
- color: var(--white-color) !important;
-}
-
-.top-50 {
- top: 50px;
-}
-
-.navbar {
- padding: 0;
-}
-
-@media (max-width: 768px) {
- .navbar {
- padding: 10px 0;
- }
-}
-
-.navbar-brand img {
- max-width: 100px;
- margin-bottom: 0;
-}
-
-.navbar .nav-item .nav-link {
- text-transform: uppercase;
- padding: 10px 15px !important;
- font-size: 15px;
-}
-
-.navbar .dropdown:hover .dropdown-menu {
- visibility: visible;
- opacity: 1;
- -webkit-transform: scaleX(1);
- transform: scaleX(1);
-}
-
-.navbar .dropdown-menu {
- box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
- padding: 15px 0px;
- border: 0;
- top: 40px;
- left: -35px;
- border-radius: 0;
- display: block;
- visibility: hidden;
- transition: .3s ease;
- opacity: 0;
- -webkit-transform: translateY(20px);
- transform: translateY(20px);
- background: var(--white-color);
-}
-
-@media (max-width: 768px) {
- .navbar .dropdown-menu {
- display: none;
- opacity: 1;
- visibility: visible;
- -webkit-transform: translateY(0);
- transform: translateY(0);
- -webkit-transform-origin: unset;
- transform-origin: unset;
- }
-}
-
-.navbar .dropdown-menu.view {
- visibility: visible !important;
- opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
- -webkit-transform-origin: top;
- transform-origin: top;
-}
-
-@media (max-width: 768px) {
- .navbar .dropdown-menu.view {
- display: block;
- }
-}
-
-.navbar .dropdown-menu.show {
- visibility: hidden;
-}
-
-@media (max-width: 768px) {
- .navbar .dropdown-menu.show {
- visibility: visible;
- display: block;
- }
-}
-
-.navbar .dropdown-item {
- position: relative;
- color: var(--text-color-dark);
- transition: .2s ease;
- font-family: var(--font-family), sans-serif;
-}
-
-@media (max-width: 768px) {
- .navbar .dropdown-item {
- text-align: center;
- }
-}
-
-.navbar .dropdown-item:hover {
- color: var(--primary-color);
- background: transparent;
-}
-
-.lang-list {
- background: var(--primary-color);
- color: var(--white-color);
-}
-
-.lang-list.dark {
- color: var(--text-color-dark);
- background: var(--white-color);
-}
-
-.banner {
- overflow: hidden;
-}
-
-.banner p {
- font-size: 20px;
- opacity: .8;
-}
-
-.banner .nav-link.text-dark {
- color: var(--white-color) !important;
-}
-
-.banner .nav-link.text-dark:hover {
- color: var(--white-color) !important;
-}
-
-.banner .navbar-brand {
- color: var(--white-color) !important;
-}
-
-/* search */
-
-#project-icon {
- float: left;
- height: 32px;
- width: 32px;
-}
-
-#project-description {
- margin: 0;
- padding: 0;
-}
-
-.ui-helper-hidden-accessible {
- display: none;
-}
-
-.ui-menu {
- background: var(--white-color);
- padding: 5px 20px 20px;
- right: 0 !important;
- max-height: 200px;
- overflow: hidden;
- border-radius: 0 0 25px 25px;
- z-index: 9999;
- box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, .07)
-}
-
-
-@media (max-width: 575px) {
- .ui-menu {
- width: calc(100% - 30px) !important;
- }
-}
-
-@media (min-width: 576px) {
- .ui-menu {
- max-width: 510px !important;
- }
-}
-
-@media (min-width: 768px) {
- .ui-menu {
- max-width: 690px !important;
- }
-}
-
-@media (min-width: 992px) {
- .ui-menu {
- max-width: 610px !important;
- }
-}
-
-@media (min-width: 1200px) {
- .ui-menu {
- max-width: 730px !important;
- }
-}
-
-.ui-menu-item a {
- color: var(--text-color);
- padding: 8px 0;
- font-size: 15px;
-}
-
-.ui-menu-item a:hover {
- color: var(--primary-color);
-}
-
-.ui-menu-item:not(:last-child) {
- border-bottom: 1px solid #e8e8e8;
-}
-
-.ui-menu-item * {
- display: none;
-}
-
-.ui-menu-item .ui-corner-all {
- display: block;
-}
-
-
-/* /navigation */
-.form-control {
- height: 50px;
- border-radius: 25px;
- border: 0;
- padding: 0 20px;
-}
-
-.form-control:focus {
- border: 0;
- box-shadow: none !important;
-}
-
-textarea.form-control {
- height: 150px;
- padding: 20px;
-}
-
-.icon {
- font-size: 40px;
-}
-
-.shadow {
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07) !important;
- transition: .3s ease;
-}
-
-.shadow-bottom {
- box-shadow: 0 1px 0 rgba(12, 13, 14, 0.1), 0 1px 6px rgba(59, 64, 69, 0.1);
-}
-
-.shadow:hover,
-.shadow:focus {
- box-shadow: 0 14px 25px rgba(0, 0, 0, 0.1) !important;
-}
-
-/* single page */
-
-.content * {
- margin-bottom: 20px;
-}
-
-.content img {
- max-width: 100%;
- height: auto;
- margin: 0 auto 15px;
- display: block;
- text-align: center;
-}
-
-.content ul {
- padding-left: 0;
- margin-bottom: 20px;
-}
-
-.content ul li {
- padding-left: 20px;
- position: relative;
-}
-
-.content ul li::before {
- position: absolute;
- content: '';
- height: 8px;
- width: 8px;
- border-radius: 50%;
- background: var(--primary-color);
- opacity: .3;
- left: 0;
- top: 8px;
-}
-
-.list-styled li {
- padding-left: 20px;
- position: relative;
-}
-
-.list-styled li::before {
- position: absolute;
- content: '';
- height: 8px;
- width: 8px;
- border-radius: 50%;
- background: var(--primary-color);
- opacity: .3;
- left: 0;
- top: 17px;
-}
-
-.post-meta {
- color: var(--text-color);
- font-style: italic;
- font-size: 14px;
-}
-
-blockquote {
- font-size: 20px !important;
- color: var(--text-color-dark);
- padding: 20px 40px;
- border-left: 2px solid var(--primary-color);
- margin: 40px 0;
- font-weight: bold;
- background: var(--light-color);
-}
-
-blockquote p {
- margin-bottom: 0 !important;
-}
-
-.pagination {
- justify-content: space-between;
-}
-
-.pagination a {
- color: var(--primary-color);
-}
-
-.pagination i {
- font-size: 15px;
- line-height: 1.8;
-}
-
-#accordion i {
- font-size: 14px;
- line-height: 2;
-}
-
-table {
- text-align: left;
- width: 100%;
- max-width: 100%;
- margin-bottom: 1rem;
- border: 1px solid #dee2e6;
-}
-
-table td,
-table th {
- padding: .75rem;
- vertical-align: top;
- border: 1px solid #dee2e6;
- margin-bottom: 0;
-}
-
-thead {
- background: #ececec;
- margin-bottom: 0;
-}
-
-tbody {
- background: #f8f8f8;
- margin-bottom: 0;
-}
-
-.notices {
- margin: 2rem 0;
- position: relative;
-}
-
-.notices p {
- padding: 10px;
-}
-
-.notices p::before {
- position: absolute;
- top: 2px;
- color: #fff;
- font-family: "themify";
- font-weight: 900;
- content: "\e717";
- left: 10px;
-}
-
-.notices.note p {
- border-top: 30px solid #6ab0de;
- background: #e7f2fa;
-}
-
-.notices.note p::after {
- content: 'Note';
- position: absolute;
- top: 2px;
- color: #fff;
- left: 2rem;
-}
-
-
-.notices.tip p {
- border-top: 30px solid #78C578;
- background: #E6F9E6;
-}
-
-.notices.tip p::after {
- content: 'Tip';
- position: absolute;
- top: 2px;
- color: #fff;
- left: 2rem;
-}
-
-.notices.info p {
- border-top: 30px solid #F0B37E;
- background: #FFF2DB;
-}
-
-.notices.info p::after {
- content: 'Info';
- position: absolute;
- top: 2px;
- color: #fff;
- left: 2rem;
-}
-
-
-.notices.warning p {
- border-top: 30px solid #E06F6C;
- background: #FAE2E2;
-}
-
-.notices.warning p::after {
- content: 'Warning';
- position: absolute;
- top: 2px;
- color: #fff;
- left: 2rem;
-}
-
-/* /single page */
-
-/* side list */
-.sidebar {
- background-color: var(--white-color);
- position: sticky;
- top: 50px;
- margin-bottom: 30px;
- padding: 40px 10px 20px 10px;
-}
-
-.sidelist {
- display: block;
-}
-
-li.sidelist>a {
- margin-left: 20px;
- margin-bottom: 10px;
- display: block;
- font-size: 20px;
-}
-
-li.sidelist li a {
- margin: 0;
-}
-
-.sidelist li.sidelist {
- display: block;
-}
-
-.sidelist li.sidelist.active a {
- color: var(--primary-color);
-}
-
-.sidelist li.sidelist.active::before {
- opacity: 1;
-}
-
-.page-list li a {
- display: none;
-}
-
-.page-list li ul a {
- display: block;
-}
-
-.sidelist li a {
- color: var(--text-color-dark);
- display: block;
- font-size: 15px;
- font-weight: 500;
- padding: 10px 0;
- line-height: 1.4;
-}
-
-p:empty,
-p a:empty {
- display: none !important;
-}
-
-pre {
- display: block;
- padding: 9.5px;
- margin: 10px 0px 10px;
-}
-
-code {
- margin-bottom: 0 !important;
- font-size: 100%;
-}
-
-.back-btn {
- position: relative;
-}
-
-.back-btn::before {
- position: absolute;
- font-family: 'themify';
- content: "\e6bc";
- font-size: 25px;
- height: 30px;
- width: 40px;
- background-color: var(--white-color);
- color: inherit;
- text-align: right;
- z-index: 1;
- left: -5px;
- top: -5px;
-}
-
-.ui-autocomplete-input {
- border-bottom: 1px solid rgb(212, 212, 212) !important;
-}
-
-.ui-autocomplete-input.active {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-.search-icon {
- position: absolute;
- right: 20px;
- top: 18px;
- font-size: 14px;
-}
-
-i {
- transition: .2s ease;
-}
-
-a:hover i {
- color: var(--primary-color);
-}
-
-/* custom scrollbar */
-pre code::-webkit-scrollbar {
- height: 5px;
-}
-
-pre code::-webkit-scrollbar-track {
- background: #000000;
-}
-
-pre code::-webkit-scrollbar-thumb {
- background: #888;
-}
-
-/* content tabs */
-.code-tabs {
- border: 1px solid #dee2e6;
- overflow: hidden;
- margin: 20px 0px;
-}
-
-.code-tabs .tab-content {
- padding: 20px 15px;
- margin-bottom: 0;
-}
-
-.code-tabs .tab-content .tab-pane{
- margin-bottom: 0;
-}
-
-.code-tabs .nav-tabs {
- margin-bottom: 0;
-}
-
-.code-tabs .nav-tabs .nav-item {
- padding-left: 0;
- border-right: 1px solid #dee2e6;
-}
-
-.code-tabs .nav-tabs .nav-item .nav-link {
- text-decoration: none;
- font-weight: 500;
- border: 0;
- margin-bottom: 0;
-}
-
-.code-tabs .nav-tabs .nav-item::before {
- display: none;
-}
-
-.code-tabs .nav-tabs .nav-item.active {
- background: var(--primary-color);
-}
-
-.code-tabs .nav-tabs .nav-item.active .nav-link {
- color: var(--white-color);
+body { + line-height: 1.5; + font-family: var(--font-family), sans-serif; + -webkit-font-smoothing: antialiased; + font-size: 17px; + color: var(--text-color); + background-color: var(--body-color); +} + +P { + color: var(--text-color); + font-size: 15px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--text-color-dark); + font-family: var(--font-family), sans-serif; + font-weight: 700; + line-height: 1.2; +} + +h1, +.h1 { + font-size: 45px; +} + +h2, +.h2 { + font-size: 32px; +} + +h3, +.h3 { + font-size: 26px; +} + +h4, +.h4 { + font-size: 20px; +} + +h5, +.h5 { + font-size: 18px; +} + +h6, +.h6 { + font-size: 14px; +} + +/* Button style */ +.btn { + font-size: 14px; + font-family: var(--font-family), sans-serif; + text-transform: uppercase; + padding: 16px 44px; + border-radius: 0px; + font-weight: 600; + border: 0; + position: relative; + z-index: 1; + transition: .2s ease; +} + +.btn:focus { + outline: 0; + box-shadow: none !important; +} + +.btn:active { + box-shadow: none; +} + +.btn-primary { + background: var(--primary-color); + color: var(--white-color); +} + +.btn-primary:active { + background: var(--primary-color); +} + +.btn-primary:hover { + background: var(--primary-color); +} + +.btn-primary:not(:disabled):not(.disabled).active, +.btn-primary:not(:disabled):not(.disabled):active, +.show>.btn-primary.dropdown-toggle { + color: var(--white-color); + background-color: var(--primary-color); + border-color: var(--primary-color); +} + +.inline-button { + line-height: .8rem !important; + padding: 5px 8px !important; + pointer-events: none; + margin-top: -5px; +} + +.overflow-hidden { + overflow: hidden !important; +} + +::-moz-selection { + background: var(--primary-color); + color: var(--white-color); +} + +::selection { + background: var(--primary-color); + color: var(--white-color); +} + +/* preloader */ +.preloader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--white-color); + z-index: 999; + display: flex; + align-items: center; + justify-content: center; +} + +ul { + list-style-type: none; + margin: 0px; + padding-left: 0; + font-size: 15px; +} + +ol { + padding-left: 20px; + font-size: 15px; +} + +img { + vertical-align: middle; + border: 0; +} + +a, +a:hover, +a:focus { + text-decoration: none; + color: var(--primary-color); +} + +a:hover, +a:focus { + color: var(--primary-color); +} + +a, +button, +select { + cursor: pointer; + transition: .2s ease; +} + +a:focus, +button:focus, +select:focus { + outline: 0; +} + +.slick-slide { + outline: 0; +} + +.section { + padding-top: 80px; + padding-bottom: 80px; +} + +@media (max-width: 768px) { + .section { + padding-top: 60px; + } +} + +.section-sm { + padding-top: 60px; + padding-bottom: 60px; +} + +@media (max-width: 768px) { + .section-sm { + padding-top: 40px; + } +} + +.section-title { + margin-bottom: 40px; +} + +.bg-cover { + background-size: cover; + background-position: center center; + background-repeat: no-repeat; +} + +.border-primary { + border-color: #f2f2f2 !important; +} + +pre { + padding: 20px; +} + +/* overlay */ +.overlay { + position: relative; +} + +.overlay::before { + position: absolute; + content: ''; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: var(--primary-color); + opacity: .8; +} + +.outline-0 { + outline: 0 !important; +} + +.d-unset { + display: unset !important; +} + +.bg-primary { + background: var(--primary-color) !important; +} + +.bg-white { + background-color: var(--white-color) !important; +} + +.bg-light { + background-color: var(--light-color) !important; +} + +.text-primary { + color: var(--primary-color) !important; +} + +.text-color { + color: var(--text-color) !important; +} + +.text-dark { + color: var(--text-color-dark) !important; +} + +.text-white { + color: var(--white-color) !important; +} + +.top-50 { + top: 50px; +} + +.navbar { + padding: 0; +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +@media (max-width: 768px) { + .navbar { + padding: 10px 0; + } +} + +.navbar-brand img { + max-width: 100px; + margin-bottom: 0; +} + +.navbar .nav-item .nav-link { + text-transform: uppercase; + padding: 10px 15px !important; + font-size: 15px; +} + +.navbar .dropdown:hover .dropdown-menu { + visibility: visible; + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +.navbar .dropdown-menu { + box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12); + padding: 15px 0px; + border: 0; + top: 40px; + left: -35px; + border-radius: 0; + display: block; + visibility: hidden; + transition: .3s ease; + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + background: var(--white-color); +} + +@media (max-width: 768px) { + .navbar .dropdown-menu { + display: none; + opacity: 1; + visibility: visible; + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-transform-origin: unset; + transform-origin: unset; + } +} + +.navbar .dropdown-menu.view { + visibility: visible !important; + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-transform-origin: top; + transform-origin: top; +} + +@media (max-width: 768px) { + .navbar .dropdown-menu.view { + display: block; + } +} + +.navbar .dropdown-menu.show { + visibility: hidden; +} + +@media (max-width: 768px) { + .navbar .dropdown-menu.show { + visibility: visible; + display: block; + } +} + +.navbar .dropdown-item { + position: relative; + color: var(--text-color-dark); + transition: .2s ease; + font-family: var(--font-family), sans-serif; +} + +@media (max-width: 768px) { + .navbar .dropdown-item { + text-align: center; + } +} + +.navbar .dropdown-item:hover { + color: var(--primary-color); + background: transparent; +} + +.lang-list { + background: var(--primary-color); + color: var(--white-color); +} + +.lang-list.dark { + color: var(--text-color-dark); + background: var(--white-color); +} + +.banner { + overflow: hidden; +} + +.banner p { + font-size: 20px; + opacity: .8; +} + +.banner .nav-link.text-dark { + color: var(--white-color) !important; +} + +.banner .nav-link.text-dark:hover { + color: var(--white-color) !important; +} + +.banner .navbar-brand { + color: var(--white-color) !important; +} + +/* search */ + +#project-icon { + float: left; + height: 32px; + width: 32px; +} + +#project-description { + margin: 0; + padding: 0; +} + +.ui-helper-hidden-accessible { + display: none; +} + +.ui-menu { + background: var(--white-color); + padding: 5px 20px 20px; + right: 0 !important; + max-height: 200px; + overflow: hidden; + border-radius: 0 0 25px 25px; + z-index: 9999; + box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, .07) +} + + +@media (max-width: 575px) { + .ui-menu { + width: calc(100% - 30px) !important; + } +} + +@media (min-width: 576px) { + .ui-menu { + max-width: 510px !important; + } +} + +@media (min-width: 768px) { + .ui-menu { + max-width: 690px !important; + } +} + +@media (min-width: 992px) { + .ui-menu { + max-width: 610px !important; + } +} + +@media (min-width: 1200px) { + .ui-menu { + max-width: 730px !important; + } +} + +.ui-menu-item a { + color: var(--text-color); + padding: 8px 0; + font-size: 15px; +} + +.ui-menu-item a:hover { + color: var(--primary-color); +} + +.ui-menu-item:not(:last-child) { + border-bottom: 1px solid #e8e8e8; +} + +.ui-menu-item * { + display: none; +} + +.ui-menu-item .ui-corner-all { + display: block; +} + + +/* /navigation */ +.form-control { + height: 50px; + border-radius: 25px; + border: 0; + padding: 0 20px; +} + +.form-control:focus { + border: 0; + box-shadow: none !important; +} + +textarea.form-control { + height: 150px; + padding: 20px; +} + +.icon { + font-size: 40px; +} + +.shadow { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07) !important; + transition: .3s ease; +} + +.shadow-bottom { + box-shadow: 0 1px 0 rgba(12, 13, 14, 0.1), 0 1px 6px rgba(59, 64, 69, 0.1); +} + +.shadow:hover, +.shadow:focus { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.1) !important; +} + +/* single page */ + +.content * { + margin-bottom: 20px; +} + +.content img { + max-width: 100%; + height: auto; + margin: 0 auto 15px; + display: block; + text-align: center; +} + +.content ul { + padding-left: 0; + margin-bottom: 20px; +} + +.content ul li { + padding-left: 20px; + position: relative; +} + +.content ul li::before { + position: absolute; + content: ''; + height: 8px; + width: 8px; + border-radius: 50%; + background: var(--primary-color); + opacity: .3; + left: 0; + top: 8px; +} + +.list-styled li { + padding-left: 20px; + position: relative; +} + +.list-styled li::before { + position: absolute; + content: ''; + height: 8px; + width: 8px; + border-radius: 50%; + background: var(--primary-color); + opacity: .3; + left: 0; + top: 17px; +} + +.post-meta { + color: var(--text-color); + font-style: italic; + font-size: 14px; +} + +blockquote { + font-size: 20px !important; + color: var(--text-color-dark); + padding: 20px 40px; + border-left: 2px solid var(--primary-color); + margin: 40px 0; + font-weight: bold; + background: var(--light-color); +} + +blockquote p { + margin-bottom: 0 !important; +} + +.pagination { + justify-content: space-between; +} + +.pagination a { + color: var(--primary-color); +} + +.pagination i { + font-size: 15px; + line-height: 1.8; +} + +#accordion i { + font-size: 14px; + line-height: 2; +} + +table { + text-align: left; + width: 100%; + max-width: 100%; + margin-bottom: 1rem; + border: 1px solid #dee2e6; +} + +table td, +table th { + padding: .75rem; + vertical-align: top; + border: 1px solid #dee2e6; + margin-bottom: 0; +} + +thead { + background: #ececec; + margin-bottom: 0; +} + +tbody { + background: #f8f8f8; + margin-bottom: 0; +} + +.notices { + margin: 2rem 0; + position: relative; +} + +.notices p { + padding: 10px; +} + +.notices p::before { + position: absolute; + top: 2px; + color: #fff; + font-family: "themify"; + font-weight: 900; + content: "\e717"; + left: 10px; +} + +.notices.note p { + border-top: 30px solid #6ab0de; + background: #e7f2fa; +} + +.notices.note p::after { + content: 'Note'; + position: absolute; + top: 2px; + color: #fff; + left: 2rem; +} + + +.notices.tip p { + border-top: 30px solid #78C578; + background: #E6F9E6; +} + +.notices.tip p::after { + content: 'Tip'; + position: absolute; + top: 2px; + color: #fff; + left: 2rem; +} + +.notices.info p { + border-top: 30px solid #F0B37E; + background: #FFF2DB; +} + +.notices.info p::after { + content: 'Info'; + position: absolute; + top: 2px; + color: #fff; + left: 2rem; +} + + +.notices.warning p { + border-top: 30px solid #E06F6C; + background: #FAE2E2; +} + +.notices.warning p::after { + content: 'Warning'; + position: absolute; + top: 2px; + color: #fff; + left: 2rem; +} + +/* /single page */ + +/* side list */ +.sidebar { + background-color: var(--white-color); + position: sticky; + top: 50px; + margin-bottom: 30px; + padding: 40px 10px 20px 10px; +} + +.sidelist { + display: block; +} + +li.sidelist>a { + margin-left: 20px; + margin-bottom: 10px; + display: block; + font-size: 20px; +} + +li.sidelist li a { + margin: 0; +} + +.sidelist li.sidelist { + display: block; +} + +.sidelist li.sidelist.active a { + color: var(--primary-color); +} + +.sidelist li.sidelist.active::before { + opacity: 1; +} + +.page-list li a { + display: none; +} + +.page-list li ul a { + display: block; +} + +.sidelist li a { + color: var(--text-color-dark); + display: block; + font-size: 15px; + font-weight: 500; + padding: 10px 0; + line-height: 1.4; +} + +p:empty, +p a:empty { + display: none !important; +} + +pre { + display: block; + padding: 9.5px; + margin: 10px 0px 10px; +} + +code { + margin-bottom: 0 !important; + font-size: 100%; +} + +.back-btn { + position: relative; +} + +.back-btn::before { + position: absolute; + font-family: 'themify'; + content: "\e6bc"; + font-size: 25px; + height: 30px; + width: 40px; + background-color: var(--white-color); + color: inherit; + text-align: right; + z-index: 1; + left: -5px; + top: -5px; +} + +.ui-autocomplete-input { + border-bottom: 1px solid rgb(212, 212, 212) !important; + padding-right: 50px; +} + +.ui-autocomplete-input.active { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.search-icon { + position: absolute; + right: 20px; + top: 18px; + font-size: 14px; +} + +i { + transition: .2s ease; +} + +a:hover i { + color: var(--primary-color); +} + +/* custom scrollbar */ +pre code::-webkit-scrollbar { + height: 5px; +} + +pre code::-webkit-scrollbar-track { + background: #000000; +} + +pre code::-webkit-scrollbar-thumb { + background: #888; +} + +/* content tabs */ +.code-tabs { + border: 1px solid #dee2e6; + overflow: hidden; + margin: 20px 0px; +} + +.code-tabs .tab-content { + padding: 20px 15px; + margin-bottom: 0; +} + +.code-tabs .tab-content .tab-pane{ + margin-bottom: 0; +} + +.code-tabs .nav-tabs { + margin-bottom: 0; +} + +.code-tabs .nav-tabs .nav-item { + padding-left: 0; + border-right: 1px solid #dee2e6; +} + +.code-tabs .nav-tabs .nav-item .nav-link { + text-decoration: none; + font-weight: 500; + border: 0; + margin-bottom: 0; +} + +.code-tabs .nav-tabs .nav-item::before { + display: none; +} + +.code-tabs .nav-tabs .nav-item.active { + background: var(--primary-color); +} + +.code-tabs .nav-tabs .nav-item.active .nav-link { + color: var(--white-color); }
\ No newline at end of file diff --git a/assets/js/script.js b/assets/js/script.js index 7a04cbb..4b46685 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -1,130 +1,151 @@ -(function ($) {
- 'use strict';
-
- // Background-images
- $('[data-background]').each(function () {
- $(this).css({
- 'background-image': 'url(' + $(this).data('background') + ')'
- });
- });
-
-
- // Accordions
- $('.collapse').on('shown.bs.collapse', function () {
- $(this).parent().find('.ti-plus').removeClass('ti-plus').addClass('ti-minus');
- }).on('hidden.bs.collapse', function () {
- $(this).parent().find('.ti-minus').removeClass('ti-minus').addClass('ti-plus');
- });
-
-
- // match height
- $(function () {
- $('.match-height').matchHeight({
- byRow: true,
- property: 'height',
- target: null,
- remove: false
- });
- });
-
- // Get Parameters from some url
- var getUrlParameter = function getUrlParameter(sPageURL) {
- var url = sPageURL.split('?');
- var obj = {};
- if (url.length == 2) {
- var sURLVariables = url[1].split('&'),
- sParameterName,
- i;
- for (i = 0; i < sURLVariables.length; i++) {
- sParameterName = sURLVariables[i].split('=');
- obj[sParameterName[0]] = sParameterName[1];
- }
- return obj;
- } else {
- return undefined;
- }
- };
-
- // Execute actions on images generated from Markdown pages
- var images = $(".content img").not(".inline");
- // Wrap image inside a featherlight (to get a full size view in a popup)
- images.wrap(function () {
- var image = $(this);
- if (!image.parent("a").length) {
- return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
- }
- });
-
- // Change styles, depending on parameters set to the image
- images.each(function (index) {
- var image = $(this)
- var o = getUrlParameter(image[0].src);
- if (typeof o !== "undefined") {
- var h = o["height"];
- var w = o["width"];
- var c = o["classes"];
- image.css("width", function () {
- if (typeof w !== "undefined") {
- return w;
- } else {
- return "auto";
- }
- });
- image.css("height", function () {
- if (typeof h !== "undefined") {
- return h;
- } else {
- return "auto";
- }
- });
- if (typeof c !== "undefined") {
- var classes = c.split(',');
- for (i = 0; i < classes.length; i++) {
- image.addClass(classes[i]);
- }
- }
- }
- });
-
-
- // tab
- $('.tab-content').find('.tab-pane').each(function (idx, item) {
- var navTabs = $(this).closest('.code-tabs').find('.nav-tabs'),
- title = $(this).attr('title');
- navTabs.append('<li class="nav-item"><a class="nav-link" href="#">' + title + '</a></li>');
- });
-
- $('.code-tabs ul.nav-tabs').each(function () {
- $(this).find("li:first").addClass('active');
- })
-
- $('.code-tabs .tab-content').each(function () {
- $(this).find("div:first").addClass('active');
- });
-
- $('.nav-tabs a').click(function (e) {
- e.preventDefault();
- var tab = $(this).parent(),
- tabIndex = tab.index(),
- tabPanel = $(this).closest('.code-tabs'),
- tabPane = tabPanel.find('.tab-pane').eq(tabIndex);
- tabPanel.find('.active').removeClass('active');
- tab.addClass('active');
- tabPane.addClass('active');
- });
-
-
-
- // search
- $('#search').keyup(function () {
- if (this.value) {
- $(this).addClass('active')
- } else {
- $(this).removeClass('active')
- }
- })
- $('#search').focusout(function () {
- $(this).removeClass('active')
- })
-
-})(jQuery);
\ No newline at end of file +(function ($) { + 'use strict'; + + // Background-images + $('[data-background]').each(function () { + $(this).css({ + 'background-image': 'url(' + $(this).data('background') + ')' + }); + }); + + + // Accordions + $('.collapse').on('shown.bs.collapse', function () { + $(this).parent().find('.ti-plus').removeClass('ti-plus').addClass('ti-minus'); + }).on('hidden.bs.collapse', function () { + $(this).parent().find('.ti-minus').removeClass('ti-minus').addClass('ti-plus'); + }); + + + // match height + $(function () { + $('.match-height').matchHeight({ + byRow: true, + property: 'height', + target: null, + remove: false + }); + }); + + // Get Parameters from some url + var getUrlParameter = function getUrlParameter(sPageURL) { + var url = sPageURL.split('?'); + var obj = {}; + if (url.length == 2) { + var sURLVariables = url[1].split('&'), + sParameterName, + i; + for (i = 0; i < sURLVariables.length; i++) { + sParameterName = sURLVariables[i].split('='); + obj[sParameterName[0]] = sParameterName[1]; + } + return obj; + } else { + return undefined; + } + }; + + // Execute actions on images generated from Markdown pages + var images = $(".content img").not(".inline"); + // Wrap image inside a featherlight (to get a full size view in a popup) + images.wrap(function () { + var image = $(this); + if (!image.parent("a").length) { + return "<a href='" + image[0].src + "' data-featherlight='image'></a>"; + } + }); + + // Change styles, depending on parameters set to the image + images.each(function (index) { + var image = $(this) + var o = getUrlParameter(image[0].src); + if (typeof o !== "undefined") { + var h = o["height"]; + var w = o["width"]; + var c = o["classes"]; + image.css("width", function () { + if (typeof w !== "undefined") { + return w; + } else { + return "auto"; + } + }); + image.css("height", function () { + if (typeof h !== "undefined") { + return h; + } else { + return "auto"; + } + }); + if (typeof c !== "undefined") { + var classes = c.split(','); + for (i = 0; i < classes.length; i++) { + image.addClass(classes[i]); + } + } + } + }); + + + // tab + $('.tab-content').find('.tab-pane').each(function (idx, item) { + var navTabs = $(this).closest('.code-tabs').find('.nav-tabs'), + title = $(this).attr('title'); + navTabs.append('<li class="nav-item"><a class="nav-link" href="#">' + title + '</a></li>'); + }); + + $('.code-tabs ul.nav-tabs').each(function () { + $(this).find("li:first").addClass('active'); + }) + + $('.code-tabs .tab-content').each(function () { + $(this).find("div:first").addClass('active'); + }); + + $('.nav-tabs a').click(function (e) { + e.preventDefault(); + var tab = $(this).parent(), + tabIndex = tab.index(), + tabPanel = $(this).closest('.code-tabs'), + tabPane = tabPanel.find('.tab-pane').eq(tabIndex); + tabPanel.find('.active').removeClass('active'); + tab.addClass('active'); + tabPane.addClass('active'); + }); + + + + // search + $('#search').keyup(function () { + if (this.value) { + $(this).addClass('active') + } else { + $(this).removeClass('active') + } + }) + $('#search').focusout(function () { + $(this).removeClass('active') + }) + + + // Download page to pdf format + window.onload = function() { + var generatePDF = document.getElementById('generatePDF'); + if (typeof(generatePDF) != 'undefined' && generatePDF != null) { + generatePDF.addEventListener("click", () => { + const content = this.document.getElementById("content"); + console.log(content); + console.log(window); + var opt = { + margin: 1, + filename: document.querySelector('#title').innerHTML, + image: { type: 'jpeg', quality: 0.98 }, + html2canvas: { scale: 2 }, + jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' } + }; + html2pdf().from(content).set(opt).save(); + }) + } + } + +})(jQuery); diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 96e977b..46b5be6 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,197 +1,197 @@ -################################# Default configuration ###################
-# provide your domain here
-baseURL = "https://examplesite.com/"
-# theme
-theme = "dot"
-# site title
-title = "Dot"
-# disable language
-disableLanguages = []
-# google analytics
-googleAnalytics = "" # paste your analytics ID here. (Ex: UA-123-45)
-# unsafe html
-[markup.goldmark.renderer]
-unsafe = true
-
-
-############################# Default Parameters ##########################
-[params]
-# logo is for all page
-logo = ""
-# logo white is for homepage logo, you can use colorful logo too...
-logo_white = ""
-# when logo is empty, it will shown your site title
-
-# OpenGraph / Twitter Card metadata
-description = "This is meta description"
-author = "Themefisher"
-image = "images/logo.png" # this image will be used as fallback if a page has no image of its own
-
-# customize color
-primary_color = "#02007e"
-body_color = "#f9f9f9"
-text_color = "#636363"
-text_color_dark = "#242738"
-white_color = "#ffffff"
-light_color = "#f8f9fa"
-
-# font family
-font_family = "lato" # Choose font family from : https://fonts.google.com/
-
-# contact form action
-contact_form_action = "#" # contact form works with : https://formspree.io
-
-
-############################## social links ##############################
-[[params.social]]
-icon = "ti-facebook" # themify icon pack : https://themify.me/themify-icons
-name = "Facebook"
-link = "#"
-
-[[params.social]]
-icon = "ti-twitter-alt" # themify icon pack : https://themify.me/themify-icons
-name = "Twitter"
-link = "#"
-
-[[params.social]]
-icon = "ti-github" # themify icon pack : https://themify.me/themify-icons
-name = "Github"
-link = "#"
-
-[[params.social]]
-icon = "ti-linkedin" # themify icon pack : https://themify.me/themify-icons
-name = "Linkedin"
-link = "#"
-
-################################ English Language ######################
-[Languages.en]
-languageName = "En"
-languageCode = "en-us"
-weight = 1
-copyright = "Copyright © 2020 a Hugo theme by [Gethugothemes](https://gethugothemes.com/)"
-
-# banner
-[Languages.en.params.banner]
-title = "Support Center & Knowledge base"
-subtitle = "Find advice and answers from our support team fast or get in touch"
-bg_image = "images/banner.jpg"
-placeholder = "Have a question? Just ask here or enter terms"
-
-# call to action
-[Languages.en.params.cta]
-enable = true
-title = "Didn't find an answer to your question?"
-content = "Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam."
-# call to action button
-[Languages.en.params.cta.button]
-enable = true
-label = "contact us"
-link = "contact"
-
-
-################## english navigation #################
-[[Languages.en.menu.main]]
-name = "Home"
-url = "/"
-weight = 1
-
-[[Languages.en.menu.main]]
-name = "Faq"
-url = "faq"
-weight = 2
-
-[[Languages.en.menu.main]]
-name = "contact"
-url = "contact"
-weight = 3
-
-# Dropdown menu
-[[Languages.en.menu.main]]
-weight = 4
-name = "docs"
-hasChildren = true
-
- [[Languages.en.menu.main]]
- parent = "docs"
- name = "Installation"
- url = "installation"
- weight = 1
-
- [[Languages.en.menu.main]]
- parent = "docs"
- name = "Billing and Pricing"
- url = "billing-pricing"
- weight = 2
-
- [[Languages.en.menu.main]]
- parent = "docs"
- name = "Features"
- url = "features"
- weight = 3
-
-
-################################### Franch Language ######################
-[Languages.fr]
-languageName = "Fr"
-languageCode = "fr-fr"
-weight = 2
-copyright = "Copyright © 2020 un thème Hugo par [Gethugothemes](https://gethugothemes.com/)"
-
-# banner
-[Languages.fr.params.banner]
-title = "Comment pouvons nous aider?"
-subtitle = "Trouvez rapidement des conseils et des réponses auprès de notre équipe d'assistance ou contactez-nous."
-bg_image = "images/banner.jpg"
-placeholder = "Avoir une question? Il suffit de demander ici ou de saisir les termes"
-
-# call to action
-[Languages.fr.params.cta]
-enable = true
-title = "Vous n'avez pas trouvé de réponse à votre question?"
-content = "Contactez-nous pour plus de détails sur les services supplémentaires et la tarification du travail personnalisé"
-# call to action button
-[Languages.fr.params.cta.button]
-enable = true
-label = "Contactez nous"
-link = "contact"
-
-
-################## french navigation #################
-[[Languages.fr.menu.main]]
-name = "Accueil"
-url = "/"
-weight = 1
-
-[[Languages.fr.menu.main]]
-name = "Faq"
-url = "faq"
-weight = 2
-
-[[Languages.fr.menu.main]]
-name = "contact"
-url = "contact"
-weight = 3
-
-# Dropdown menu
-[[Languages.fr.menu.main]]
-weight = 4
-name = "docs"
-hasChildren = true
-
- [[Languages.fr.menu.main]]
- parent = "docs"
- name = "Installation"
- url = "installation"
- weight = 1
-
- [[Languages.fr.menu.main]]
- parent = "docs"
- name = "Billing and Pricing"
- url = "billing-pricing"
- weight = 2
-
- [[Languages.fr.menu.main]]
- parent = "docs"
- name = "Features"
- url = "features"
- weight = 3
\ No newline at end of file +################################# Default configuration ################### +# provide your domain here +baseURL = "https://examplesite.com/" +# theme +theme = "dot-hugo" +# site title +title = "Dot" +# disable language +disableLanguages = [] +# google analytics +googleAnalytics = "" # paste your analytics ID here. (Ex: UA-123-45) +# unsafe html +[markup.goldmark.renderer] +unsafe = true + + +############################# Default Parameters ########################## +[params] +# logo is for all page +logo = "" +# logo white is for homepage logo, you can use colorful logo too... +logo_white = "" +# when logo is empty, it will shown your site title + +# OpenGraph / Twitter Card metadata +description = "This is meta description" +author = "Themefisher" +image = "images/logo.png" # this image will be used as fallback if a page has no image of its own + +# customize color +primary_color = "#02007e" +body_color = "#f9f9f9" +text_color = "#636363" +text_color_dark = "#242738" +white_color = "#ffffff" +light_color = "#f8f9fa" + +# font family +font_family = "lato" # Choose font family from : https://fonts.google.com/ + +# contact form action +contact_form_action = "#" # contact form works with : https://formspree.io + + +############################## social links ############################## +[[params.social]] +icon = "ti-facebook" # themify icon pack : https://themify.me/themify-icons +name = "Facebook" +link = "#" + +[[params.social]] +icon = "ti-twitter-alt" # themify icon pack : https://themify.me/themify-icons +name = "Twitter" +link = "#" + +[[params.social]] +icon = "ti-github" # themify icon pack : https://themify.me/themify-icons +name = "Github" +link = "#" + +[[params.social]] +icon = "ti-linkedin" # themify icon pack : https://themify.me/themify-icons +name = "Linkedin" +link = "#" + +################################ English Language ###################### +[Languages.en] +languageName = "En" +languageCode = "en-us" +weight = 1 +copyright = "Copyright © 2021 a Hugo theme by [Gethugothemes](https://gethugothemes.com/)" + +# banner +[Languages.en.params.banner] +title = "Support Center & Knowledge base" +subtitle = "Find advice and answers from our support team fast or get in touch" +bg_image = "images/banner.jpg" +placeholder = "Have a question? Just ask here or enter terms" + +# call to action +[Languages.en.params.cta] +enable = true +title = "Didn't find an answer to your question?" +content = "Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam." +# call to action button +[Languages.en.params.cta.button] +enable = true +label = "contact us" +link = "contact" + + +################## english navigation ################# +[[Languages.en.menu.main]] +name = "Home" +url = "/" +weight = 1 + +[[Languages.en.menu.main]] +name = "Faq" +url = "faq" +weight = 2 + +[[Languages.en.menu.main]] +name = "contact" +url = "contact" +weight = 3 + +# Dropdown menu +[[Languages.en.menu.main]] +weight = 4 +name = "docs" +hasChildren = true + + [[Languages.en.menu.main]] + parent = "docs" + name = "Installation" + url = "installation" + weight = 1 + + [[Languages.en.menu.main]] + parent = "docs" + name = "Billing and Pricing" + url = "billing-pricing" + weight = 2 + + [[Languages.en.menu.main]] + parent = "docs" + name = "Features" + url = "features" + weight = 3 + + +################################### Franch Language ###################### +[Languages.fr] +languageName = "Fr" +languageCode = "fr-fr" +weight = 2 +copyright = "Copyright © 2021 un thème Hugo par [Gethugothemes](https://gethugothemes.com/)" + +# banner +[Languages.fr.params.banner] +title = "Comment pouvons nous aider?" +subtitle = "Trouvez rapidement des conseils et des réponses auprès de notre équipe d'assistance ou contactez-nous." +bg_image = "images/banner.jpg" +placeholder = "Avoir une question? Il suffit de demander ici ou de saisir les termes" + +# call to action +[Languages.fr.params.cta] +enable = true +title = "Vous n'avez pas trouvé de réponse à votre question?" +content = "Contactez-nous pour plus de détails sur les services supplémentaires et la tarification du travail personnalisé" +# call to action button +[Languages.fr.params.cta.button] +enable = true +label = "Contactez nous" +link = "contact" + + +################## french navigation ################# +[[Languages.fr.menu.main]] +name = "Accueil" +url = "/" +weight = 1 + +[[Languages.fr.menu.main]] +name = "Faq" +url = "faq" +weight = 2 + +[[Languages.fr.menu.main]] +name = "contact" +url = "contact" +weight = 3 + +# Dropdown menu +[[Languages.fr.menu.main]] +weight = 4 +name = "docs" +hasChildren = true + + [[Languages.fr.menu.main]] + parent = "docs" + name = "Installation" + url = "installation" + weight = 1 + + [[Languages.fr.menu.main]] + parent = "docs" + name = "Billing and Pricing" + url = "billing-pricing" + weight = 2 + + [[Languages.fr.menu.main]] + parent = "docs" + name = "Features" + url = "features" + weight = 3 diff --git a/exampleSite/netlify.toml b/exampleSite/netlify.toml new file mode 100644 index 0000000..25b63b3 --- /dev/null +++ b/exampleSite/netlify.toml @@ -0,0 +1,16 @@ +[build] + publish = "public" + command = "hugo --minify --gc" + +[build.environment] + HUGO_VERSION = "0.87.0" + HUGO_BASEURL = "/" + +[[headers]] + for = "/*" # This defines which paths this specific [[headers]] block will cover. + +[headers.values] + X-Frame-Options = "DENY" + X-XSS-Protection = "1; mode=block" + Referrer-Policy = "same-origin" + Strict-Transport-Security = "max-age=31536000; includeSubDomains; preload" diff --git a/layouts/contact/list.html b/layouts/contact/list.html index c7eb134..d2bfb61 100644 --- a/layouts/contact/list.html +++ b/layouts/contact/list.html @@ -1,25 +1,25 @@ -{{ define "main" }}
-
-{{ "<!-- contact -->" | safeHTML }}
-<section class="section">
- <div class="container">
- <div class="row">
- <div class="col-12">
- <h2 class="section-title text-primary">{{ .Title }}</h2>
- {{ .Content }}
- <form action="{{ .Site.Params.contact_form_action | safeURL }}" method="POST">
- <input type="text" id="name" name="name" placeholder="Name" class="form-control mb-4 shadow rounded-0">
- <input type="email" id="mail" name="mail" placeholder="Email" class="form-control mb-4 shadow rounded-0">
- <input type="text" id="subject" name="subject" placeholder="subject"
- class="form-control mb-4 shadow rounded-0">
- <textarea name="message" id="message" placeholder="Message"
- class="form-control mb-4 shadow rounded-0"></textarea>
- <button type="submit" value="send" class="btn btn-primary">{{ i18n "send" }}</button>
- </form>
- </div>
- </div>
- </div>
-</section>
-{{ "<!-- /contact -->" | safeHTML }}
-
-{{ end }}
\ No newline at end of file +{{ define "main" }} + +{{ "<!-- contact -->" | safeHTML }} +<section class="section"> + <div class="container"> + <div class="row"> + <div class="col-12"> + <h2 class="section-title text-primary">{{ .Title }}</h2> + {{ .Content }} + <form action="{{ .Site.Params.contact_form_action | safeURL }}" method="POST"> + <input type="text" id="name" name="name" placeholder="Name" class="form-control mb-4 shadow rounded-0"> + <input type="email" id="mail" name="mail" placeholder="Email" class="form-control mb-4 shadow rounded-0"> + <input type="text" id="subject" name="subject" placeholder="Subject" + class="form-control mb-4 shadow rounded-0"> + <textarea name="message" id="message" placeholder="Message" + class="form-control mb-4 shadow rounded-0"></textarea> + <button type="submit" value="send" class="btn btn-primary">{{ i18n "send" }}</button> + </form> + </div> + </div> + </div> +</section> +{{ "<!-- /contact -->" | safeHTML }} + +{{ end }} diff --git a/layouts/partials/default.html b/layouts/partials/default.html index f166c46..7614269 100644 --- a/layouts/partials/default.html +++ b/layouts/partials/default.html @@ -1,105 +1,112 @@ -{{ "<!-- details page -->" | safeHTML }}
-<section class="single section-sm pb-0">
- <div class="container">
- <div class="row">
- <div class="col-lg-3">
- <div class="sidebar">
- <a class="back-btn" href="{{ .Site.BaseURL | relLangURL }}" aria-label="back"></a>
- <ul class="list-styled">
- {{ $currentNode := . }}
- {{range .Site.Home.Sections.ByWeight}}
- {{ if eq .FirstSection $currentNode.FirstSection }}
- {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode}}
- {{ end }}
- {{ end }}
- </ul>
- </div>
- </div>
- <div class="col-lg-9">
- <div class="p-lg-5 p-4 bg-white">
- <h2 class="mb-5">{{ .Title }}</h2>
- {{ if .Content }}
- <div class="content">{{.Content}}</div>
- {{ else }}
- <div class="bg-light p-4">
- <ul class="page-list">
- {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode }}
- </ul>
- </div>
- {{ end }}
- <p class="post-meta border-bottom pb-3 mb-0 mt-3">Updated on {{ .Lastmod.Format "02 Jan 2006" }}</p>
- <nav class="pagination mt-3">
- <!-- Next prev page -->
- {{ $currentNode := . }}
- {{ template "menu-nextprev" dict "menu" .Site.Home "currentnode" $currentNode }}
- {{ define "menu-nextprev" }}
- {{$currentNode := .currentnode }}
- {{ if ne .menu.Params.hidden true}}
- {{if hasPrefix $currentNode.Permalink .menu.Permalink }}
- {{ $currentNode.Scratch.Set "NextPageOK" "OK" }}
- {{ $currentNode.Scratch.Set "prevPage" ($currentNode.Scratch.Get "prevPageTmp") }}
- {{else}}
- {{if eq ($currentNode.Scratch.Get "NextPageOK") "OK"}}
- {{ $currentNode.Scratch.Set "NextPageOK" nil }}
- {{ $currentNode.Scratch.Set "nextPage" .menu }}
- {{end}}
- {{end}}
- {{ $currentNode.Scratch.Set "prevPageTmp" .menu }}
-
- {{ $currentNode.Scratch.Set "pages" .menu.Pages }}
- {{ if .menu.IsHome}}
- {{ $currentNode.Scratch.Set "pages" .menu.Sections }}
- {{ else if .menu.Sections}}
- {{ $currentNode.Scratch.Set "pages" (.menu.Pages | union .menu.Sections) }}
- {{end}}
- {{ $pages := ($currentNode.Scratch.Get "pages") }}
-
- {{ range $pages.ByWeight }}
- {{ template "menu-nextprev" dict "menu" . "currentnode" $currentNode }}
- {{end}}
- {{ end }}
- {{ end }}
-
- {{with ($.Scratch.Get "prevPage")}}
- <a class="nav nav-prev" href="{{.Permalink }}" aria-label="Previous page" ><i class="ti-arrow-left mr-2"></i> <span class="d-none d-md-block">{{.Title}}</span></a>
- {{end}}
- {{with ($.Scratch.Get "nextPage")}}
- <a class="nav nav-next" href="{{.Permalink }}" aria-label="Previous page" > <span class="d-none d-md-block">{{.Title}}</span><i class="ti-arrow-right ml-2"></i></a>
- {{end}}
- </nav>
- </div>
- </div>
- </div>
- </div>
-</section>
-{{ "<!-- /details page -->" | safeHTML }}
-
-<!-- templates -->
-{{ define "section-tree-nav" }}
-{{ $showvisitedlinks := .showvisitedlinks }}
-{{ $currentNode := .currentnode }}
-{{with .sect}}
-{{safeHTML .Params.head}}
-{{ $fileUniqueID := "" }}
-{{ with .File }}{{ $fileUniqueID = .UniqueID }}{{ end }}
-{{ $currentNodeFileUniqueID := "" }}
-{{ with $currentNode.File }}{{ $currentNodeFileUniqueID = .UniqueID }}{{ end }}
-<li data-nav-id="{{.Permalink}}" title="{{.Title}}" class="sidelist
- {{if eq $fileUniqueID $currentNodeFileUniqueID}}active{{end}}">
- <a href="{{.Permalink}}">
- {{safeHTML .Params.Pre}}{{or .Params.menuTitle .LinkTitle .Title}}{{safeHTML .Params.Post}}
- </a>
- {{ $numberOfPages := (add (len .Pages) (len .Sections)) }}
- {{ if ne $numberOfPages 0 }}
- <ul>
- {{ range .Pages.ByWeight }}
- {{ if and .Params.hidden (not $.showhidden) }}
- {{else}}
- {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode }}
- {{end}}
- {{end}}
- </ul>
- {{ end }}
-</li>
-{{ end }}
+{{ "<!-- details page -->" | safeHTML }} +<section class="single section-sm pb-0"> + <div class="container"> + <div class="row"> + <div class="col-lg-3"> + <div class="sidebar"> + <a class="back-btn" href="{{ .Site.BaseURL | relLangURL }}" aria-label="back"></a> + <ul class="list-styled"> + {{ $currentNode := . }} + {{range .Site.Home.Sections.ByWeight}} + {{ if eq .FirstSection $currentNode.FirstSection }} + {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode}} + {{ end }} + {{ end }} + {{ if .Content }} + {{ if eq .Params.downloadBtn "true" }} + <div> + <button class="btn btn-primary btn-block" id="generatePDF" > Get Pdf </button> + </div> + {{ end }} + {{ end }} + </ul> + </div> + </div> + <div class="col-lg-9"> + <div class="p-lg-5 p-4 bg-white" id="content"> + <h2 class="mb-5" id="title">{{ .Title }}</h2> + {{ if .Content }} + <div class="content">{{.Content}}</div> + {{ else }} + <div class="bg-light p-4"> + <ul class="page-list"> + {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode }} + </ul> + </div> + {{ end }} + <p class="post-meta border-bottom pb-3 mb-0 mt-3">Updated on {{ .Lastmod.Format "02 Jan 2006" }}</p> + <nav class="pagination mt-3"> + <!-- Next prev page --> + {{ $currentNode := . }} + {{ template "menu-nextprev" dict "menu" .Site.Home "currentnode" $currentNode }} + {{ define "menu-nextprev" }} + {{$currentNode := .currentnode }} + {{ if ne .menu.Params.hidden true}} + {{if hasPrefix $currentNode.Permalink .menu.Permalink }} + {{ $currentNode.Scratch.Set "NextPageOK" "OK" }} + {{ $currentNode.Scratch.Set "prevPage" ($currentNode.Scratch.Get "prevPageTmp") }} + {{else}} + {{if eq ($currentNode.Scratch.Get "NextPageOK") "OK"}} + {{ $currentNode.Scratch.Set "NextPageOK" nil }} + {{ $currentNode.Scratch.Set "nextPage" .menu }} + {{end}} + {{end}} + {{ $currentNode.Scratch.Set "prevPageTmp" .menu }} + + {{ $currentNode.Scratch.Set "pages" .menu.Pages }} + {{ if .menu.IsHome}} + {{ $currentNode.Scratch.Set "pages" .menu.Sections }} + {{ else if .menu.Sections}} + {{ $currentNode.Scratch.Set "pages" (.menu.Pages | union .menu.Sections) }} + {{end}} + {{ $pages := ($currentNode.Scratch.Get "pages") }} + + {{ range $pages.ByWeight }} + {{ template "menu-nextprev" dict "menu" . "currentnode" $currentNode }} + {{end}} + {{ end }} + {{ end }} + + {{with ($.Scratch.Get "prevPage")}} + <a class="nav nav-prev" href="{{.Permalink }}" aria-label="Previous page" ><i class="ti-arrow-left mr-2"></i> <span class="d-none d-md-block">{{.Title}}</span></a> + {{end}} + {{with ($.Scratch.Get "nextPage")}} + <a class="nav nav-next" href="{{.Permalink }}" aria-label="Previous page" > <span class="d-none d-md-block">{{.Title}}</span><i class="ti-arrow-right ml-2"></i></a> + {{end}} + </nav> + </div> + </div> + </div> + </div> +</section> +{{ "<!-- /details page -->" | safeHTML }} + +<!-- templates --> +{{ define "section-tree-nav" }} +{{ $showvisitedlinks := .showvisitedlinks }} +{{ $currentNode := .currentnode }} +{{with .sect}} +{{safeHTML .Params.head}} +{{ $fileUniqueID := "" }} +{{ with .File }}{{ $fileUniqueID = .UniqueID }}{{ end }} +{{ $currentNodeFileUniqueID := "" }} +{{ with $currentNode.File }}{{ $currentNodeFileUniqueID = .UniqueID }}{{ end }} +<li data-nav-id="{{.Permalink}}" title="{{.Title}}" class="sidelist + {{if eq $fileUniqueID $currentNodeFileUniqueID}}active{{end}}"> + <a href="{{.Permalink}}"> + {{safeHTML .Params.Pre}}{{or .Params.menuTitle .LinkTitle .Title}}{{safeHTML .Params.Post}} + </a> + {{ $numberOfPages := (add (len .Pages) (len .Sections)) }} + {{ if ne $numberOfPages 0 }} + <ul> + {{ range .Pages.ByWeight }} + {{ if and .Params.hidden (not $.showhidden) }} + {{else}} + {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode }} + {{end}} + {{end}} + </ul> + {{ end }} +</li> +{{ end }} {{ end }}
\ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 1a17d83..b808548 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -1,89 +1,93 @@ -<head>
- <meta charset="utf-8">
- <title>{{ .Title }}</title>
- <meta name="viewport" content="width=device-width, initial-scale=1"/>
- {{ hugo.Generator }}
- <meta name="description" content="{{ .Title }} - {{ .Site.Title }} ">
-
- {{ "<!-- ** CSS Plugins Needed for the Project ** -->" | safeHTML }}
-
- {{ "<!-- Bootstrap -->" | safeHTML }}
- <link rel="stylesheet" href="{{ `plugins/bootstrap/bootstrap.min.css` | absURL }}">
-
- {{ "<!-- themefy-icon -->" | safeHTML }}
- <link rel="stylesheet" href="{{ `plugins/themify-icons/themify-icons.css` | absURL }}">
-
- {{ "<!--Favicon-->" | safeHTML }}
- <link rel="icon" href="{{ `images/favicon.png` | absURL }}" type="image/x-icon">
-
- {{ "<!-- fonts -->" | safeHTML }}
- <link href="https://fonts.googleapis.com/css?family={{replace .Site.Params.font_family ' ' '+' | title}}:300,400,700&display=swap" rel="stylesheet">
-
- <style>
- :root{
- --primary-color:{{ .Site.Params.primary_color }};
- --body-color:{{ .Site.Params.body_color }};
- --text-color:{{ .Site.Params.text_color }};
- --text-color-dark:{{ .Site.Params.text_color_dark }};
- --white-color:{{ .Site.Params.white_color }};
- --light-color:{{ .Site.Params.light_color }};
- --font-family:{{ replace .Site.Params.font_family ' ' '+' | title }};
- }
- </style>
-
-{{ "<!-- Main Stylesheet -->" | safeHTML }}
-{{ $css := resources.Get "css/style.css" | minify }}
-<link href="{{ $css.Permalink }}" rel="stylesheet" media="screen"/>
-
-{{ "<!-- ** JS Plugins Needed for the Project ** -->" | safeHTML }}
-
-{{ "<!-- jquiry -->" | safeHTML }}
-<script src="{{ `plugins/jquery/jquery-1.12.4.js` | absURL }}"></script>
-
-{{ "<!-- jquary ui -->" | safeHTML }}
-<script src="{{ `plugins/jquery/jquery-ui.js`| absURL }}"></script>
-
-{{ "<!-- Bootstrap JS -->" | safeHTML }}
-<script src="{{ `plugins/bootstrap/bootstrap.min.js` | absURL }}"></script>
-
-{{ "<!-- match-height JS -->" | safeHTML }}
-<script src="{{ `plugins/match-height/jquery.matchHeight-min.js` | absURL }}"></script>
-
-{{ template "_internal/google_analytics.html" . }}
-
-{{ if templates.Exists ( printf "partials/overrides/header.html" ) }}
- {{ partial "partials/overrides/header.html" . }}
-{{ else }}
- {{ "<!-- create /layouts/partials/overrides/header.html in your own theme or root directory to add your custom content here -->" | safeHTML }}
-{{ end }}
-
-
-<!-- Open Graph image and Twitter Card metadata -->
-{{ $image_path := .Params.image | default site.Params.image }}
-{{ $image_path_local := printf "static/%s" $image_path }}
-{{ $image_ext := trim (path.Ext $image_path | lower) "." }}
-{{ if fileExists $image_path_local }}
- <meta property="og:image" content="{{ $image_path | absURL }}" />
- {{ if ne $image_ext "svg" }}
- {{ with (imageConfig $image_path_local) }}
- {{ if (and (gt .Width 144) (gt .Height 144)) }}
- <meta name="twitter:image" content="{{ $image_path | absURL }}"/>
- <meta name="twitter:card" content="summary{{ if (and (gt .Width 300) (gt .Height 157) (not (eq .Width .Height))) }}_large_image{{ end }}">
- {{ end }}
- <meta property="og:image:width" content="{{ .Width }}">
- <meta property="og:image:height" content="{{ .Height }}">
- {{ end }}
- {{ end }}
- <meta property="og:image:type" content="image/{{ if eq $image_ext `svg` }}svg+xml{{ else }}{{ replaceRE `^jpg$` `jpeg` $image_ext }}{{ end }}">
-{{ end }}
-<meta name="twitter:title" content="{{ .Title }}"/>
-<meta name="twitter:description" content="{{ with .Description }}{{ . }}{{ else }}{{ if .IsPage }}{{ .Summary }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}"/>
-{{ with site.Social.twitter }}<meta name="twitter:site" content="@{{ . }}"/>{{ end }}
-{{ range site.Authors }}
- {{ with .twitter }}<meta name="twitter:creator" content="@{{ . }}"/>{{ end }}
-{{ end }}
-
-{{ template "_internal/opengraph.html" . }}
-{{ template "_internal/twitter_cards.html" . }}
-
-</head>
+<head> + <meta charset="utf-8"> + <title>{{ .Title }}</title> + <meta name="viewport" content="width=device-width, initial-scale=1"/> + {{ hugo.Generator }} + <meta name="description" content="{{ .Title }} - {{ .Site.Title }} "> + + {{ "<!-- ** CSS Plugins Needed for the Project ** -->" | safeHTML }} + + {{ "<!-- Bootstrap -->" | safeHTML }} + <link rel="stylesheet" href="{{ `plugins/bootstrap/bootstrap.min.css` | absURL }}"> + + {{ "<!-- themefy-icon -->" | safeHTML }} + <link rel="stylesheet" href="{{ `plugins/themify-icons/themify-icons.css` | absURL }}"> + + {{ "<!--Favicon-->" | safeHTML }} + <link rel="icon" href="{{ `images/favicon.png` | absURL }}" type="image/x-icon"> + + {{ "<!-- fonts -->" | safeHTML }} + <link href="https://fonts.googleapis.com/css?family={{replace .Site.Params.font_family ' ' '+' | title}}:300,400,700&display=swap" rel="stylesheet"> + + {{ "<!-- PDF.js -->" | safeHTML }} + <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.9.359/pdf.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.3/html2pdf.bundle.js"></script> + + <style> + :root{ + --primary-color:{{ .Site.Params.primary_color }}; + --body-color:{{ .Site.Params.body_color }}; + --text-color:{{ .Site.Params.text_color }}; + --text-color-dark:{{ .Site.Params.text_color_dark }}; + --white-color:{{ .Site.Params.white_color }}; + --light-color:{{ .Site.Params.light_color }}; + --font-family:{{ replace .Site.Params.font_family ' ' '+' | title }}; + } + </style> + +{{ "<!-- Main Stylesheet -->" | safeHTML }} +{{ $css := resources.Get "css/style.css" | minify }} +<link href="{{ $css.Permalink }}" rel="stylesheet" media="screen"/> + +{{ "<!-- ** JS Plugins Needed for the Project ** -->" | safeHTML }} + +{{ "<!-- jquiry -->" | safeHTML }} +<script src="{{ `plugins/jquery/jquery-1.12.4.js` | absURL }}"></script> + +{{ "<!-- jquary ui -->" | safeHTML }} +<script src="{{ `plugins/jquery/jquery-ui.js`| absURL }}"></script> + +{{ "<!-- Bootstrap JS -->" | safeHTML }} +<script src="{{ `plugins/bootstrap/bootstrap.min.js` | absURL }}"></script> + +{{ "<!-- match-height JS -->" | safeHTML }} +<script src="{{ `plugins/match-height/jquery.matchHeight-min.js` | absURL }}"></script> + +{{ template "_internal/google_analytics.html" . }} + +{{ if templates.Exists ( printf "partials/overrides/header.html" ) }} + {{ partial "partials/overrides/header.html" . }} +{{ else }} + {{ "<!-- create /layouts/partials/overrides/header.html in your own theme or root directory to add your custom content here -->" | safeHTML }} +{{ end }} + + +<!-- Open Graph image and Twitter Card metadata --> +{{ $image_path := .Params.image | default site.Params.image }} +{{ $image_path_local := printf "static/%s" $image_path }} +{{ $image_ext := trim (path.Ext $image_path | lower) "." }} +{{ if fileExists $image_path_local }} + <meta property="og:image" content="{{ $image_path | absURL }}" /> + {{ if ne $image_ext "svg" }} + {{ with (imageConfig $image_path_local) }} + {{ if (and (gt .Width 144) (gt .Height 144)) }} + <meta name="twitter:image" content="{{ $image_path | absURL }}"/> + <meta name="twitter:card" content="summary{{ if (and (gt .Width 300) (gt .Height 157) (not (eq .Width .Height))) }}_large_image{{ end }}"> + {{ end }} + <meta property="og:image:width" content="{{ .Width }}"> + <meta property="og:image:height" content="{{ .Height }}"> + {{ end }} + {{ end }} + <meta property="og:image:type" content="image/{{ if eq $image_ext `svg` }}svg+xml{{ else }}{{ replaceRE `^jpg$` `jpeg` $image_ext }}{{ end }}"> +{{ end }} +<meta name="twitter:title" content="{{ .Title }}"/> +<meta name="twitter:description" content="{{ with .Description }}{{ . }}{{ else }}{{ if .IsPage }}{{ .Summary }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}"/> +{{ with site.Social.twitter }}<meta name="twitter:site" content="@{{ . }}"/>{{ end }} +{{ range site.Authors }} + {{ with .twitter }}<meta name="twitter:creator" content="@{{ . }}"/>{{ end }} +{{ end }} + +{{ template "_internal/opengraph.html" . }} +{{ template "_internal/twitter_cards.html" . }} + +</head> diff --git a/layouts/partials/navigation.html b/layouts/partials/navigation.html index d28e1b4..e64a899 100644 --- a/layouts/partials/navigation.html +++ b/layouts/partials/navigation.html @@ -1,68 +1,68 @@ -<nav class="navbar navbar-expand-md {{ if .IsHome }}navbar-dark{{ else }}navbar-light{{ end }}">
- <div class="container">
- <a class="navbar-brand px-2" href="{{ site.BaseURL | relLangURL }}">
- {{ $logo:= site.Params.logo }}
- {{ $logoWhite:= site.Params.logo_white }}
- {{ if (or $logo $logoWhite) }}
- {{ if .IsHome }}
- <img class="img-fluid" src="{{if $logoWhite }}{{ $logoWhite | absURL }} {{ else }} {{ $logo | absURL }}{{ end }}"
- alt="{{ site.Title }}">
- {{ else }}
- <img class="img-fluid" src="{{ $logo | absURL }}" alt="{{ site.Title }}">
- {{ end }}
- {{ else }}
- {{ site.Title }}
- {{ end }}
- </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">
- {{ 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 | absLangURL }}">{{ .Name }}</a>
- {{ end }}
- </div>
- </li>
- {{ else }}
- <li class="nav-item">
- <a class="nav-link text-dark" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
- </li>
- {{ end }}
- {{ end }}
- </ul>
- <!-- Language List -->
- {{- if site.IsMultiLingual }}
- <select class="lang-list {{ if not .IsHome }}dark{{ end }}" id="select-language"
- onchange="location = this.value;">
- {{ $siteLanguages := site.Languages}}
- {{ $pageLang := .Page.Lang}}
- {{ range .Page.AllTranslations }}
- {{ $translation := .}}
- {{ range $siteLanguages }}
- {{ if eq $translation.Lang .Lang }}
- {{ $selected := false }}
- {{ if eq $pageLang .Lang}}
- <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }}
- </option>
- {{ else }}
- <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option>
- {{ end }}
- {{ end }}
- {{ end }}
- {{ end }}
- </select>
- {{ end }}
- </div>
- </div>
-</nav>
+<nav class="navbar navbar-expand-md {{ if .IsHome }}navbar-dark{{ else }}navbar-light{{ end }}"> + <div class="container px-2 px-md-0"> + <a class="navbar-brand px-2" href="{{ site.BaseURL | relLangURL }}"> + {{ $logo:= site.Params.logo }} + {{ $logoWhite:= site.Params.logo_white }} + {{ if (or $logo $logoWhite) }} + {{ if .IsHome }} + <img class="img-fluid" src="{{if $logoWhite }}{{ $logoWhite | absURL }} {{ else }} {{ $logo | absURL }}{{ end }}" + alt="{{ site.Title }}"> + {{ else }} + <img class="img-fluid" src="{{ $logo | absURL }}" alt="{{ site.Title }}"> + {{ end }} + {{ else }} + {{ site.Title }} + {{ end }} + </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"> + {{ 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 | absLangURL }}">{{ .Name }}</a> + {{ end }} + </div> + </li> + {{ else }} + <li class="nav-item"> + <a class="nav-link text-dark" href="{{ .URL | absLangURL }}">{{ .Name }}</a> + </li> + {{ end }} + {{ end }} + </ul> + <!-- Language List --> + {{- if site.IsMultiLingual }} + <select class="lang-list {{ if not .IsHome }}dark mb-3 mb-md-0{{ end }}" id="select-language" + onchange="location = this.value;"> + {{ $siteLanguages := site.Languages}} + {{ $pageLang := .Page.Lang}} + {{ range .Page.AllTranslations }} + {{ $translation := .}} + {{ range $siteLanguages }} + {{ if eq $translation.Lang .Lang }} + {{ $selected := false }} + {{ if eq $pageLang .Lang}} + <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }} + </option> + {{ else }} + <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option> + {{ end }} + {{ end }} + {{ end }} + {{ end }} + </select> + {{ end }} + </div> + </div> +</nav> diff --git a/layouts/shortcodes/faq.html b/layouts/shortcodes/faq.html index 8f493c7..0936298 100644 --- a/layouts/shortcodes/faq.html +++ b/layouts/shortcodes/faq.html @@ -1,12 +1,12 @@ -{{ $_hugo_config := `{ "version": 1 }` }}
-
-<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="#{{ .Get 0 | sha1 }}">
- <span>{{ .Get 0 | markdownify }}</span> <i class="ti-plus text-primary text-right"></i>
- </a>
- </div>
- <div id="{{ .Get 0 | sha1 }}" class="collapse" data-parent="#accordion">
- <div class="card-body font-secondary text-color">{{ .Inner | markdownify }}</div>
- </div>
+{{ $_hugo_config := `{ "version": 1 }` }} + +<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="#{{ .Get 0 | sha1 }}"> + <span>{{ .Get 0 | markdownify }}</span> <i class="ti-plus text-primary text-right"></i> + </a> + </div> + <div id="{{ .Get 0 | sha1 }}" class="collapse" data-parent="#accordion"> + <div class="card-body font-secondary text-color pt-0">{{ .Inner | markdownify }}</div> + </div> </div>
\ No newline at end of file diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 0000000..a718ec7 --- /dev/null +++ b/netlify.toml @@ -0,0 +1,17 @@ +[build] + publish = "exampleSite/public" + command = "cd exampleSite && hugo --minify --gc --themesDir ../.." + +[build.environment] + HUGO_VERSION = "0.87.0" + HUGO_THEME = "repo" + HUGO_BASEURL = "/" + +[[headers]] + for = "/*" # This defines which paths this specific [[headers]] block will cover. + +[headers.values] + X-Frame-Options = "DENY" + X-XSS-Protection = "1; mode=block" + Referrer-Policy = "same-origin" + Strict-Transport-Security = "max-age=31536000; includeSubDomains; preload" @@ -1,15 +1,16 @@ -# theme.toml template for a Hugo theme
-# See https://github.com/gohugoio/hugoThemes#themetoml for an example
-
-name = "Dot"
-license = "MIT Licence"
-licenselink = "https://github.com/themefisher/dot/blob/master/LICENSE"
-description = "Dot, A documentation theme powered by hugo"
-homepage = "https://gethugothemes.com/products/hugo-documentation-theme/"
-tags = ["documentation", "bootstrap", "light", "minimal", "clean", "simple", "fast", "modern", "white", "customizable", "creative", "flexbox","minimalistic","Highlight.js","typography", "docs", "material design", "highlighting", "contact form", "responsive", "Syntax highlighting", "Multilingual", "Single page", "Themefisher", "gethugothemes"]
-features = ["responsive","search autocomplete", "color scheme"]
-min_version = "0.64.0"
-
-[author]
- name = "Themefisher"
+# theme.toml template for a Hugo theme +# See https://github.com/gohugoio/hugoThemes#themetoml for an example + +name = "Dot" +license = "MIT Licence" +licenselink = "https://github.com/themefisher/dot/blob/master/LICENSE" +description = "Dot, A documentation theme powered by hugo" +homepage = "https://gethugothemes.com/products/hugo-documentation-theme/" +demosite = "https://demo.gethugothemes.com/dot/" +tags = ["documentation", "bootstrap", "light", "minimal", "clean", "simple", "fast", "modern", "white", "customizable", "creative", "flexbox","minimalistic","Highlight.js","typography", "docs", "material design", "highlighting", "contact form", "responsive", "Syntax highlighting", "Multilingual", "Single page", "Themefisher", "gethugothemes"] +features = ["responsive","search autocomplete", "color scheme"] +min_version = "0.64.0" + +[author] + name = "Themefisher" homepage = "https://themefisher.com"
\ No newline at end of file |