modified main code structure

This commit is contained in:
somrat 2019-09-04 17:35:48 +06:00
parent 2830291cbc
commit 7a4f6b06a4
71 changed files with 1776 additions and 922 deletions

View file

@ -1,20 +1,15 @@
body {
line-height: 1.8;
line-height: 1.5;
font-family: "Lato", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 18px;
font-size: 17px;
color: var(--text-color);
background-color: var(--secondary-color);
}
p,
.paragraph {
P {
color: var(--text-color);
font-size: 16px;
line-height: 1.8;
font-family: "Lato", sans-serif;
font-size: 15px;
}
h1,
@ -103,6 +98,31 @@ h6,
border-color: var(--primary-color);
}
.btn-default {
color: #333 !important;
background-color: #fff !important;
border: 1px solid #ccc !important;
display: inline-block !important;
padding: 6px 12px !important;
margin-bottom: 0 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.42857143 !important;
text-align: center !important;
white-space: nowrap !important;
vertical-align: middle !important;
-ms-touch-action: manipulation !important;
touch-action: manipulation !important;
border-radius: 4px !important;
}
.inline-button {
line-height: .8rem !important;
padding: 5px 8px !important;
pointer-events: none;
margin-top: -5px;
}
body {
background-color: var(--white-color);
overflow-x: hidden;
@ -132,10 +152,14 @@ body {
justify-content: center;
}
ol,
ul {
list-style-type: none;
margin: 0px;
padding-left: 0;
}
ol{
padding-left: 20px;
}
img {
@ -147,6 +171,12 @@ a,
a:hover,
a:focus {
text-decoration: none;
color: var(--primary-color);
}
a:hover,
a:focus {
color: var(--primary-color);
}
a,
@ -221,7 +251,7 @@ pre {
}
.bg-primary {
background:var(--primary-color) !important;
background: var(--primary-color) !important;
}
.bg-gray {
@ -284,11 +314,15 @@ pre {
margin-bottom: 100px !important;
}
header.sticky-top {
z-index: 9999;
}
.zindex-1 {
z-index: 1;
}
.top-100{
.top-100 {
top: 100px;
}
@ -300,9 +334,15 @@ pre {
padding: 0;
}
.navbar-brand img {
max-width: 100px;
margin-bottom: 0;
}
.navbar .nav-item .nav-link {
text-transform: uppercase;
padding: 18px 15px !important;
font-size: 15px;
}
.navbar .dropdown:hover .dropdown-menu {
@ -389,21 +429,20 @@ pre {
}
.banner p{
.banner p {
font-size: 20px;
opacity: .8;
}
.banner .text-dark{
.banner .nav-link.text-dark {
color: var(--white-color) !important;
}
.banner .text-dark:hover
{
.banner .nav-link.text-dark:hover {
color: var(--white-color) !important;
}
.banner .navbar-brand{
.banner .navbar-brand {
color: var(--white-color) !important;
}
@ -486,8 +525,8 @@ textarea.form-control {
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-bottom {
box-shadow: 0 1px 0 rgba(12, 13, 14, 0.1), 0 1px 6px rgba(59, 64, 69, 0.1);
}
.shadow:hover,
@ -496,52 +535,39 @@ textarea.form-control {
}
/* single page */
h2 {
margin-bottom: 30px;
.content * {
margin-bottom: 20px;
}
h3 {
margin-top: 50px;
margin-bottom: 15px;
}
h4 {
margin-bottom: 15px;
}
img {
width: 100%;
.content img {
max-width: 100%;
height: auto;
margin-bottom: 15px;
margin: 0 auto 15px;
display: block;
text-align: center;
}
ul {
.content ul {
padding-left: 0;
margin-bottom: 20px;
}
ul li a {
color: var(--text-color-dark);
display: block;
font-size: 15px;
font-weight: 600;
padding: 10px 0;
.content ul li {
padding-left: 20px;
position: relative;
}
.post-meta {
color: var(--text-color);
font-style: italic;
font-size: 14px;
font-weight: bold;
}
blockquote {
font-size: 20px !important;
color: var(--text-color-dark);
padding: 10px 40px;
border-left: 2px solid var(--primary-color);
margin: 40px 0;
font-weight: bold;
.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 {
@ -561,6 +587,27 @@ blockquote {
top: 18px;
}
.post-meta {
color: var(--text-color);
font-style: italic;
font-size: 14px;
font-weight: bold;
}
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: #f9f9f9;
}
blockquote p{
margin-bottom: 0 !important;
}
.pagination {
justify-content: space-between;
}
@ -569,48 +616,265 @@ blockquote {
color: var(--primary-color);
}
.pagination i{
font-size: 12px;
line-height: 2.9;
.pagination i {
font-size: 15px;
line-height: 1.8;
}
.sidebar-menu li {
display: none;
}
.sub-menu li {
display: block;
}
.sub-menu li a {
font-size: 15px !important;
color: var(--text-color);
}
.sub-menu li.active a{
color: var(--text-color-dark);
}
li.parent::before {
display: none;
}
li.parent a {
font-size: 20px;
}
#accordion i{
#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 */
/* elements */
.elements .btn{
margin: 10px;
margin-left: 0;
/* side list */
.sidelist {
display: none;
}
/* /elements */
/*# sourceMappingURL=maps/style.css.map */
.sidelist.parent {
display: block;
}
.sidelist.parent::before {
display: none;
}
.sidelist.parent.active::before {
display: block;
}
.sidelist li.sidelist {
display: block;
}
.sidelist li.sidelist.active a {
color: var(--primary-color);
}
.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;
}
#body .nav-tabs {
position: unset;
width: unset;
}
.tab-content>.tab-pane {
display: none;
}
.tab-pane {
padding: 3px 0px;
}
.tab-pane {
padding: 3px 0px;
}
.tab-content>.active {
display: block;
}
.nav-tabs {
color: #0f0f0f;
list-style-type: none;
margin: 0 !important;
padding: 0;
overflow: hidden;
}
.nav-tabs>li {
color: #0f0f0f;
float: left;
padding: 0 !important;
}
.nav-tabs>li::before{
display: none;
}
.nav-tabs>li>a {
display: block;
padding: 5px 10px;
font-size: 14px;
margin-bottom: 0 !important;
}
pre {
display: block;
padding: 9.5px;
margin: 10px 0px 10px;
}
code{
margin-bottom: 0 !important;
font-size: 100%;
}
.code-tabs {
margin: 10px 0px 0px 00px;
}
.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
color: #000 !important;
background: transparent;
}
.tab-content .nav-tabs {
display: none !important;
}
.nav-tabs {
padding-left: 0 !important;
}
.nav-tabs li {
list-style-type: none;
border: 1px solid rgb(212, 212, 212);
border-radius: 4px 4px 0 0;
border-bottom: 0;
}
.tab-pane {
border: 1px solid rgb(212, 212, 212);
padding: 20px;
background: rgb(253, 253, 253);
}
.back-btn {
position: relative;
}
.back-btn::before {
position: absolute;
content: "\1f850";
font-size: 25px;
height: 30px;
width: 20px;
background: #fff;
color: inherit;
z-index: 1;
left: -10px;
top: -3px;
}

View file

@ -1,19 +1,116 @@
(function ($) {
'use strict';
'use strict';
// Background-images
$('[data-background]').each(function () {
$(this).css({
'background-image': 'url(' + $(this).data('background') + ')'
});
// 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');
// 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');
});
})(jQuery);

View file

@ -1,7 +1,7 @@
baseURL = "gethugothemes.com"
theme = "dot-hugo-documentation-theme"
baseURL = "https://gethugothemes.com/"
theme = "dot"
# customize color
[params]
primaryColor = "#02007e"
secondaryColor = "#f9f9f9"
@ -16,11 +16,11 @@ whiteColor = "#ffffff"
languageName = "En"
weight = 1
languageCode = "en-us"
title = "Doc List"
title = "Dot"
dateFormat = "2 January 2006"
home = "Home"
logo = "Dot"
copyright = "The Hugo Documents are copyright © gethugothemes 2018."
copyright = "The Hugo Documents are copyright © gethugothemes 2019."
# navigation
[Languages.en.menu]
@ -35,18 +35,13 @@ whiteColor = "#ffffff"
name = "contact"
url = "contact"
# Dropdown menu
[[Languages.en.menu.main]]
weight = 2
name = "pages"
url = "pages"
hasChildren = true
[[Languages.en.menu.main]]
parent = "pages"
name = "Elements"
url = "elements"
weight = 1
[[Languages.en.menu.main]]
parent = "pages"
name = "Installation"
@ -118,11 +113,11 @@ whiteColor = "#ffffff"
languageName = "Fr"
weight = 1
languageCode = "fr-fr"
title = "Doc List"
title = "Dot"
dateFormat = "2 January 2006"
home = "Aidez-moi"
logo = "DOC LIST"
copyright = "Les documents Hugo sont sous copyright © gethugothemes 2018."
logo = "Dot"
copyright = "Les documents Hugo sont sous copyright © gethugothemes 2019."
# navigation
[Languages.fr.menu]
@ -137,17 +132,12 @@ whiteColor = "#ffffff"
name = "contact"
url = "fr/contact"
# Dropdown menu
[[Languages.fr.menu.main]]
weight = 2
name = "les sujets"
hasChildren = true
[[Languages.fr.menu.main]]
parent = "pages"
name = "Elements"
url = "elements"
weight = 1
[[Languages.fr.menu.main]]
parent = "les sujets"
name = "Commencer"

View file

@ -2,14 +2,36 @@
title: "How to pay your bill"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-primary">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
### Tab Example
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% /tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -17,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-1.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -2,14 +2,21 @@
title: "How to pay your bill"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-primary">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -17,7 +24,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-1.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -2,17 +2,21 @@
title: "Manage My Sprint account"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-danger">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +24,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-2.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -2,17 +2,21 @@
title: "Manage My Sprint account"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-danger">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +24,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-2.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -1,46 +0,0 @@
---
title: "Customer instructions for change of ownership"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-success">
A simple primary alert—check it out!
</div>
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example {#image}
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-3.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block {#code}
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote {#quote}
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -2,17 +2,36 @@
title: "Customer instructions for change of ownership"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-success">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-3.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -0,0 +1,65 @@
---
title: "Customer instructions for change of ownership"
date: 2018-12-29T11:02:05+06:00
type: "post"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -1,46 +0,0 @@
---
title: "Payment arrangements"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-danger">
A simple primary alert—check it out!
</div>
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example {#image}
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-4.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block {#code}
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote {#quote}
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -1,46 +0,0 @@
---
title: "Payment arrangements"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-danger">
A simple primary alert—check it out!
</div>
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example {#image}
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-4.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block {#code}
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote {#quote}
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -0,0 +1,65 @@
---
title: "Payment arrangements"
date: 2018-12-29T11:02:05+06:00
type: "post"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -0,0 +1,65 @@
---
title: "Payment arrangements"
date: 2018-12-29T11:02:05+06:00
type: "post"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -2,17 +2,36 @@
title: "Understand the different levels of profile"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-secondary">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-5.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -2,17 +2,36 @@
title: "Understand the different levels of profile"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-secondary">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-5.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -1,68 +0,0 @@
---
title: "Elements"
date: 2018-12-27T09:10:27+06:00
---
### Alarts
<div class="alert rounded-0 alert-primary">
A simple primary alert—check it out!
</div>
<div class="alert rounded-0 alert-secondary">
A simple secondary alert—check it out!
</div>
<div class="alert rounded-0 alert-success">
A simple success alert—check it out!
</div>
<div class="alert rounded-0 alert-danger">
A simple danger alert—check it out!
</div>
<div class="alert rounded-0 alert-warning">
A simple warning alert—check it out!
</div>
<div class="alert rounded-0 alert-info">
A simple info alert—check it out!
</div>
<div class="alert rounded-0 alert-light">
A simple light alert—check it out!
</div>
<div class="alert rounded-0 alert-dark">
A simple dark alert—check it out!
</div>
### Syntax Highlight
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Blockquote
> This is a simple blockquote.
### Image
![image example](../../../../images/img-7.jpg "image")
### Buttons
<button class="btn btn-primary">Primary Button</button>
<button class="btn btn-secondary">secondary Button</button>
<button class="btn btn-success">success Button</button>
<button class="btn btn-info">info Button</button>
<button class="btn btn-danger">danger Button</button>
<button class="btn btn-warning">warning Button</button>
<button class="btn btn-light">light Button</button>
<button class="btn btn-dark">danger Button</button>

View file

@ -1,68 +0,0 @@
---
title: "Elements"
date: 2018-12-27T09:10:27+06:00
---
### Alarts
<div class="alert rounded-0 alert-primary">
A simple primary alert—check it out!
</div>
<div class="alert rounded-0 alert-secondary">
A simple secondary alert—check it out!
</div>
<div class="alert rounded-0 alert-success">
A simple success alert—check it out!
</div>
<div class="alert rounded-0 alert-danger">
A simple danger alert—check it out!
</div>
<div class="alert rounded-0 alert-warning">
A simple warning alert—check it out!
</div>
<div class="alert rounded-0 alert-info">
A simple info alert—check it out!
</div>
<div class="alert rounded-0 alert-light">
A simple light alert—check it out!
</div>
<div class="alert rounded-0 alert-dark">
A simple dark alert—check it out!
</div>
### Syntax Highlight
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Blockquote
> This is a simple blockquote.
### Image
![image example](../../../../images/img-7.jpg "image")
### Buttons
<button class="btn btn-primary">Primary Button</button>
<button class="btn btn-secondary">secondary Button</button>
<button class="btn btn-success">success Button</button>
<button class="btn btn-info">info Button</button>
<button class="btn btn-danger">danger Button</button>
<button class="btn btn-warning">warning Button</button>
<button class="btn btn-light">light Button</button>
<button class="btn btn-dark">danger Button</button>

View file

@ -2,17 +2,36 @@
title: "Linux"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-primary">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-6.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -2,17 +2,36 @@
title: "Linux"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-primary">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-6.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -2,17 +2,36 @@
title: "Mac OS"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-secondary">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-5.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -2,17 +2,36 @@
title: "Mac OS"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-secondary">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-5.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -1,46 +0,0 @@
---
title: "Routing"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-success">
A simple primary alert—check it out!
</div>
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example {#image}
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/banner.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block {#code}
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote {#quote}
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -1,46 +0,0 @@
---
title: "Routing"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-success">
A simple primary alert—check it out!
</div>
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example {#image}
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/banner.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block {#code}
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote {#quote}
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -0,0 +1,65 @@
---
title: "Routing"
date: 2018-12-29T11:02:05+06:00
type: "post"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -0,0 +1,65 @@
---
title: "Routing"
date: 2018-12-29T11:02:05+06:00
type: "post"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -1,46 +0,0 @@
---
title: "Ubuntu"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-warning">
A simple primary alert—check it out!
</div>
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example {#image}
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block {#code}
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote {#quote}
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -2,17 +2,36 @@
title: "Ubuntu"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-warning">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-1.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -0,0 +1,65 @@
---
title: "Ubuntu"
date: 2018-12-29T11:02:05+06:00
type: "post"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
### Image Example
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
### Example Of Code Block
In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
<script src="/assets/js/main.js"></script>
</head>
### Text and Quote
Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -2,17 +2,36 @@
title: "Windows"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-danger">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-3.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

View file

@ -2,17 +2,36 @@
title: "Windows"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
---
Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
<div class="alert rounded-0 alert-danger">
A simple primary alert—check it out!
</div>
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
@ -20,7 +39,7 @@ Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi vari
Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
![image example](../../../../images/img-3.jpg "image")
![image example](img-1.jpg "image")
Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -1,13 +1,12 @@
---
title: "Configuration"
date: 2018-12-29T11:02:05+06:00
type: "post"
weight: 3
---
### Global site parameters
On top of [Hugo global configuration](https://gohugo.io/overview/configuration/), **Doc-list** lets you define the following parameters in your `config.toml` (here, values are default).
On top of [Hugo global configuration](https://gohugo.io/overview/configuration/), **Dot** lets you define the following parameters in your `config.toml` (here, values are default).
Note that some of these parameters are explained in details in other sections of this documentation.

View file

@ -1,13 +1,12 @@
---
title: "Configuration"
date: 2018-12-29T11:02:05+06:00
type: "post"
weight: 3
---
### Global site parameters
On top of [Hugo global configuration](https://gohugo.io/overview/configuration/), **Doc-list** lets you define the following parameters in your `config.toml` (here, values are default).
On top of [Hugo global configuration](https://gohugo.io/overview/configuration/), **Dot** lets you define the following parameters in your `config.toml` (here, values are default).
Note that some of these parameters are explained in details in other sections of this documentation.

View file

@ -1,20 +1,19 @@
---
title: "Customization"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
weight: 4
---
**Doc-List** has been built to be as configurable as possible.
**Dot** has been built to be as configurable as possible.
### Change the logo
In `config.toml` you will find a logo variable. you can change your logo there.
<div class="alert rounded-0 alert-info">
{{% notice tip %}}
The size of the logo will adapt automatically
</div>
{{% /notice %}}
### Change the favicon
@ -28,7 +27,7 @@ If you need to change this default behavior, create a new file in `layouts/parti
### Change default colors
**Doc-List** support change color. You can change the colors from `config.toml`. You can change the colors of the template as you want.
**Dot** support change color. You can change the colors from `config.toml`. You can change the colors of the template as you want.
```toml

View file

@ -1,20 +1,19 @@
---
title: "Customization"
date: 2018-12-29T11:02:05+06:00
type: "post"
author: "Somrat"
weight: 4
---
**Doc-List** has been built to be as configurable as possible.
**Dot** has been built to be as configurable as possible.
### Change the logo
In `config.toml` you will find a logo variable. you can change your logo there.
<div class="alert rounded-0 alert-info">
{{% notice tip %}}
The size of the logo will adapt automatically
</div>
{{% /notice %}}
### Change the favicon
@ -28,7 +27,7 @@ If you need to change this default behavior, create a new file in `layouts/parti
### Change default colors
**Doc-List** support change color. You can change the colors from `config.toml`. You can change the colors of the template as you want.
**Dot** support change color. You can change the colors from `config.toml`. You can change the colors of the template as you want.
```toml

View file

@ -0,0 +1,184 @@
---
title: "Elements"
date: 2018-12-29T11:02:05+06:00
weight: 5
---
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
<hr>
##### Emphasis
Emphasis, aka italics, with *asterisks* or _underscores_.
Strong emphasis, aka bold, with **asterisks** or __underscores__.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
<hr>
##### Link
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or <http://www.example.com> and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.mozilla.org
[1]: http://slashdot.org
[link text itself]: http://www.reddit.com
<hr>
##### Paragraph
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
<hr>
##### Ordered List
1. List item
2. List item
3. List item
4. List item
5. List item
<hr>
##### Unordered List
* List item
* List item
* List item
* List item
* List item
<hr>
#### Notice
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
<hr>
#### Tab
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
<hr>
##### Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```python
s = "Python syntax highlighting"
print s
```
```
No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.
```
<hr>
##### Blockquote
> This is a blockquote example.
<hr>
##### Inline HTML
You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
##### Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
<hr>
##### Image
![image](img-1.jpg)
<hr>
##### Youtube video
{{< youtube C0DPdy98e4c >}}

View file

@ -0,0 +1,184 @@
---
title: "Elements"
date: 2018-12-29T11:02:05+06:00
weight: 5
---
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
<hr>
##### Emphasis
Emphasis, aka italics, with *asterisks* or _underscores_.
Strong emphasis, aka bold, with **asterisks** or __underscores__.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
<hr>
##### Link
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or <http://www.example.com> and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.mozilla.org
[1]: http://slashdot.org
[link text itself]: http://www.reddit.com
<hr>
##### Paragraph
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
<hr>
##### Ordered List
1. List item
2. List item
3. List item
4. List item
5. List item
<hr>
##### Unordered List
* List item
* List item
* List item
* List item
* List item
<hr>
#### Notice
{{% notice note %}}
This is a simple note.
{{% /notice %}}
{{% notice tip %}}
This is a simple tip.
{{% /notice %}}
{{% notice info %}}
This is a simple info.
{{% /notice %}}
<hr>
#### Tab
{{% tabs %}}
{{% tab "first" %}}
This is first tab
{{% /tab %}}
{{% tab "second" %}}
this is second tab
{{% /tab %}}
{{% tab "third" %}}
this is third tab
{{% /tab %}}
{{% tabs %}}
<hr>
##### Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```python
s = "Python syntax highlighting"
print s
```
```
No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.
```
<hr>
##### Blockquote
> This is a blockquote example.
<hr>
##### Inline HTML
You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
<hr>
##### Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
<hr>
##### Image
![image](img-1.jpg)
<hr>
##### Youtube video
{{< youtube C0DPdy98e4c >}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -1,7 +1,6 @@
---
title: "Installation"
date: 2018-12-29T11:02:05+06:00
type: "post"
weight : 2
---
@ -17,7 +16,7 @@ hugo new site <new_project>
### Install the theme
Install the **Doc-List** theme by following [this documentation](https://gohugo.io/themes/installing/)
Install the **Dot** theme by following [this documentation](https://gohugo.io/themes/installing/)
This theme's repository is: https://github.com/themefisher/dot-hugo-documentation-theme.git
@ -32,7 +31,7 @@ When building the website, you can set a theme by using `--theme` option. Howeve
```toml
# Change the default theme to be use when building the site with Hugo
theme = "Doc-List"
theme = "Dot"
```
@ -67,6 +66,6 @@ hugo
A `public` folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.
<div class="alert rounded-0 alert-info">
{{% notice info%}}
This website can be automatically published and hosted with [Netlify](https://www.netlify.com/) (Read more about [Automated HUGO deployments with Netlify](https://www.netlify.com/blog/2015/07/30/hosting-hugo-on-netlifyinsanely-fast-deploys/)). Alternatively, you can use [Github pages](https://gohugo.io/hosting-and-deployment/hosting-on-github/)
</div>
{{% /notice %}}

View file

@ -1,7 +1,6 @@
---
title: "Installation"
date: 2018-12-29T11:02:05+06:00
type: "post"
weight : 2
---
@ -17,7 +16,7 @@ hugo new site <new_project>
### Install the theme
Install the **Doc-List** theme by following [this documentation](https://gohugo.io/themes/installing/)
Install the **Dot** theme by following [this documentation](https://gohugo.io/themes/installing/)
This theme's repository is: https://github.com/themefisher/dot-hugo-documentation-theme.git
@ -32,7 +31,7 @@ When building the website, you can set a theme by using `--theme` option. Howeve
```toml
# Change the default theme to be use when building the site with Hugo
theme = "Doc-List"
theme = "Dot"
```
@ -67,6 +66,6 @@ hugo
A `public` folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.
<div class="alert rounded-0 alert-info">
{{% notice info%}}
This website can be automatically published and hosted with [Netlify](https://www.netlify.com/) (Read more about [Automated HUGO deployments with Netlify](https://www.netlify.com/blog/2015/07/30/hosting-hugo-on-netlifyinsanely-fast-deploys/)). Alternatively, you can use [Github pages](https://gohugo.io/hosting-and-deployment/hosting-on-github/)
</div>
{{% /notice %}}

View file

@ -1,7 +1,6 @@
---
title: "Requirments"
date: 2018-12-29T11:02:05+06:00
type: "post"
weight: 1
---
@ -10,4 +9,4 @@ Thanks to the simplicity of Hugo, this page is as empty as this theme needs requ
Just download latest version of [Hugo binary (> 0.53)](https://gohugo.io/getting-started/installing/) for your OS (Windows, Linux, Mac) : it's that simple.
![image example](../../../../images/hugo.jpg "image")
![image example](hugo.jpg "image")

View file

@ -1,7 +1,6 @@
---
title: "Requirments"
date: 2018-12-29T11:02:05+06:00
type: "post"
weight: 1
---
@ -10,4 +9,4 @@ Thanks to the simplicity of Hugo, this page is as empty as this theme needs requ
Just download latest version of [Hugo binary (> 0.53)](https://gohugo.io/getting-started/installing/) for your OS (Windows, Linux, Mac) : it's that simple.
![image example](../../../../images/hugo.jpg "image")
![image example](hugo.jpg "image")

View file

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 MiB

View file

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

View file

@ -1,82 +1,5 @@
{{ define "main" }}
{{ "<!-- 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 }}
{
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 -->" | 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">{{if .Language.Params.articlesLabel }} {{ .Language.Params.articlesLabel }} {{ else }} "Articles" {{ end }}</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 "default.html" . }}
{{ end }}

View file

@ -1,109 +1,5 @@
{{ partial "head.html" . }}
{{ define "main" }}
{{ "<!-- navigation -->" | safeHTML }}
<header class="shadow-bottom sticky-top bg-white">
<div class="container">
{{ partial "navigation.html" . }}
</div>
</header>
{{ "<!-- /navigation -->" | safeHTML }}
{{ partial "default.html" . }}
<!-- 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 top-100">
{{$currentNode := .}}
<nav class="sidebar-menu">
<ul class="list-styled">
{{- range .Site.Sections.ByWeight -}}
{{template "menu" dict "sect" . "currentnode" $currentNode}}
{{- end -}}
</ul>
</nav>
{{define "menu"}}
{{- $currentNode := .currentnode -}}
{{ with .sect }}
{{ if in .Site.Params.menu_exclusion .Section }}
{{- else -}}
{{- safeHTML .Params.head -}}
<li class="{{ if .IsAncestor $currentNode }}parent d-block {{ end }}{{ if eq .File.UniqueID $currentNode.File.UniqueID }} active {{ end }}{{ if .Params.alwaysopen }} parent {{ end }}"><a href="{{ .Permalink }}">{{ .Title }}</a>
{{- $numberOfPages := (add (len .Pages) (len .Sections)) -}}
{{if ne $numberOfPages 0}}
<ul class="{{ if .IsAncestor $currentNode }}sub-menu{{ end }}">
{{- .Scratch.Set "pages" .Data.Pages -}}
{{- $pages := (.Scratch.Get "pages") -}}
{{- range $pages.ByWeight -}}
{{template "menu" dict "sect" . "currentnode" $currentNode}}
{{- end -}}
</ul>
{{end}}
</li>
{{- end -}}
{{- else -}}
{{- if not .Params.Hidden -}}
<li class="{{ if eq .File.UniqueID $currentNode.File.UniqueID }}active{{ end }}"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{- end -}}
{{ end -}}
{{ end }}
</div>
</div>
<div class="col-lg-9">
<div class="p-5 bg-white">
<h2>{{ .Title }}</h2>
{{ .Content }}
<p class="post-meta border-bottom pb-3 mb-0">Updated on {{ .PublishDate.Format "02 Jan 2006" }}</p>
{{- $currentNode := . -}}
<nav class="pagination mt-3">
{{- template "pagination" dict "menu" .Site.Home "currentnode" $currentNode "menu_exclusion" .Site.Params.menu_exclusion -}}
{{- with ($.Scratch.Get "prevPage") -}}
<a class="nav nav-prev" href="{{ .Permalink }}" title="{{ .Title }}"><i class="ti-arrow-left mr-2"></i>{{ .Title }}</a>
{{ end -}}
{{- with ($.Scratch.Get "nextPage") -}}
<a class="nav nav-next" href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}<i class="ti-arrow-right ml-2"></i></a>
{{- end }}
</nav>
{{- define "pagination" -}}
{{- $currentNode := .currentnode -}}
{{- $menu_exclusion := .menu_exclusion -}}
{{- if hasPrefix $currentNode.Permalink .menu.Permalink -}}
{{- $currentNode.Scratch.Set "NextPageOK" "OK" -}}
{{- if .menu.IsHome -}}
{{- $currentNode.Scratch.Set "prevPage" "" -}}
{{- else -}}
{{- $currentNode.Scratch.Set "prevPage" ($currentNode.Scratch.Get "prevPageTmp") -}}
{{- end -}}
{{- else -}}
{{- if eq ($currentNode.Scratch.Get "NextPageOK") "OK" -}}
{{- $currentNode.Scratch.Set "NextPageOK" nil -}}
{{ if in $menu_exclusion .menu.Section }}
{{- else -}}
{{- $currentNode.Scratch.Set "nextPage" .menu -}}
{{- end -}}
{{- 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 "pagination" dict "menu" . "currentnode" $currentNode "menu_exclusion" $menu_exclusion -}}
{{- end -}}
{{- end -}}
</div>
</div>
</div>
</div>
</section>
<!-- /details page -->
{{ partial "footer.html" . }}
{{ end }}

View file

@ -1,13 +0,0 @@
{{ define "main" }}
<section class="elements pt-5 bg-gray">
<div class="container">
<div class="row">
<div class="col-12">
{{ .Content }}
</div>
</div>
</div>
</section>
{{ end }}

View file

@ -3,21 +3,21 @@
{{ "<!-- 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 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 match-height">
<i class="{{ .Params.Icon }} icon text-primary d-block mb-4"></i>
<h3 class="mb-3 mt-0">{{ .Title }}</h3>
<p class="mb-0">{{ .Params.Description }}</p>
</a>
</div>
{{ end }}
</div>
</div>
</section>
{{ "<!-- /topics -->" | safeHTML }}
@ -29,9 +29,10 @@
<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>
{{ 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>

View file

@ -0,0 +1,108 @@
{{ "<!-- 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 top-100">
<ul class="list-styled">
{{ $currentNode := . }}
{{ $showvisitedlinks := .Site.Params.showVisitedLinks }}
<a class="d-block h4 back-btn" href="{{ .Site.BaseURL }}{{ .Language.LanguageName | lower }}">{{ i18n "Back-home"}}</a>
{{range .Site.Home.Sections.ByWeight}}
{{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode "showvisitedlinks" $showvisitedlinks}}
{{end}}
</ul>
</div>
</div>
<div class="col-lg-9">
<div class="p-5 bg-white">
<h2 class="mb-5">{{ .Title }}</h2>
{{ if .Content }}
<div class="content">{{.Content}}</div>
{{ else }}
<div class="bg-gray p-4">
<ul class="page-list">
{{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode "showvisitedlinks" $showvisitedlinks }}
</ul>
</div>
{{ end }}
<p class="post-meta border-bottom pb-3 mb-0 mt-3">Updated on {{ .PublishDate.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.URL .menu.URL }}
{{ $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="{{.URL | absURL}}"><i class="ti-arrow-left mr-2"></i>{{.Title}}</a>
{{end}}
{{with ($.Scratch.Get "nextPage")}}
<a class="nav nav-next" href="{{.URL | absURL}}">{{.Title}}<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}}
<li data-nav-id="{{.URL | absURL}}" title="{{.Title}}" class="sidelist
{{if .IsAncestor $currentNode }}parent{{end}}
{{if eq .File.UniqueID $currentNode.File.UniqueID}}active{{end}}
{{if .Params.alwaysopen}}parent{{end}}">
<a href="{{.RelPermalink}}">
{{safeHTML .Params.Pre}}{{or .Params.menuTitle .LinkTitle .Title}}{{safeHTML .Params.Post}}
</a>
{{ $numberOfPages := (add (len .Pages) (len .Sections)) }}
{{ if ne $numberOfPages 0 }}
<ul>
{{ $currentNode.Scratch.Set "pages" .Pages }}
{{ if .Sections}}
{{ $currentNode.Scratch.Set "pages" (.Pages | union .Sections) }}
{{end}}
{{ $pages := ($currentNode.Scratch.Get "pages") }}
{{ range $pages.ByWeight }}
{{ if and .Params.hidden (not $.showhidden) }}
{{else}}
{{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode "showvisitedlinks" $showvisitedlinks }}
{{end}}
{{end}}
</ul>
</li>
{{ end }}
{{ end }}
{{ end }}

View file

@ -19,6 +19,8 @@
{{ "<!-- Bootstrap JS -->" | safeHTML }}
<script src="{{ .Site.BaseURL }}plugins/bootstrap/bootstrap.min.js"></script>
{{ "<!-- match-height JS -->" | safeHTML }}
<script src="{{ .Site.BaseURL }}plugins/match-height/jquery.matchHeight-min.js"></script>
{{ "<!-- highlight -->" | safeHTML }}
<script src="{{ .Site.BaseURL }}plugins/highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

View file

@ -16,7 +16,7 @@
{{ "<!-- highlight -->" | safeHTML }}
<link rel="stylesheet" href="{{ .Site.BaseURL }}plugins/highlight/hybrid.css">
{{ "<!-- fonts -->" | safeHTML }}
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap" rel="stylesheet">
<style>
:root{
@ -28,17 +28,17 @@
}
</style>
{{ "<!-- Main Stylesheet -->" | safeHTML }}
{{ $styles := resources.Get "css/style.css" | minify}}
<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
{{ "<!-- Main Stylesheet -->" | safeHTML }}
{{ $styles := resources.Get "css/style.css" | minify}}
<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
{{ "<!-- jquiry -->" | safeHTML }}
<script src="{{ .Site.BaseURL }}plugins/jquery/jquery-1.12.4.js"></script>
{{ "<!-- jquiry -->" | safeHTML }}
<script src="{{ .Site.BaseURL }}plugins/jquery/jquery-1.12.4.js"></script>
{{ "<!-- jquary ui -->" | safeHTML }}
<script src="{{ .Site.BaseURL }}plugins/jquery/jquery-ui.js"></script>
{{ "<!-- jquary ui -->" | safeHTML }}
<script src="{{ .Site.BaseURL }}plugins/jquery/jquery-ui.js"></script>
{{ "<!--Favicon-->" | safeHTML }}
<link rel="icon" href="{{ .Site.BaseURL }}images/favicon.png" type="image/x-icon">
{{ "<!--Favicon-->" | safeHTML }}
<link rel="icon" href="{{ .Site.BaseURL }}images/favicon.png" type="image/x-icon">
</head>
</head>

View file

@ -0,0 +1 @@
<div class="notices {{ .Get 0 }}" {{ if len .Params | eq 2 }} id="{{ .Get 1 }}" {{ end }}><p>{{ .Inner }}</p></div>

View file

@ -0,0 +1,3 @@
<div class="tab-pane" title="{{ .Get 0 }}">
{{ .Inner }}
</div>

View file

@ -0,0 +1,4 @@
<div class='code-tabs'>
<ul class="nav nav-tabs"></ul>
<div class="tab-content">{{ .Inner }}</div>
</div>

View file

@ -0,0 +1,12 @@
/*
* jquery-match-height 0.7.2 by @liabru
* http://brm.io/jquery-match-height/
* License MIT
*/
!function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):t(jQuery)}(function(t){var e=-1,o=-1,n=function(t){return parseFloat(t)||0},a=function(e){var o=1,a=t(e),i=null,r=[];return a.each(function(){var e=t(this),a=e.offset().top-n(e.css("margin-top")),s=r.length>0?r[r.length-1]:null;null===s?r.push(e):Math.floor(Math.abs(i-a))<=o?r[r.length-1]=s.add(e):r.push(e),i=a}),r},i=function(e){var o={
byRow:!0,property:"height",target:null,remove:!1};return"object"==typeof e?t.extend(o,e):("boolean"==typeof e?o.byRow=e:"remove"===e&&(o.remove=!0),o)},r=t.fn.matchHeight=function(e){var o=i(e);if(o.remove){var n=this;return this.css(o.property,""),t.each(r._groups,function(t,e){e.elements=e.elements.not(n)}),this}return this.length<=1&&!o.target?this:(r._groups.push({elements:this,options:o}),r._apply(this,o),this)};r.version="0.7.2",r._groups=[],r._throttle=80,r._maintainScroll=!1,r._beforeUpdate=null,
r._afterUpdate=null,r._rows=a,r._parse=n,r._parseOptions=i,r._apply=function(e,o){var s=i(o),h=t(e),l=[h],c=t(window).scrollTop(),p=t("html").outerHeight(!0),u=h.parents().filter(":hidden");return u.each(function(){var e=t(this);e.data("style-cache",e.attr("style"))}),u.css("display","block"),s.byRow&&!s.target&&(h.each(function(){var e=t(this),o=e.css("display");"inline-block"!==o&&"flex"!==o&&"inline-flex"!==o&&(o="block"),e.data("style-cache",e.attr("style")),e.css({display:o,"padding-top":"0",
"padding-bottom":"0","margin-top":"0","margin-bottom":"0","border-top-width":"0","border-bottom-width":"0",height:"100px",overflow:"hidden"})}),l=a(h),h.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||"")})),t.each(l,function(e,o){var a=t(o),i=0;if(s.target)i=s.target.outerHeight(!1);else{if(s.byRow&&a.length<=1)return void a.css(s.property,"");a.each(function(){var e=t(this),o=e.attr("style"),n=e.css("display");"inline-block"!==n&&"flex"!==n&&"inline-flex"!==n&&(n="block");var a={
display:n};a[s.property]="",e.css(a),e.outerHeight(!1)>i&&(i=e.outerHeight(!1)),o?e.attr("style",o):e.css("display","")})}a.each(function(){var e=t(this),o=0;s.target&&e.is(s.target)||("border-box"!==e.css("box-sizing")&&(o+=n(e.css("border-top-width"))+n(e.css("border-bottom-width")),o+=n(e.css("padding-top"))+n(e.css("padding-bottom"))),e.css(s.property,i-o+"px"))})}),u.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||null)}),r._maintainScroll&&t(window).scrollTop(c/p*t("html").outerHeight(!0)),
this},r._applyDataApi=function(){var e={};t("[data-match-height], [data-mh]").each(function(){var o=t(this),n=o.attr("data-mh")||o.attr("data-match-height");n in e?e[n]=e[n].add(o):e[n]=o}),t.each(e,function(){this.matchHeight(!0)})};var s=function(e){r._beforeUpdate&&r._beforeUpdate(e,r._groups),t.each(r._groups,function(){r._apply(this.elements,this.options)}),r._afterUpdate&&r._afterUpdate(e,r._groups)};r._update=function(n,a){if(a&&"resize"===a.type){var i=t(window).width();if(i===e)return;e=i;
}n?o===-1&&(o=setTimeout(function(){s(a),o=-1},r._throttle)):s(a)},t(r._applyDataApi);var h=t.fn.on?"on":"bind";t(window)[h]("load",function(t){r._update(!1,t)}),t(window)[h]("resize orientationchange",function(t){r._update(!0,t)})});