Changed names of pages
This commit is contained in:
Administrator
parent
c0a246d218
commit
ef6de5cad6
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "Travel"
|
||||
image: "images/post/post-5.jpg"
|
||||
---
|
||||
Consultando alcuni siti di informazione, hai scoperto l’esistenza del cosiddetto bonus computer, ossia di un’agevolazione speciale finalizzata a incentivare la diffusione e l’utilizzo di Internet sul territorio nazionale. Intenzionato ad approfondire l’argomento, hai effettuato una ricerca specifica su Internet alla ricerca di informazioni ben specifiche e sei capitato proprio qui, sul mio sito Web, speranzoso
|
||||
|
|
@ -0,0 +1,162 @@
|
|||
---
|
||||
title: "Is it Ethical to Travel Now? With that Freedom Comes Responsibility."
|
||||
date: 2021-06-04T11:07:10+06:00
|
||||
image: "images/post/post-1.jpg"
|
||||
description: "this is meta description"
|
||||
# define subcategories using "/"
|
||||
# mouse is a subcategory of computer
|
||||
categories: ["travel", "news"]
|
||||
draft: false
|
||||
---
|
||||
# Heading
|
||||
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
|
||||
|
||||
## 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.~~
|
||||
|
||||
<!-- table of content -->
|
||||
## Table of content
|
||||
{{< toc >}}
|
||||
|
||||
<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.themefisher.com
|
||||
[1]: https://gethugothemes.com
|
||||
[link text itself]: https://www.getjekyllthemes.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>
|
||||
|
||||
## 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
|
||||
```
|
||||
|
||||
<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 alt="THIS IS AN IMAGE" src="images/post/post-1.jpg" >}}
|
||||
|
||||
<hr>
|
||||
|
||||
## Youtube video
|
||||
|
||||
{{< youtube C0DPdy98e4c >}}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
title: "An Experiential Guide to Explore this Kingdom"
|
||||
date: 2021-06-03T11:07:10+06:00
|
||||
image: "images/post/post-2.jpg"
|
||||
description: "this is meta description"
|
||||
categories: ["travel"]
|
||||
draft: false
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
|
||||
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
---
|
||||
title: "Eight Awesome Places To Visit In Montana This Summer"
|
||||
date: 2021-01-01T11:07:10+06:00
|
||||
image: "images/post/post-3.jpg"
|
||||
description: "this is meta description"
|
||||
# define subcategories using "/"
|
||||
# react, angular is a subcategory of website
|
||||
categories: ["travel", "news"]
|
||||
draft: false
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
|
||||
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
---
|
||||
title: "Portugal and France Now Allow Unvaccinated Tourists"
|
||||
date: 2020-06-01T11:07:10+06:00
|
||||
image: "images/post/post-9.jpg"
|
||||
description: "this is meta description"
|
||||
# define subcategories using "/"
|
||||
# mouse is a subcategory of computer
|
||||
categories: ["website", "website/hugo"]
|
||||
draft: false
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
|
||||
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: "Cruises"
|
||||
image: "images/post/post-1.jpg"
|
||||
|
||||
---
|
||||
Consultando alcuni siti di informazione, hai scoperto l’esistenza del cosiddetto bonus computer, ossia di un’agevolazione speciale finalizzata a incentivare la diffusione e l’utilizzo di Internet sul territorio nazionale. Intenzionato ad approfondire l’argomento, hai effettuato una ricerca specifica su Internet alla ricerca di informazioni ben specifiche e sei capitato proprio qui, sul mio sito Web, speranzoso
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
---
|
||||
title: "Alaska Cruises Will Restart As Biden Signs New Tourism Law"
|
||||
date: 2021-06-01T11:07:10+06:00
|
||||
image: "images/post/cr-1.jpg"
|
||||
description: ""
|
||||
categories: ["cruises", "news"]
|
||||
draft: false
|
||||
---
|
||||
# Heading
|
||||
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
|
||||
|
||||
## 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.~~
|
||||
|
||||
<!-- table of content -->
|
||||
## Table of content
|
||||
{{< toc >}}
|
||||
|
||||
<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.themefisher.com
|
||||
[1]: https://gethugothemes.com
|
||||
[link text itself]: https://www.getjekyllthemes.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>
|
||||
|
||||
## 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
|
||||
```
|
||||
|
||||
<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 alt="THIS IS AN IMAGE" src="images/post/post-1.jpg" >}}
|
||||
|
||||
<hr>
|
||||
|
||||
## Youtube video
|
||||
|
||||
{{< youtube C0DPdy98e4c >}}
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
---
|
||||
title: "U.S. Travel Association Calls On CDC To Remove Cruise Restrictions"
|
||||
date: 2021-05-30T11:07:10+06:00
|
||||
image: "images/post/cr-2.jpg"
|
||||
description: ""
|
||||
categories: ["cruises", "news"]
|
||||
draft: false
|
||||
---
|
||||
# Heading
|
||||
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
|
||||
|
||||
## 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.~~
|
||||
|
||||
<!-- table of content -->
|
||||
## Table of content
|
||||
{{< toc >}}
|
||||
|
||||
<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.themefisher.com
|
||||
[1]: https://gethugothemes.com
|
||||
[link text itself]: https://www.getjekyllthemes.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>
|
||||
|
||||
## 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
|
||||
```
|
||||
|
||||
<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 alt="THIS IS AN IMAGE" src="images/post/post-1.jpg" >}}
|
||||
|
||||
<hr>
|
||||
|
||||
## Youtube video
|
||||
|
||||
{{< youtube C0DPdy98e4c >}}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
---
|
||||
title: "No Image specified"
|
||||
date: 2020-04-12T11:07:10+06:00
|
||||
description: "this is meta description"
|
||||
categories: ["website"]
|
||||
draft: false
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
|
||||
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
---
|
||||
title: "These Are Making It Easier To Visit"
|
||||
date: 2020-05-11T11:07:10+06:00
|
||||
image: "images/post/post-2.jpg"
|
||||
description: ""
|
||||
categories: ["internet"]
|
||||
draft: false
|
||||
---
|
||||
# Heading
|
||||
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
|
||||
|
||||
## 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.~~
|
||||
|
||||
<!-- table of content -->
|
||||
## Table of content
|
||||
{{< toc >}}
|
||||
|
||||
<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.themefisher.com
|
||||
[1]: https://gethugothemes.com
|
||||
[link text itself]: https://www.getjekyllthemes.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>
|
||||
|
||||
## 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
|
||||
```
|
||||
|
||||
<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 alt="THIS IS AN IMAGE" src="images/post/post-1.jpg" >}}
|
||||
|
||||
<hr>
|
||||
|
||||
## Youtube video
|
||||
|
||||
{{< youtube C0DPdy98e4c >}}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "Lifestyle"
|
||||
image: "images/post/post-2.jpg"
|
||||
---
|
||||
Consultando alcuni siti di informazione, hai scoperto l’esistenza del cosiddetto bonus computer, ossia di un’agevolazione speciale finalizzata a incentivare la diffusione e l’utilizzo di Internet sul territorio nazionale. Intenzionato ad approfondire l’argomento, hai effettuato una ricerca specifica su Internet alla ricerca di informazioni ben specifiche e sei capitato proprio qui, sul mio sito Web, speranzoso
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
---
|
||||
title: "An Experiential Guide to Explore this Kingdom"
|
||||
date: 2020-06-03T11:07:10+06:00
|
||||
image: "images/post/post-2.jpg"
|
||||
description: ""
|
||||
categories: ["lifestyle"]
|
||||
draft: false
|
||||
---
|
||||
# Heading
|
||||
Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
|
||||
|
||||
## 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.~~
|
||||
|
||||
<!-- table of content -->
|
||||
## Table of content
|
||||
{{< toc >}}
|
||||
|
||||
<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.themefisher.com
|
||||
[1]: https://gethugothemes.com
|
||||
[link text itself]: https://www.getjekyllthemes.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>
|
||||
|
||||
## 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
|
||||
```
|
||||
|
||||
<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 alt="THIS IS AN IMAGE" src="images/post/post-1.jpg" >}}
|
||||
|
||||
<hr>
|
||||
|
||||
## Youtube video
|
||||
|
||||
{{< youtube C0DPdy98e4c >}}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
title: "What To Do in Houston: Ideas For Your Visit"
|
||||
date: 2021-06-02T11:07:10+06:00
|
||||
image: "images/post/ls-2.jpg"
|
||||
description: "this is meta description"
|
||||
categories: ["lifestyle"]
|
||||
draft: false
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
|
||||
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
title: "New Artificial Assistant"
|
||||
date: 2020-12-12T11:07:10+06:00
|
||||
image: "images/post/post-9.jpg"
|
||||
description: "this is meta description"
|
||||
categories: ["computer"]
|
||||
draft: false
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
|
||||
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
title: "Learning Programming Is Easy"
|
||||
date: 2020-08-07T11:07:10+06:00
|
||||
image: "images/post/post-4.jpg"
|
||||
description: "this is meta description"
|
||||
categories: ["computer"]
|
||||
draft: false
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
|
||||
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
// Passive event listeners
|
||||
jQuery.event.special.touchstart = {
|
||||
setup: function (_, ns, handle) {
|
||||
this.addEventListener("touchstart", handle, {
|
||||
passive: !ns.includes("noPreventDefault")
|
||||
});
|
||||
}
|
||||
};
|
||||
jQuery.event.special.touchmove = {
|
||||
setup: function (_, ns, handle) {
|
||||
this.addEventListener("touchmove", handle, {
|
||||
passive: !ns.includes("noPreventDefault")
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Preloader js
|
||||
function preloader() {
|
||||
$('.preloader').delay(100).fadeOut(10);
|
||||
}
|
||||
$(preloader);
|
||||
$(document).on("turbolinks:load", preloader);
|
||||
|
||||
(function ($) {
|
||||
'use strict';
|
||||
|
||||
// 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');
|
||||
});
|
||||
|
||||
// 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');
|
||||
});
|
||||
|
||||
|
||||
})(jQuery);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,101 @@
|
|||
summaryInclude=60;
|
||||
var fuseOptions = {
|
||||
shouldSort: true,
|
||||
includeMatches: true,
|
||||
threshold: 0.0,
|
||||
tokenize:true,
|
||||
location: 0,
|
||||
distance: 100,
|
||||
maxPatternLength: 32,
|
||||
minMatchCharLength: 1,
|
||||
keys: [
|
||||
{name:"title",weight:0.8},
|
||||
{name:"contents",weight:0.5},
|
||||
{name:"tags",weight:0.3},
|
||||
{name:"categories",weight:0.3}
|
||||
]
|
||||
};
|
||||
|
||||
var searchQuery = param("s");
|
||||
if(searchQuery){
|
||||
$("#search-query").val(searchQuery);
|
||||
executeSearch(searchQuery);
|
||||
}
|
||||
|
||||
function executeSearch(searchQuery){
|
||||
$.getJSON( indexURL, function( data ) {
|
||||
var pages = data;
|
||||
var fuse = new Fuse(pages, fuseOptions);
|
||||
var result = fuse.search(searchQuery);
|
||||
console.log({"matches":result});
|
||||
if(result.length > 0){
|
||||
populateResults(result);
|
||||
}else{
|
||||
$('#search-results').append("<div class=\"text-center mx-auto\"><img class=\"img-fluid mb-5\" src=\"https://user-images.githubusercontent.com/37659754/64060567-7cece400-cbf0-11e9-9cf9-abac3543ec1f.png\"><h2>No Search Found</h2></div>");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function populateResults(result){
|
||||
$.each(result,function(key,value){
|
||||
var contents= value.item.contents;
|
||||
var snippet = "";
|
||||
var snippetHighlights=[];
|
||||
var tags =[];
|
||||
if( fuseOptions.tokenize ){
|
||||
snippetHighlights.push(searchQuery);
|
||||
}else{
|
||||
$.each(value.matches,function(matchKey,mvalue){
|
||||
if(mvalue.key == "tags" || mvalue.key == "categories" ){
|
||||
snippetHighlights.push(mvalue.value);
|
||||
}else if(mvalue.key == "contents"){
|
||||
start = mvalue.indices[0][0]-summaryInclude>0?mvalue.indices[0][0]-summaryInclude:0;
|
||||
end = mvalue.indices[0][1]+summaryInclude<contents.length?mvalue.indices[0][1]+summaryInclude:contents.length;
|
||||
snippet += contents.substring(start,end);
|
||||
snippetHighlights.push(mvalue.value.substring(mvalue.indices[0][0],mvalue.indices[0][1]-mvalue.indices[0][0]+1));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if(snippet.length<1){
|
||||
snippet += contents.substring(0,summaryInclude*2);
|
||||
}
|
||||
//pull template from hugo templarte definition
|
||||
var templateDefinition = $('#search-result-template').html();
|
||||
var output = render(templateDefinition,{key:key,title:value.item.title,image:value.item.image,date:value.item.date,link:value.item.permalink,tags:value.item.tags,categories:value.item.categories,snippet:snippet});
|
||||
$('#search-results').append(output);
|
||||
|
||||
$.each(snippetHighlights,function(snipkey,snipvalue){
|
||||
$("#summary-"+key).mark(snipvalue);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function param(name) {
|
||||
return decodeURIComponent((location.search.split(name + '=')[1] || '').split('&')[0]).replace(/\+/g, ' ');
|
||||
}
|
||||
|
||||
function render(templateString, data) {
|
||||
var conditionalMatches,conditionalPattern,copy;
|
||||
conditionalPattern = /\$\{\s*isset ([a-zA-Z]*) \s*\}(.*)\$\{\s*end\s*}/g;
|
||||
//since loop below depends on re.lastInxdex, we use a copy to capture any manipulations whilst inside the loop
|
||||
copy = templateString;
|
||||
while ((conditionalMatches = conditionalPattern.exec(templateString)) !== null) {
|
||||
if(data[conditionalMatches[1]]){
|
||||
//valid key, remove conditionals, leave contents.
|
||||
copy = copy.replace(conditionalMatches[0],conditionalMatches[2]);
|
||||
}else{
|
||||
//not valid, remove entire section
|
||||
copy = copy.replace(conditionalMatches[0],'');
|
||||
}
|
||||
}
|
||||
templateString = copy;
|
||||
//now any conditionals removed we can do simple substitution
|
||||
var key, find, re;
|
||||
for (key in data) {
|
||||
find = '\\$\\{\\s*' + key + '\\s*\\}';
|
||||
re = new RegExp(find, 'g');
|
||||
templateString = templateString.replace(re, data[key]);
|
||||
}
|
||||
return templateString;
|
||||
}
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
/* Button style */
|
||||
.btn {
|
||||
font-family: $primary-font;
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
padding: 10px 25px;
|
||||
border-radius: 0;
|
||||
border: 1px solid;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transition: .2s ease;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&.active
|
||||
&:focus,
|
||||
&.focus {
|
||||
outline: 0;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: $primary-color;
|
||||
color: $white;
|
||||
border-color: $primary-color;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&.active
|
||||
&:focus,
|
||||
&.focus {
|
||||
background: $primary-color !important;
|
||||
border-color: $primary-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
background: transparent;
|
||||
color: $primary-color;
|
||||
border-color: $primary-color;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&.active
|
||||
&:focus,
|
||||
&.focus {
|
||||
background: $primary-color !important;
|
||||
border-color: $primary-color !important;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-sm{
|
||||
font-size: 14px;
|
||||
padding: 10px 25px;
|
||||
}
|
||||
|
|
@ -0,0 +1,174 @@
|
|||
body {
|
||||
background-color: $body-color;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: $primary-color;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
/* preloader */
|
||||
|
||||
.preloader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: $body-color;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a,
|
||||
button,
|
||||
select {
|
||||
cursor: pointer;
|
||||
transition: .2s ease;
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: 15px;
|
||||
&::before {
|
||||
position: absolute;
|
||||
height: 4px;
|
||||
width: 100%;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-cover {
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.border-default{
|
||||
border-color: $border-color !important;
|
||||
}
|
||||
|
||||
.border-primary{
|
||||
border-color: $primary-color !important;
|
||||
}
|
||||
|
||||
.font-primary{
|
||||
font-family: $primary-font !important;
|
||||
}
|
||||
|
||||
.font-secondary{
|
||||
font-family: $secondary-font !important;
|
||||
}
|
||||
|
||||
.font-weight-medium{
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
.breadcrumb{
|
||||
background-color: transparent;
|
||||
justify-content: center;
|
||||
&-item{
|
||||
font-family: $primary-font;
|
||||
letter-spacing: 2px;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
a{
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* overlay */
|
||||
|
||||
.overlay {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: $black;
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background: $primary-color !important;
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: $primary-color !important;
|
||||
}
|
||||
|
||||
.text-default {
|
||||
color: $text-color !important;
|
||||
}
|
||||
|
||||
.bg-dark{
|
||||
background-color: $dark !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1400px) {
|
||||
.container {
|
||||
max-width: 1320px;
|
||||
}
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width:991px) and (max-width:1200px) {
|
||||
.no-gutters-lg {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
>.col, >[class*=col-] {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mark, mark {
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
@mixin mobile-xs{
|
||||
@media(max-width:400px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin mobile{
|
||||
@media(max-width:575px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin tablet{
|
||||
@media(max-width:767px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin desktop{
|
||||
@media(max-width:991px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin desktop-lg{
|
||||
@media(max-width:1200px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin size($size){
|
||||
width: $size; height: $size;
|
||||
}
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
/* typography */
|
||||
|
||||
body {
|
||||
line-height: 1.6;
|
||||
font-family: $primary-font;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: 16px;
|
||||
color: $text-color;
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: 400;
|
||||
color: $text-color;
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
font-family: $primary-font;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
|
||||
color: $dark;
|
||||
font-family: $secondary-font;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
h1, .h1{
|
||||
font-size: 36px;
|
||||
@include desktop {
|
||||
font-size: 30px;
|
||||
}
|
||||
@include tablet {
|
||||
font-size: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
h2, .h2{
|
||||
font-size: 28px;
|
||||
@include tablet {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
h3, .h3{
|
||||
font-size: 22px;
|
||||
@include tablet {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
h4, .h4{
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h5, .h5{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h6, .h6{
|
||||
font-size: 14px;
|
||||
}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
// Color Variables
|
||||
{{ with site.Params.variables }}
|
||||
$primary-color: {{.primary_color | default "#777"}};
|
||||
$text-color: {{.text_color | default "#777"}};
|
||||
$text-color-dark: {{.text_color_dark | default "#222"}};
|
||||
$text-color-light: {{.text_color_light | default "#999"}};
|
||||
$body-color: {{.body_color | default "#fff"}};
|
||||
$border-color: {{.border_color | default "#ECECEC"}};
|
||||
$black: {{.black | default "#000"}};
|
||||
$white: {{.white | default "#fff"}};
|
||||
$light: {{.light | default "#EDF6F5"}};
|
||||
$dark: {{.dark | default "#222"}};
|
||||
|
||||
|
||||
// Font Variables
|
||||
$primary-font: '{{ replaceRE ":[ital,]*wght@[0-9,;]+" "" .primary_font | default "Lato"}}', {{.primary_font_type | default "sans-serif"}};
|
||||
$secondary-font: '{{ replaceRE ":[ital,]*wght@[0-9,;]+" "" .secondary_font | default "Lato"}}', {{.secondary_font_type | default "sans-serif"}};
|
||||
{{ end }}
|
||||
|
||||
@import 'mixins';
|
||||
|
||||
@import 'typography';
|
||||
|
||||
@import 'buttons';
|
||||
|
||||
@import 'common';
|
||||
|
||||
@import 'templates/navigation.scss';
|
||||
|
||||
@import 'templates/main.scss';
|
||||
|
|
@ -0,0 +1,478 @@
|
|||
.article-card {
|
||||
padding: 30px;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 5px 25px rgba($black,.05);
|
||||
&-sm {
|
||||
@include desktop-lg {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
@include desktop {
|
||||
padding: 25px;
|
||||
}
|
||||
@include mobile {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
.card {
|
||||
border: 0;
|
||||
position: relative;
|
||||
|
||||
&-meta {
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
|
||||
a {
|
||||
font-weight: 500;
|
||||
color: $text-color-light;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
|
||||
&:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-footer {
|
||||
background-color: transparent;
|
||||
|
||||
span {
|
||||
vertical-align: middle;
|
||||
color: $text-color-light;
|
||||
}
|
||||
}
|
||||
&-img{
|
||||
height: 200px;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
.card-image {
|
||||
position: relative;
|
||||
img {
|
||||
border-radius: 0;
|
||||
}
|
||||
.post-info {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -5px;
|
||||
padding-top: 20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
line-height: 1.3;
|
||||
font-size: 12px;
|
||||
padding: 3px 8px;
|
||||
padding-top: 4px;
|
||||
background-color: rgba($black, .6);
|
||||
backdrop-filter: blur(10px);
|
||||
color: $white;
|
||||
border-radius: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.read-more-btn {
|
||||
font-family: $secondary-font;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
color: $black;
|
||||
display: inline;
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(lighten(saturate($primary_color, 0.15), 20.00), lighten(saturate($primary_color, 0.15), 20.00));
|
||||
background-position: 0% 80%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0% 8px;
|
||||
transition: background-size .3s;
|
||||
&-sm {
|
||||
background-size: 0% 3px;
|
||||
}
|
||||
}
|
||||
|
||||
a.post-title:hover {
|
||||
color: $black;
|
||||
background-size: 100% 8px;
|
||||
}
|
||||
a.post-title-sm:hover {
|
||||
background-size: 100% 3px;
|
||||
}
|
||||
|
||||
/* blog */
|
||||
.pagination {
|
||||
justify-content: center;
|
||||
|
||||
.page-item {
|
||||
.page-link {
|
||||
display: inline-block;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
border-radius: 0;
|
||||
border: 1px solid $border-color;
|
||||
text-align: center;
|
||||
margin: 0 4px;
|
||||
font-weight: 500;
|
||||
color: $dark;
|
||||
padding: 0;
|
||||
line-height: 41px;
|
||||
box-shadow: 0 5px 25px rgba($black,.05);
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
box-shadow: none;
|
||||
background: $primary-color;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child,
|
||||
&:last-child {
|
||||
.page-link {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
.page-link {
|
||||
background: $primary-color;
|
||||
color: $white;
|
||||
border-color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// post meta
|
||||
.post-meta {
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
color: $text-color-light;
|
||||
font-weight: 500;
|
||||
a {
|
||||
display: inline-block;
|
||||
background-color: rgba($dark, .05);
|
||||
color: darken($dark, 20);
|
||||
text-transform: capitalize;
|
||||
padding: 2px 8px;
|
||||
margin-bottom: 8px;
|
||||
margin-right: 2px;
|
||||
font-size: 14px;
|
||||
border-radius: 0;
|
||||
&:hover {
|
||||
background-color: rgba(lighten(saturate($primary_color, 0.15), 20.00), .25);
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.image-fallback {
|
||||
font-size: 0;
|
||||
height: 220px;
|
||||
width: 100%;
|
||||
background-color: darken($body-color, 5);
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
&::first-letter {
|
||||
font-size: 80px;
|
||||
line-height: 220px;
|
||||
font-weight: bold;
|
||||
color: $text-color-dark;
|
||||
}
|
||||
&.post-thumb-sm {
|
||||
&::first-letter {
|
||||
font-size: 50px;
|
||||
line-height: 60px;
|
||||
}
|
||||
}
|
||||
&-sm {
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
margin-bottom: 20px;
|
||||
&::first-letter {
|
||||
font-size: 50px;
|
||||
line-height: 120px;
|
||||
}
|
||||
}
|
||||
&-xs {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
&::first-letter {
|
||||
font-size: 38px;
|
||||
line-height: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// breadcrumb
|
||||
.breadcrumbs {
|
||||
background-color: transparent;
|
||||
padding: 15px 0;
|
||||
|
||||
a {
|
||||
color: $dark;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
color: rgba($dark, .5);
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* content style */
|
||||
.content {
|
||||
* {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
|
||||
margin-bottom: 20px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit !important;
|
||||
display: inline;
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(lighten(saturate($primary_color, 0.15), 20.00), lighten(saturate($primary_color, 0.15), 20.00));
|
||||
background-position: 0% 110%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 3px;
|
||||
transition: .3s;
|
||||
&:hover {
|
||||
color: $black;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
&.bg-dark {
|
||||
a:hover {
|
||||
background-image: linear-gradient(rgba($primary_color, .4), rgba($primary_color, .4));
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 10px;
|
||||
list-style-type: none;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
border-radius: 100%;
|
||||
left: 0;
|
||||
top: 7px;
|
||||
background-color: $primary-color;
|
||||
transition: .3s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: .75rem;
|
||||
vertical-align: top;
|
||||
border: 1px solid #dee2e6
|
||||
}
|
||||
|
||||
thead {
|
||||
background: darken($color: $light, $amount: 2);
|
||||
}
|
||||
|
||||
tbody {
|
||||
background: $light;
|
||||
|
||||
td {
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
blockquote {
|
||||
border-left: 4px solid $primary-color;
|
||||
padding: 20px;
|
||||
margin: 20px 0;
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
color: $text-color;
|
||||
font-style: italic;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 10px 20px;
|
||||
background: $light;
|
||||
}
|
||||
}
|
||||
|
||||
/* widget */
|
||||
.widget-blocks {
|
||||
padding-left: 20px;
|
||||
@include desktop {
|
||||
padding-left: 0;
|
||||
}
|
||||
.row {
|
||||
>.col:last-child, >[class*=col-]:last-child {
|
||||
.widget {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.widget {
|
||||
margin-bottom: 50px;
|
||||
&-body {
|
||||
padding: 30px;
|
||||
background-color: $white;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 5px 25px rgba($black,.05);
|
||||
&-sm {
|
||||
@include desktop-lg {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
@include desktop {
|
||||
padding: 25px;
|
||||
}
|
||||
@include mobile {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
&-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
.card {
|
||||
border-bottom: 1px dashed $border-color;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.media {
|
||||
img {
|
||||
height: 80px;
|
||||
width: 80px !important;
|
||||
object-fit: cover;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px dashed $border-color;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
&:hover {
|
||||
opacity: .8;
|
||||
}
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
a {
|
||||
background-color: rgba($dark, .05);
|
||||
color: darken($dark, 20);
|
||||
text-transform: capitalize;
|
||||
padding: 6px 16px;
|
||||
margin-bottom: 9px;
|
||||
margin-right: 9px;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
border-radius: 0;
|
||||
&:hover {
|
||||
background-color: rgba(lighten(saturate($primary_color, 0.15), 20.00), .25);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.author-thumb-sm {
|
||||
height: 150px;
|
||||
object-fit: cover;
|
||||
@include desktop {
|
||||
height: 250px;
|
||||
}
|
||||
@include tablet {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-thumb-sm {
|
||||
height: 80px;
|
||||
width: 100px;
|
||||
object-fit: cover;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
background-color: darken($dark, 2) !important;
|
||||
color: #e8e8e8;
|
||||
padding: 20px 0;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer {
|
||||
.section {
|
||||
padding: 45px 0;
|
||||
}
|
||||
}
|
||||
.navbar-footer {
|
||||
.nav-link:hover {
|
||||
color: $primary-color;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 0;
|
||||
min-height: 50px;
|
||||
padding: 10px 15px;
|
||||
&:focus {
|
||||
border-color: $dark;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,215 @@
|
|||
.navigation {
|
||||
background-color: transparent;
|
||||
|
||||
.navbar {
|
||||
border-bottom: 1px solid $border-color;
|
||||
padding: 25px 0;
|
||||
@include tablet {
|
||||
padding: 15px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
flex-direction: row;
|
||||
@include desktop {
|
||||
flex-direction: column;
|
||||
}
|
||||
&:hover {
|
||||
.nav-item::after,
|
||||
.nav-link:not(:hover) {
|
||||
opacity: .5;
|
||||
}
|
||||
.dropdown:hover {
|
||||
.nav-link {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
&::after {
|
||||
position: absolute;
|
||||
content: "/";
|
||||
right: -2px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
@include desktop {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
font-family: $primary-font;
|
||||
text-transform: capitalize;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.dropdown .nav-link {
|
||||
position: relative;
|
||||
padding-right: 38px !important;
|
||||
@include desktop {
|
||||
padding-right: 28px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.dropdown .nav-link::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.dropdown .nav-link::before {
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
@include desktop {
|
||||
right: 13px;
|
||||
}
|
||||
top: calc(50% - 6px);
|
||||
display: inline-block;
|
||||
vertical-align: .255em;
|
||||
content: "";
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
border: 2px solid;
|
||||
border-left: 0;
|
||||
border-top: 0;
|
||||
border-color: inherit;
|
||||
border-radius: 2px;
|
||||
transform: rotate(45deg);
|
||||
transition: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:991px) {
|
||||
.dropdown-menu {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
width: 220px;
|
||||
transition: 0.2s;
|
||||
left: 50%;
|
||||
border-radius: 0;
|
||||
transform: translate(-50%, 6px);
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown-menu {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
box-shadow: 0 10px 30px rgba(22, 28, 45, .10);
|
||||
transform: translate(-50%, -6px);
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
border: 0;
|
||||
padding: 0 25px;
|
||||
&:hover {
|
||||
.dropdown-item:not(:hover) {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
font-size: 16px;
|
||||
padding: 5px 0;
|
||||
font-weight: 500;
|
||||
&:first-child {
|
||||
padding-top: 15px;
|
||||
@include desktop {
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
padding-bottom: 15px;
|
||||
@include desktop {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover {
|
||||
color: initial;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.navbar-light .navbar-toggler {
|
||||
border-color: transparent;
|
||||
padding: 0;
|
||||
font-size: 20px;
|
||||
color: $black;
|
||||
transition: .3s ease;
|
||||
.navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .nav-link {
|
||||
color: $text-color-dark;
|
||||
font-weight: 500;
|
||||
padding: 15px 20px;
|
||||
&:hover {
|
||||
color: $black;
|
||||
}
|
||||
}
|
||||
|
||||
@include desktop {
|
||||
.navbar-nav {
|
||||
background-color: $white;
|
||||
padding: 15px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.dropdown-menu {
|
||||
text-align: center;
|
||||
}
|
||||
.navbar-light .navbar-nav .nav-link {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
max-width: 250px;
|
||||
@include tablet {
|
||||
width: 100%;
|
||||
max-width: initial;
|
||||
margin-top: 15px;
|
||||
}
|
||||
input {
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAEt2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMzYiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMzYiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIzNiIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjM2IgogICBleGlmOkNvbG9yU3BhY2U9IjEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDMtMDRUMTg6MDc6MjgrMDE6MDAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDMtMDRUMTg6MDc6MjgrMDE6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgUGhvdG8gKFNlcCAyNiAyMDE5KSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMC0wMy0wNFQxODowNzoyOCswMTowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+QByeCQAAAYJpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/80PkR+PXwsJi0rAaGtTERhlpKEljlF+bN2/em1Ez4/XeSLJVtlOU2Pi14C9gq6yVIlKysrAmNug5z6iRzLmdez73e+853XsuuOMZNWt5Q5DN5c1YNOKfnpn1Vz7iwUsDFTQqqmUMTkyMUdbebnA58arTqVX+3L9Wk9QsFVxVwgOqYeaFR4THlvOGw5vCzWpaSQofCwdNuaDwtaMnivzkcKrIHw6b8dgQuOuF/alfnPjFatrMCsvLCWQzS+rPfZyX1Gq5qUmJbeKtWMSIEsHPKMMMEaabfpnDdNJDl6wokx/6zh9nUXJVmQ1WMFkgRZo8QVGXpLomURddk5Fhxen/375aem9PsXptBCoebPulHSo34LNg2+/7tv15AJ57OMuV8hf3oO9V9EJJC+yCbw1OzktaYgtO16HlzlBM5VvyiLt1HZ6PoG4Gmi6heq7Ys599Dm8hvipfdQHbO9Ah533zX9qeZ6ZKiHq5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFxklEQVRYhcWXb2gbZRzHf/fcXdJelrsmTdMt6TraVNfOuXa6re02NnXTVdgQBKEMwQkbiC984Tth88VEmOBLQX0hhQmKyBD0hU7nmNDhUGeNuHXrdF36L72maZJ7rk/uLnfP44v1arbFJLahfuEg39+T3/f55C7H8zwcVFBnZ+e6ZDK52bbtrbZtdzLGoowxmTGGEEIEIZTkef4mz/O/BwKBG4lEYqFSZjlx/zYQi8VEQsiTc3Nzxx3HqasmDCFEFUU5L8vy2UQisVgzoPXr1+9IpVKvOI4TXkkoQkhTFOWzTCbz1aqA+vv70ejo6HOaph2llHqLxzweT5Ln+asAkBBFcTGfzxc8Ho+PUtrqOM62QqEQY4wt53EcxyRJ+laSpPdTqRRdEVAgEDiUzWZfLQ4WBGGusbHxU1VVvy8X1NbWtm16evply7JixXVFUb6TZfmDycnJQjVAvPshFAr1LiwsvF4MGQgELre1tb05Pj5+q1JQNptVw+HwBUmSMCHkMTfHNM0YQogYhnGjGiAAABgcHBRFUfwQAL50L0VRXqw6oEg7duzgGhoa9iGEzrlZCKHPW1paHqqmnwcAmJiYOJbP53e6Rb/ff17TtI9WAjQzMwOGYSRkWS6YprkdAIAxJhiG0eg4zg+V+lE4HK7TdX2fWxAEId/e3j60Ephi5XK5L/x+/1XXO47TffjwYW+5HgAA5PP5NlFKAwB334xoNPpWPB4nqwUCAJAkaYjjOHsJSLx8+fLRikDpdPpZWPoDchyXsixrrBYwAABdXV1TXq93wvUY44P79+8XygKZprnLNXV1dbeSyaRVK6BLly7RQCBwzvW2bdePjY3JlYDWuUaSpJFawbg6ceLEFYSQa7nFxUVfWaBi4/P5ZmsNdPr06QIAuHeds21brBqIMVZrnrsUHOcGc8WrQEUgQsiGWsOcPHlSYIx5lizzeDxllxDk9XqXtwmEkO21BhoaGtpFKXXvChVFsey2BHm93p9cYxhGRzQa9ZRr+C86cOAASqfTL7heEASjs7MzVxaooaHhGwBgAACMsRDP81WtOdUoHo+3mKa5yfV+v//i8PCwXRbINM07PM9nl4DQzMzMqf7+/vpaABmGcYwxJgAAIIQKAwMDH1fq4RcXF22fz9dkWdZmAABKqZjNZv2WZf28GhhFUY5gjI+4XhTFkXg8frFSHwIA6OvrO+vxeFS3qOv6gKIoFdedUurr6+NkWd6LMX5peRKE7Kampk+q6ecBAG7fvu0oipI2DGMP/LOx2hoKhZpbWlpG0um0U01YNBoV0un0oUwm85r7qFwmSZKu6bp+pyogAIDe3t4pTdNwPp9f3u0RQtpyudwT4XA4q+t6olxQR0fHI8lk8g1N056BEocHQsjjzc3Nk7quT5XLuacxFouh+fn55zHGg5TS5def4zgQRXEaIRQXBGEcITQPAJRS2uA4TqvjOI8WCoUOxhh6YIbiyTiOhsPhd1VVHa4KyFVTU1NfJpM5btv2io5BPM9rjDGOUuovAcUCgcCZhYWFH0v2lioSQqZ6enq+Nu9qC2Os5PdKTaYoyoVgMHg6GAz+gjE+VGLt4kzT3N3d3f3X7OzszAMZlSZpb2+XU6lUBwD0WJa1hVLaQimVGGPA87yJEJoVBGGU5/lfZVm+NTU1lXZ7N2zYsFlV1beLH38RvBEOh99RVfXqPfVqfvlqFI1GH1ZV9ZRt28r9YwghGgqFzszNzV1xa1U9itUIY5yORqM3McZ7AeCe7StjjCOE7I5EItcxxnNrAgQAoGlaKhKJXNd1/WCJYUQI2ROJRH7DGC+sCRAAAMY41draGscY9zLG7jkOMcYEQshToVDojzUDAgDI5XKpxsbGPw3D2FkCinccp2tNgQAACCGq3++/blnW0/ePUUrlNQcCADBNcz4YDI6YprmHMba86a+vr7/2vwABAOTz+fmNGzeOmqbZjhCSeZ6/FgqF3vsb7AafMhX1W/sAAAAASUVORK5CYII=) 6px 5px no-repeat $white;
|
||||
width: 100%;
|
||||
border: none;
|
||||
padding: 11px 40px 11px 15px;
|
||||
border-radius: 0;
|
||||
background-size: 15px;
|
||||
background-position: calc(100% - 15px) center;
|
||||
border: 1px solid #ddd;
|
||||
&:focus{
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-footer{
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
.nav-item{
|
||||
margin: 10px 0;
|
||||
.nav-link{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
# This file is for render site varibles and plugins
|
||||
# don't remove this file.
|
||||
# The presence of this file is for compatibility with Blogdown and Forestry.
|
||||
#
|
||||
# The actual configuration files are stored in the `config/_default/` folder.
|
||||
|
||||
|
||||
######################### site variables ##############################
|
||||
# customize your color and font from here.
|
||||
[params.variables]
|
||||
primary_color = "#13AE6F"
|
||||
body_color = "#fff"
|
||||
text_color = "#333"
|
||||
text_color_dark = "#19234C"
|
||||
text_color_light = "#888"
|
||||
border_color = "#ececec"
|
||||
black = "#000"
|
||||
white = "#fff"
|
||||
light = "#F6F6F6"
|
||||
dark = "#131313"
|
||||
|
||||
# font variable
|
||||
# Give your font name from google font. add font weight using ":wght@" and separate by ";"
|
||||
# example: "Work Sans:wght@400;500;600"
|
||||
primary_font = "Work Sans:wght@400;500;600;700"
|
||||
primary_font_type = "sans-serif" # [serif/sans-serif/monospace]
|
||||
secondary_font = "Neuton:wght@700"
|
||||
secondary_font_type = "serif" # [serif/sans-serif/monospace]
|
||||
|
||||
|
||||
|
||||
############################# Plugins ##############################
|
||||
|
||||
# CSS Plugins
|
||||
[[params.plugins.css]]
|
||||
link = "plugins/bootstrap/bootstrap.min.css"
|
||||
|
||||
# JS Plugins
|
||||
[[params.plugins.js]]
|
||||
link = "plugins/jquery/jquery.min.js"
|
||||
[[params.plugins.js]]
|
||||
link = "plugins/bootstrap/bootstrap.min.js"
|
||||
[[params.plugins.js]]
|
||||
link = "plugins/search/fuse.min.js"
|
||||
[[params.plugins.js]]
|
||||
link = "plugins/search/mark.js"
|
||||
[[params.plugins.js]]
|
||||
link = "plugins/search/search.js"
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto text-center">
|
||||
{{$img:= resources.Get (site.Params.page_not_found_image) }}
|
||||
{{$img:= $img.Resize "500x webp"}}
|
||||
<img loading="lazy" decoding="async" src="{{$img.RelPermalink}}" alt="404" class="img-fluid mb-4" width="{{$img.Width}}" height="{{$img.Height}}">
|
||||
<h1 class="mb-4">Page Not Found!</h1>
|
||||
<a href="{{site.BaseURL}}" class="btn btn-outline-primary">Back To Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!--
|
||||
|
||||
PROJECT: Startup Hugo
|
||||
VERSION: 1.0.0
|
||||
AUTHOR: Gethugothemes
|
||||
AUTHOR WEBSITE: https://gethugothemes.com
|
||||
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ site.LanguageCode | default `en-US` }}">
|
||||
|
||||
<head>
|
||||
{{ partial "head.html" . }}
|
||||
{{ partialCached "style.html" . }}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ partialCached "preloader.html" . }}
|
||||
{{ partial "header.html" . }}
|
||||
<main>
|
||||
{{ block "main" . }}{{ end }}
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
{{ partialCached "script.html" . }}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
{{ partial "breadcrumb.html" . }}
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="pr-0 pr-lg-4">
|
||||
<div class="content">
|
||||
{{.Content | markdownify}}
|
||||
<div class="mt-5">
|
||||
<p class="h3 mb-3 font-weight-normal"><a class="text-dark" href="mailto:{{site.Params.email}}">{{site.Params.email}}</a></p>
|
||||
<p class="mb-3"><a class="text-dark" href="tel:{{site.Params.mobile}}">{{site.Params.mobile}}</a></p>
|
||||
<p class="mb-2">{{site.Params.address}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mt-4 mt-lg-0">
|
||||
<form method="POST" action="{{ site.Params.contact_form_action | safeURL}}" class="row">
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control mb-4" placeholder="Name" name="name" id="name">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<input type="email" class="form-control mb-4" placeholder="Email" name="email" id="email">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<input type="text" class="form-control mb-4" placeholder="Subject" name="subject" id="subject">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<textarea name="message" id="message" class="form-control mb-4" placeholder="Type You Message Here"
|
||||
rows="5"></textarea>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<button class="btn btn-outline-primary" type="submit">{{ i18n `send_message` }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 {{if not .Params.sidebar}}mx-auto{{end}}">
|
||||
{{ partial "breadcrumb.html" . }}
|
||||
</div>
|
||||
<div class="col-lg-8 mx-auto mb-5 mb-lg-0">
|
||||
{{ $image:= .Params.image }}
|
||||
{{ if $image }}
|
||||
{{ if hasPrefix $image "http" }}
|
||||
<img loading="lazy" decoding="async" src="{{ $image | safeURL }}" alt="About Me" class="img-fluid w-100 mb-4">
|
||||
{{ else }}
|
||||
{{ if fileExists (add `assets/` .Params.image) }}
|
||||
{{$img:= resources.Get (.Params.image) }}
|
||||
{{$img:= $img.Resize "1000x webp"}}
|
||||
<img loading="lazy" decoding="async" src="{{$img.RelPermalink}}" class="img-fluid w-100 mb-4" width="{{$img.Width}}" height="{{$img.Height}}" alt="Author Image">
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<h1 class="mb-4">{{.Title | markdownify }}</h1>
|
||||
<div class="content">
|
||||
{{.Content}}
|
||||
</div>
|
||||
</div>
|
||||
{{ if .Params.sidebar }}
|
||||
{{ partial "sidebar.html" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
{{- $.Scratch.Add "index" slice -}}
|
||||
{{- range where site.RegularPages "Type" "in" site.Params.mainSections -}}
|
||||
|
||||
{{ $image:= .Params.image }}
|
||||
{{ if $image }}
|
||||
{{ if hasPrefix $image "http" }}
|
||||
{{ $.Scratch.Set "image" ($image | safeURL) }}
|
||||
{{ else }}
|
||||
{{ if fileExists (add `assets/` .Params.image) }}
|
||||
{{ $img:= resources.Get (.Params.image) }}
|
||||
{{ $img:= $img.Fill "420x280 webp"}}
|
||||
{{ $.Scratch.Set "image" ($img.RelPermalink) }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ $image := $.Scratch.Get "image" }}
|
||||
|
||||
{{- $.Scratch.Add "index" (dict "title" .Title "tags" .Params.tags "image" $image "categories" .Params.categories "contents" .Plain "permalink" .Permalink) -}}
|
||||
|
||||
{{- end -}}
|
||||
{{- $.Scratch.Get "index" | jsonify -}}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
{
|
||||
"name": "{{site.Title}}",
|
||||
"short_name": "{{site.Title}}",
|
||||
"lang": "{{ site.LanguageCode | default `en-us` }}",
|
||||
{{ with site.Params.variables.primary_color }}"theme_color": "{{.}}",{{ end }}
|
||||
{{ with site.Params.variables.body_color }}"background_color": "{{.}}",{{ end }}
|
||||
|
||||
{{ $icon:= site.Params.favicon }}
|
||||
{{ if fileExists (add `assets/` $icon) }}
|
||||
{{ $icon:= resources.Get $icon }}
|
||||
{{ $icon_48:= $icon.Resize "48x png" }}
|
||||
{{ $icon_72:= $icon.Resize "72x png" }}
|
||||
{{ $icon_96:= $icon.Resize "96x png" }}
|
||||
{{ $icon_144:= $icon.Resize "144x png" }}
|
||||
{{ $icon_192:= $icon.Resize "192x png" }}
|
||||
{{ $icon_512:= $icon.Resize "512x png" }}
|
||||
"icons": [
|
||||
{
|
||||
"src": "{{$icon_48.RelPermalink}}",
|
||||
"sizes": "48x48",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "{{$icon_72.RelPermalink}}",
|
||||
"sizes": "72x72",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "{{$icon_96.RelPermalink}}",
|
||||
"sizes": "96x96",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "{{$icon_144.RelPermalink}}",
|
||||
"sizes": "144x144",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "{{$icon_192.RelPermalink}}",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "{{$icon_512.RelPermalink}}",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
{{ end }}
|
||||
"display": "standalone",
|
||||
"start_url": "{{ site.BaseURL | relLangURL }}?utm_source=web_app_manifest"
|
||||
}
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<!-- checking blog -->
|
||||
{{ if or (eq .Section "article") (eq .Section "articles") (eq .Section "blog") (eq .Section "blogs") (eq .Section "news") (eq .Section "categories") (eq .Section "tags") }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
{{ partial "breadcrumb.html" . }}
|
||||
<h1 class="mb-4 border-bottom border-primary d-inline-block">{{.Title | markdownify | humanize }}</h1>
|
||||
</div>
|
||||
<div class="col-lg-8 mb-5 mb-lg-0">
|
||||
<div class="row">
|
||||
{{ range .Data.Pages }}
|
||||
{{ .Render "post"}}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- sidebar -->
|
||||
{{ partial "sidebar.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- regular page -->
|
||||
{{ else }}
|
||||
{{ .Render "default" }}
|
||||
{{ end }}
|
||||
<!-- /regular page -->
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<div class="col-md-6 mb-4">
|
||||
<article class="card article-card article-card-sm h-100">
|
||||
<a href="{{.Permalink}}">
|
||||
<div class="card-image">
|
||||
{{ if .Content }}
|
||||
<div class="post-info">
|
||||
<span class="text-uppercase">{{.PublishDate.Format "02 Jan 2006"}}</span>
|
||||
<span class="text-uppercase">{{ .ReadingTime }} {{i18n `minutes_read`}}</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ $image:= .Params.image }}
|
||||
{{ if $image }}
|
||||
{{ if hasPrefix $image "http" }}
|
||||
<img loading="lazy" decoding="async" src="{{ $image | safeURL }}" alt="{{ .Title }}" class="w-100">
|
||||
{{ else }}
|
||||
{{ if fileExists (add `assets/` .Params.image) }}
|
||||
{{$img:= resources.Get (.Params.image) }}
|
||||
{{$img:= $img.Fill "420x280 webp"}}
|
||||
<img loading="lazy" decoding="async" src="{{$img.RelPermalink}}" alt="Post Thumbnail" class="w-100"
|
||||
width="{{$img.Width}}" height="{{$img.Height}}">
|
||||
{{ else }}
|
||||
<span class="image-fallback">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<span class="image-fallback">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
</a>
|
||||
<div class="card-body px-0 pb-0">
|
||||
{{ if .Params.categories }}
|
||||
<ul class="post-meta mb-2">
|
||||
<li>
|
||||
{{ range $i,$e:= .Params.categories }}
|
||||
<a href="{{`categories/` | relLangURL}}{{index (split . `/`) 0}}">{{- index (split . "/") 0 -}}</a>
|
||||
|
||||
{{ if (index (split . "/") 1)}}
|
||||
<a href="{{`categories/` | relLangURL}}{{. | urlize}}">{{- index (split . "/") 1 -}}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</li>
|
||||
</ul>
|
||||
{{ end }}
|
||||
<h2><a class="post-title" href="{{.Permalink}}">{{ .Title | title }}</a></h2>
|
||||
{{ if .Content }}
|
||||
<p class="card-text">{{.Summary | truncate 120}}</p>
|
||||
<div class="content">
|
||||
<a class="read-more-btn" href="{{.RelPermalink}}">{{i18n `read_full_article`}}</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 mb-4">
|
||||
{{ partial "breadcrumb.html" . }}
|
||||
<h1 class="border-bottom border-primary d-inline-block"><script>
|
||||
var keyword = (window.location.search).substr(3);
|
||||
var result = keyword.replaceAll("+", " ");
|
||||
document.write(result);
|
||||
</script></h1>
|
||||
</div>
|
||||
<div class="{{if .Params.sidebar}}col-lg-8 mb-lg-0 mb-5{{else}}col-12{{end}}">
|
||||
<div id="search-results" class="row"></div>
|
||||
<script id="search-result-template" type="text/x-js-template">
|
||||
<div class="col-md-6 mb-4">
|
||||
<article class="card article-card article-card-sm h-100" id="summary-${key}">
|
||||
|
||||
<div class="card-image">
|
||||
${ isset image }<img loading="lazy" src="${image}" alt="${title}">${ end }
|
||||
</div>
|
||||
|
||||
<div class="card-body px-0 pb-0">
|
||||
<h2><a class="post-title" href="${link}">${title}</a></h2>
|
||||
<p class="card-text">${snippet}</p>
|
||||
<div class="content">
|
||||
<a class="read-more-btn" href="${link}">{{i18n `read_full_article`}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
{{ if .Params.sidebar }}
|
||||
{{ partial "sidebar.html" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ "<!-- Search index -->" | safeHTML }}
|
||||
<script>
|
||||
var indexURL = {{"index.json" | absLangURL}}
|
||||
</script>
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<!-- checking blog -->
|
||||
{{ if or (eq .Section "article") (eq .Section "articles") (eq .Section "blog") (eq .Section "blogs") (eq .Section "news") (eq .Section "categories") (eq .Section "tags") }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mb-5 mb-lg-0">
|
||||
<article>
|
||||
{{ $image:= .Params.image }}
|
||||
{{ if $image }}
|
||||
{{ if hasPrefix $image "http" }}
|
||||
<img loading="lazy" decoding="async" src="{{ $image | safeURL }}" alt="{{ .Title }}" class="w-100">
|
||||
{{ else }}
|
||||
{{ if fileExists (add `assets/` .Params.image) }}
|
||||
{{$img:= resources.Get (.Params.image) }}
|
||||
{{$img:= $img.Resize "850x webp"}}
|
||||
<img loading="lazy" decoding="async" src="{{$img.RelPermalink}}" alt="Post Thumbnail" class="w-100" width="{{$img.Width}}" height="{{$img.Height}}">
|
||||
{{ else }}
|
||||
<span class="image-fallback w-100">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<span class="image-fallback w-100">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
|
||||
<ul class="post-meta mb-2 mt-4">
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" style="margin-right:5px;margin-top:-4px" class="text-dark" viewBox="0 0 16 16">
|
||||
<path d="M5.5 10.5A.5.5 0 0 1 6 10h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
|
||||
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
|
||||
<path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
|
||||
</svg>
|
||||
<span>{{.PublishDate.Format "02 January, 2006"}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h1 class="my-3">{{.Title}}</h1>
|
||||
|
||||
<ul class="post-meta mb-4">
|
||||
{{ if .Params.categories }}
|
||||
<li>
|
||||
{{ range $i,$e:= .Params.categories }}
|
||||
<a href="{{`categories/` | relLangURL}}{{index (split . `/`) 0}}">{{- index (split . "/") 0 -}}</a>
|
||||
{{ if (index (split . "/") 1)}}
|
||||
<a href="{{`categories/` | relLangURL}}{{index (split . `/`) 0}}/{{index (split . `/`) 1}}">{{- index (split . "/") 1 -}}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<div class="content text-left">
|
||||
{{.Content}}
|
||||
</div>
|
||||
</article>
|
||||
<!-- comments -->
|
||||
{{ if .Site.DisqusShortname }}
|
||||
<div class="mt-5">
|
||||
{{ template "_internal/disqus.html" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<!-- sidebar -->
|
||||
{{ partial "sidebar.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- regular page -->
|
||||
{{ else }}
|
||||
{{ .Render "default" }}
|
||||
{{ end }}
|
||||
<!-- /regular page -->
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row no-gutters-lg">
|
||||
<div class="col-12">
|
||||
<h2 class="section-title">{{i18n `latest_articles`}}</h2>
|
||||
</div>
|
||||
<div class="col-lg-8 mb-5 mb-lg-0">
|
||||
<div class="row">
|
||||
{{ $paginator:= .Paginate (where site.RegularPages "Section" "in" site.Params.mainSections) }}
|
||||
{{ range $i, $e:= $paginator.Pages }}
|
||||
{{ if eq $i 0}}
|
||||
<div class="col-12 mb-4">
|
||||
<article class="card article-card">
|
||||
<a href="{{.Permalink}}">
|
||||
<div class="card-image">
|
||||
<div class="post-info">
|
||||
<span class="text-uppercase">{{.PublishDate.Format "02 Jan 2006"}}</span>
|
||||
<span class="text-uppercase">{{ .ReadingTime }} {{i18n `minutes_read`}}</span>
|
||||
</div>
|
||||
|
||||
{{ $image:= .Params.image }}
|
||||
{{ if $image }}
|
||||
{{ if hasPrefix $image "http" }}
|
||||
<img loading="lazy" decoding="async" src="{{ $image | safeURL }}" alt="{{ .Title }}" class="w-100">
|
||||
{{ else }}
|
||||
{{ if fileExists (add `assets/` .Params.image) }}
|
||||
{{$img:= resources.Get (.Params.image) }}
|
||||
{{$img:= $img.Resize "850x webp"}}
|
||||
<img loading="lazy" decoding="async" src="{{$img.RelPermalink}}" alt="{{.Title}}" class="w-100" width="{{$img.Width}}" height="{{$img.Height}}">
|
||||
{{ else }}
|
||||
<span class="image-fallback">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<span class="image-fallback">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="card-body px-0 pb-1">
|
||||
{{ if .Params.categories }}
|
||||
<ul class="post-meta mb-2">
|
||||
<li>
|
||||
{{ range $i,$e:= .Params.categories }}
|
||||
<a href="{{`categories/` | relLangURL}}{{index (split . `/`) 0}}">{{- index (split . "/") 0 -}}</a>
|
||||
{{ if (index (split . "/") 1)}}
|
||||
<a href="{{`categories/` | relLangURL}}{{index (split . `/`) 0}}/{{index (split . `/`) 1}}">{{- index (split . "/") 1 -}}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</li>
|
||||
</ul>
|
||||
{{ end }}
|
||||
<h2 class="h1"><a class="post-title" href="{{.RelPermalink}}">{{ .Title }}</a></h2>
|
||||
<p class="card-text">{{.Summary}}</p>
|
||||
|
||||
<div class="content">
|
||||
<a class="read-more-btn" href="{{.RelPermalink}}">Read Full Article</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
{{ else }}
|
||||
{{ .Render "post" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<div class="col-12">
|
||||
{{ partial "pagination.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- sidebar -->
|
||||
{{ partial "sidebar.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<div class="breadcrumbs mb-4">
|
||||
{{ $url := replace .Permalink ( printf "%s" site.BaseURL) "" }}
|
||||
{{ $.Scratch.Add "path" site.BaseURL }}
|
||||
<a href="{{ site.BaseURL | relLangURL }}">Home</a>
|
||||
{{ range $index, $element := split $url "/" }}
|
||||
{{ $.Scratch.Add "path" $element}}
|
||||
{{ if ne $element "" }}
|
||||
{{ if ne $element "fr" }}
|
||||
<span class="mx-1">/</span> <a href="{{ $.Scratch.Get `path` }}">{{ . | humanize }}</a>
|
||||
{{ end }}
|
||||
{{ $.Scratch.Add "path" "/"}}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<footer class="bg-dark mt-5">
|
||||
<div class="container section">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto text-center">
|
||||
<a class="d-inline-block mb-4 pb-2" href="{{ site.BaseURL | relLangURL }}">
|
||||
{{ $logo:= site.Params.logo_white }}
|
||||
{{ if fileExists (add `assets/` $logo) }}
|
||||
{{ $logo:= resources.Get $logo }}
|
||||
{{ $option := add (string site.Params.logo_width) " webp" }}
|
||||
{{ $logo:= $logo.Resize site.Params.logo_width }}
|
||||
{{ $logo_webp:= $logo.Resize $option }}
|
||||
<img loading="prelaod" decoding="async" class="img-fluid" width="{{$logo.Width}}" height="{{$logo.Height}}" src="{{$logo_webp.RelPermalink}}" alt="{{ site.Title }}" onerror="this.onerror=null;this.src='{{$logo.RelPermalink}}'">
|
||||
{{ else }}
|
||||
{{site.Params.logo_text | markdownify}}
|
||||
{{ end }}
|
||||
</a>
|
||||
<ul class="p-0 d-flex navbar-footer mb-0 list-unstyled">
|
||||
{{ range site.Menus.footer }}
|
||||
<li class="nav-item my-0">
|
||||
<a class="nav-link"
|
||||
href="{{if .Pre}}{{site.BaseURL | absLangURL}}{{.Pre}}{{ .URL }}{{else}}{{.URL | absLangURL}}{{end}}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright bg-dark content">{{site.Params.copyright | markdownify}}</div>
|
||||
</footer>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<meta charset="utf-8">
|
||||
<title>{{.Title | default site.Title}}</title>
|
||||
|
||||
<!-- base url -->
|
||||
{{ if or (eq site.BaseURL "/") (eq site.BaseURL "http://localhost:1313/") (eq site.BaseURL "http://examplesite.org/") (eq site.BaseURL "https://examplesite.org/") (eq site.BaseURL "http://examplesite.com/") (eq site.BaseURL "https://examplesite.com/")}}{{else}}
|
||||
<base href="{{ site.BaseURL }}">
|
||||
{{ end }}
|
||||
|
||||
<!-- multilingual SEO optimizations -->
|
||||
{{ if .IsTranslated }}
|
||||
{{ range .AllTranslations }}
|
||||
<link rel="alternate" hreflang="{{.Lang}}" href="{{ .RelPermalink | absLangURL }}">
|
||||
{{ end }}
|
||||
<link rel="alternate" hreflang="x-default" href="{{ .RelPermalink | absLangURL }}">
|
||||
{{ end }}
|
||||
|
||||
<!-- mobile responsive meta -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
|
||||
<meta name="description" content="{{ .Params.Description | default site.Params.description }}">
|
||||
{{ with site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
|
||||
{{ hugo.Generator }}
|
||||
|
||||
<!-- favicon -->
|
||||
{{ $favicon:= site.Params.favicon }}
|
||||
{{ if fileExists (add `assets/` $favicon) }}
|
||||
{{ $favicon:= resources.Get $favicon }}
|
||||
{{ $favicon_16:= $favicon.Resize "16x png"}}
|
||||
{{ $favicon_32:= $favicon.Resize "32x png"}}
|
||||
{{ $favicon_180:= $favicon.Resize "180x png"}}
|
||||
<link rel="shortcut icon" href="{{$favicon_32.RelPermalink}}" type="image/x-icon">
|
||||
<link rel="icon" href="{{$favicon_32.RelPermalink}}" type="image/x-icon">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{{$favicon_16.RelPermalink}}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{{$favicon_32.RelPermalink}}">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{$favicon_180.RelPermalink}}">
|
||||
{{ end }}
|
||||
<link rel="manifest" href="{{`manifest.webmanifest` | relURL }}">
|
||||
<meta name="msapplication-TileColor" content="{{site.Params.variables.primary_color | default `#da532c`}}">
|
||||
<meta name="theme-color" content="{{site.Params.variables.body_color | default `#ffffff` }}">
|
||||
|
||||
|
||||
{{ "<!-- Open Graph image and Twitter Card metadata -->" | safeHTML }}
|
||||
{{ $image_path := .Params.image | default site.Params.image -}}
|
||||
{{ $image_path_local := printf "static/%s" $image_path -}}
|
||||
{{ $image_ext := trim (path.Ext $image_path | lower) "." -}}
|
||||
{{ if fileExists $image_path_local -}}
|
||||
<meta property="og:image" content="{{ $image_path | absURL }}" />
|
||||
{{/* If not SVG, read image aspect ratio and define Twitter Card and Open Graph width and height */ -}}
|
||||
{{ if ne $image_ext "svg" -}}
|
||||
{{ with (imageConfig $image_path_local) -}}
|
||||
{{ if (and (gt .Width 144) (gt .Height 144)) -}}
|
||||
<meta name="twitter:image" content="{{ $image_path | absURL }}"/>
|
||||
<meta name="twitter:card" content="summary{{ if (and (gt .Width 300) (gt .Height 157) (not (eq .Width .Height))) }}_large_image{{ end }}">
|
||||
{{ end -}}
|
||||
<meta property="og:image:width" content="{{ .Width }}">
|
||||
<meta property="og:image:height" content="{{ .Height }}">
|
||||
{{ end -}}
|
||||
{{ end -}}
|
||||
<meta property="og:image:type" content="image/{{ if eq $image_ext `svg` }}svg+xml{{ else }}{{ replaceRE `^jpg$` `jpeg` $image_ext }}{{ end }}">
|
||||
{{ end -}}
|
||||
<meta name="twitter:title" content="{{ with .Title }}{{ . }}{{ else }}{{ site.Title }}{{ end }}"/>
|
||||
<meta name="twitter:description" content="{{ with .Description }}{{ . }}{{ else }}{{ if .IsPage }}{{ .Summary }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}"/>
|
||||
{{ with site.Social.twitter -}}<meta name="twitter:site" content="@{{ . }}"/>{{ end -}}
|
||||
{{ range site.Authors }}
|
||||
{{ with .twitter -}}<meta name="twitter:creator" content="@{{ . }}"/>{{ end -}}
|
||||
{{ end -}}
|
||||
|
||||
{{ template "_internal/opengraph.html" . }}
|
||||
{{ template "_internal/twitter_cards.html" . }}
|
||||
|
||||
<!-- google analytics -->
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<!-- navigation -->
|
||||
<header class="navigation">
|
||||
<div class="container">
|
||||
<!-- navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light px-0">
|
||||
<a class="navbar-brand order-1 py-0" href="{{ site.BaseURL | relLangURL }}">
|
||||
{{ $logo:= site.Params.logo }}
|
||||
{{ if fileExists (add `assets/` $logo) }}
|
||||
{{ $logo:= resources.Get $logo }}
|
||||
{{ $option := add (string site.Params.logo_width) " webp" }}
|
||||
{{ $logo:= $logo.Resize site.Params.logo_width }}
|
||||
{{ $logo_webp:= $logo.Resize $option }}
|
||||
<img loading="prelaod" decoding="async" class="img-fluid" width="{{$logo.Width}}" height="{{$logo.Height}}" src="{{$logo_webp.RelPermalink}}" alt="{{ site.Title }}" onerror="this.onerror=null;this.src='{{$logo.RelPermalink}}'">
|
||||
{{ else }}
|
||||
{{site.Params.logo_text | markdownify}}
|
||||
{{ end }}
|
||||
</a>
|
||||
<div class="navbar-actions order-3">
|
||||
<!-- Language List -->
|
||||
{{ if .IsTranslated }}
|
||||
<select class="mx-3 border-0 bg-transparent" id="select-language" onchange="location = this.value;">
|
||||
{{ $siteLanguages := site.Languages}}
|
||||
{{ $pageLang := .Page.Lang}}
|
||||
{{ range .Page.AllTranslations }}
|
||||
{{ $translation := .}}
|
||||
{{ range $siteLanguages }}
|
||||
{{ if eq $translation.Lang .Lang }}
|
||||
{{ $selected := false }}
|
||||
{{ if eq $pageLang .Lang}}
|
||||
<option id="{{ $translation.Language }}" value="{{ $translation.RelPermalink }}" selected>{{ .LanguageName }}
|
||||
</option>
|
||||
{{ else }}
|
||||
<option id="{{ $translation.Language }}" value="{{ $translation.RelPermalink }}">{{ .LanguageName }}</option>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</select>
|
||||
{{ end }}
|
||||
|
||||
<button aria-label="navbar toggler" class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
{{ if site.Params.search }}
|
||||
<!-- search -->
|
||||
<form action="{{ `search`| relLangURL }}" class="search order-lg-3 order-md-2 order-3 ml-auto">
|
||||
<input id="search-query" name="s" type="search" placeholder="Search...">
|
||||
</form>
|
||||
{{ end }}
|
||||
|
||||
<div class="collapse navbar-collapse text-center order-lg-2 order-4" id="navigation">
|
||||
<ul class="navbar-nav mx-auto mt-3 mt-lg-0">
|
||||
{{ range site.Menus.main }}
|
||||
{{ if .HasChildren }}
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item" {{if findRE `^http` .URL}}target="_blank"{{end}}
|
||||
href="{{if findRE `^#` .URL}}{{if not $.IsHome}}{{site.BaseURL | relLangURL}}{{end}}{{ .URL }}{{else}}{{.URL | relLangURL}}{{end}}">{{ .Name }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li>
|
||||
{{ else }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" {{if findRE `^http` .URL}}target="_blank"{{end}}
|
||||
href="{{if findRE `^#` .URL}}{{if not $.IsHome}}{{site.BaseURL | relLangURL}}{{end}}{{ .URL }}{{else}}{{.URL | relLangURL}}{{end}}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- /navigation -->
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<div class="row">
|
||||
<div class="col-12">
|
||||
<nav class="mt-4">
|
||||
{{"<!-- pagination -->" | safeHTML }}
|
||||
{{ $paginator := .Paginator }}
|
||||
<!-- Number of links either side of the current page. -->
|
||||
{{ $adjacent_links := 2 }}
|
||||
<!-- $max_links = ($adjacent_links * 2) + 1 -->
|
||||
{{ $max_links := (add (mul $adjacent_links 2) 1) }}
|
||||
<!-- $lower_limit = $adjacent_links + 1 -->
|
||||
{{ $lower_limit := (add $adjacent_links 1) }}
|
||||
<!-- $upper_limit = $paginator.TotalPages - $adjacent_links -->
|
||||
{{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
|
||||
<!-- If there's more than one page. -->
|
||||
{{ if gt $paginator.TotalPages 1 }}
|
||||
<nav class="mb-md-50">
|
||||
<ul class="pagination justify-content-center">
|
||||
<!-- Previous page. -->
|
||||
{{ if $paginator.HasPrev }}
|
||||
<li class="page-item"><a class="page-link" href="{{ $paginator.Prev.URL }}" aria-label="Pagination Arrow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/>
|
||||
</svg>
|
||||
</a></li>
|
||||
{{ end }}
|
||||
<!-- Page numbers. -->
|
||||
{{ range $paginator.Pagers }}
|
||||
{{ $.Scratch.Set "page_number_flag" false }}
|
||||
<!-- Advanced page numbers. -->
|
||||
{{ if gt $paginator.TotalPages $max_links }}
|
||||
<!-- Lower limit pages. -->
|
||||
<!-- If the user is on a page which is in the lower limit. -->
|
||||
{{ if le $paginator.PageNumber $lower_limit }}
|
||||
<!-- If the current loop page is less than max_links. -->
|
||||
{{ if le .PageNumber $max_links }}
|
||||
{{ $.Scratch.Set "page_number_flag" true }}
|
||||
{{ end }}
|
||||
<!-- Upper limit pages. -->
|
||||
<!-- If the user is on a page which is in the upper limit. -->
|
||||
{{ else if ge $paginator.PageNumber $upper_limit }}
|
||||
<!-- If the current loop page is greater than total pages minus $max_links -->
|
||||
{{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
|
||||
{{ $.Scratch.Set "page_number_flag" true }}
|
||||
{{ end }}
|
||||
<!-- Middle pages. -->
|
||||
{{ else }}
|
||||
{{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber $adjacent_links) ) }}
|
||||
{{ $.Scratch.Set "page_number_flag" true }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Simple page numbers. -->
|
||||
{{ else }}
|
||||
{{ $.Scratch.Set "page_number_flag" true }}
|
||||
{{ end }}
|
||||
<!-- Output page numbers. -->
|
||||
{{ if eq ($.Scratch.Get "page_number_flag") true }}
|
||||
<li class="page-item{{ if eq . $paginator }} active {{ end }}">
|
||||
<a href="{{ .URL }}" class="page-link">
|
||||
{{ .PageNumber }}
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Next page. -->
|
||||
{{ if $paginator.HasNext }}
|
||||
<li class="page-item"><a class="page-link" href="{{ $paginator.Next.URL }}" aria-label="Pagination Arrow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/>
|
||||
</svg>
|
||||
</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</nav>
|
||||
{{ end }}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{{ if site.Params.preloader.enable }}
|
||||
{{ "<!-- preloader start -->" | safeHTML }}
|
||||
<div class="preloader">
|
||||
{{ with site.Params.preloader.preloader }}
|
||||
<img src="{{ . | absURL }}" alt="preloader">
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ "<!-- preloader end -->" | safeHTML }}
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!-- font family -->
|
||||
<script src="https://cdn.jsdelivr.net/gh/theprojectsomething/webfontloader@feature/google-fonts-v2/webfontloader.js"></script>
|
||||
{{$pf:= site.Params.variables.primary_font}}
|
||||
{{$sf:= site.Params.variables.secondary_font}}
|
||||
<script type="application/javascript">
|
||||
WebFont.load({
|
||||
google: {
|
||||
api: 'https://fonts.googleapis.com/css2',
|
||||
families: ['{{$pf | default `Lato:wght@400`}}{{if not $sf}}&display=swap{{end}}'{{with $sf}},'{{. | default `Lato:wght@400`}}&display=swap'{{end}}],
|
||||
version: 2
|
||||
},
|
||||
active: () => {
|
||||
sessionStorage.fontsLoaded = true
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- JS Plugins + Main script -->
|
||||
{{ $scripts := slice }}
|
||||
{{ range site.Params.plugins.js}}
|
||||
{{ if findRE "^http" .link }}
|
||||
<script src="{{ .link | absURL }}" type="application/javascript" {{.attributes | safeHTMLAttr}}></script>
|
||||
{{ else }}
|
||||
{{ $scripts = $scripts | append (resources.Get .link) }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ $scripts := $scripts | append (resources.Get "js/script.js" | minify) }}
|
||||
{{ $scripts := $scripts | resources.Concat "/js/script.js" | minify | fingerprint "sha512" }}
|
||||
<script crossorigin="anonymous" defer="defer" data-turbolinks-suppress-warning integrity="{{ $scripts.Data.Integrity }}" type="application/javascript">{{$scripts.Content | safeJS}}</script>
|
||||
|
||||
|
||||
<!-- cookie -->
|
||||
{{ with site.Params.cookies }}
|
||||
{{ if .enable }}
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"></script>
|
||||
<div id="js-cookie-box" class="cookie-box cookie-box-hide">
|
||||
{{.content | markdownify}}<span id="js-cookie-button" class="btn btn-sm btn-outline-primary ml-2">{{.button}}</span>
|
||||
</div>
|
||||
<script type="application/javascript">
|
||||
(function ($) {
|
||||
const cookieBox = document.getElementById('js-cookie-box');
|
||||
const cookieButton = document.getElementById('js-cookie-button');
|
||||
if (!Cookies.get('cookie-box')) {
|
||||
cookieBox.classList.remove('cookie-box-hide');
|
||||
cookieButton.onclick = function () {
|
||||
Cookies.set('cookie-box', true, {
|
||||
expires: {{ .expire_days }}
|
||||
});
|
||||
cookieBox.classList.add('cookie-box-hide');
|
||||
};
|
||||
}
|
||||
})(jQuery);
|
||||
</script>
|
||||
|
||||
<!-- cookie style -->
|
||||
<style>
|
||||
.cookie-box {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
z-index: 9999;
|
||||
padding: 1rem 2rem;
|
||||
background: rgb(71, 71, 71);
|
||||
transition: all .75s cubic-bezier(.19, 1, .22, 1);
|
||||
color: #fdfdfd;
|
||||
}
|
||||
|
||||
.cookie-box-hide {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<div class="col-lg-4">
|
||||
<div class="widget-blocks">
|
||||
<div class="row">
|
||||
{{ if .Params.widgets }}
|
||||
{{ .Scratch.Set "widget" .Params.widgets }}
|
||||
{{ else }}
|
||||
{{ .Scratch.Set "widget" site.Params.widgets }}
|
||||
{{ end }}
|
||||
{{ partial "widgets/widget-wrapper" ( dict "Widgets" (.Scratch.Get "widget") "Scope" . )}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!--Favicon-->
|
||||
<link rel="shortcut icon" href="{{ site.Params.favicon | absURL }}" type="image/x-icon">
|
||||
<link rel="icon" href="{{ site.Params.favicon | absURL }}" type="image/x-icon">
|
||||
|
||||
<!-- DNS preconnect -->
|
||||
<meta http-equiv="x-dns-prefetch-control" content="on">
|
||||
<link rel="preconnect" href="//ajax.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
|
||||
<link rel="preconnect" href="https://use.fontawesome.com" crossorigin>
|
||||
<link rel="preconnect" href="//cdnjs.cloudflare.com">
|
||||
<link rel="preconnect" href="//www.googletagmanager.com">
|
||||
<link rel="preconnect" href="//www.google-analytics.com">
|
||||
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
|
||||
<link rel="dns-prefetch" href="https://use.fontawesome.com">
|
||||
<link rel="dns-prefetch" href="//ajax.googleapis.com">
|
||||
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
|
||||
<link rel="dns-prefetch" href="//www.googletagmanager.com">
|
||||
<link rel="dns-prefetch" href="//www.google-analytics.com">
|
||||
<link rel="dns-prefetch" href="//fonts.googleapis.com">
|
||||
<link rel="dns-prefetch" href="//connect.facebook.net">
|
||||
<link rel="dns-prefetch" href="//platform.linkedin.com">
|
||||
<link rel="dns-prefetch" href="//platform.twitter.com">
|
||||
|
||||
<!-- plugins + stylesheet -->
|
||||
{{ $styles := slice }}
|
||||
{{ range site.Params.plugins.css }}
|
||||
{{ if findRE "^http" .link }}
|
||||
<link crossorigin="anonymous" media="all" rel="stylesheet" href="{{ .link | absURL }}" {{.attributes | safeHTMLAttr}} >
|
||||
{{ else }}
|
||||
{{ $styles = $styles | append (resources.Get .link) }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ $styles := $styles | append (resources.Get "scss/style.scss" | resources.ExecuteAsTemplate "style.scss" . | toCSS) }}
|
||||
{{ $styles := $styles | resources.Concat "/css/style.css" | minify | fingerprint "sha512"}}
|
||||
<style crossorigin="anonymous" media="all" type="text/css" integrity="{{ $styles.Data.Integrity }}">{{$styles.Content | safeCSS}}</style>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<div class="col-lg-12">
|
||||
{{ with site.GetPage "/about" }}
|
||||
<!-- about -->
|
||||
<div class="widget">
|
||||
<div class="widget-body">
|
||||
|
||||
{{ $image:= .Params.image }}
|
||||
{{ if $image }}
|
||||
{{ if hasPrefix $image "http" }}
|
||||
<img loading="lazy" decoding="async" src="{{ $image | safeURL }}" alt="About Me" class="w-100 author-thumb-sm d-block">
|
||||
{{ else }}
|
||||
{{ if fileExists (add `assets/` .Params.image) }}
|
||||
{{$img:= resources.Get (.Params.image) }}
|
||||
{{$img:= $img.Resize "420x webp"}}
|
||||
<img loading="lazy" decoding="async" src="{{$img.RelPermalink}}" alt="About Me" class="w-100 author-thumb-sm d-block" width="{{$img.Width}}" height="{{$img.Height}}">
|
||||
{{ else }}
|
||||
<span class="image-fallback">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<span class="image-fallback">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
|
||||
<h2 class="widget-title my-3">{{ .Title | markdownify }}</h2>
|
||||
<p class="mb-3 pb-2">{{ .Plain | markdownify | truncate 135 }}</p>
|
||||
<a href="{{ .Permalink }}" class="btn btn-sm btn-outline-primary">{{i18n `know_more`}}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<div class="col-lg-12 col-md-6">
|
||||
<!-- category -->
|
||||
<div class="widget">
|
||||
<h2 class="section-title mb-3">{{i18n `categories`}}</h2>
|
||||
<div class="widget-body">
|
||||
{{ if isset .Site.Taxonomies "categories" }}
|
||||
{{ if not (eq (len site.Taxonomies.categories) 0) }}
|
||||
<ul class="widget-list">
|
||||
{{ range $name, $items := site.Taxonomies.categories }}<li><a href="{{`categories/` | relLangURL}}{{ $name | urlize | lower }}">{{ if index (split $name "/") 2 }}{{index (split $name "/") 2}}{{ else if index (split $name "/") 1 }}{{index (split $name "/") 1}}{{else}}{{index (split $name "/") 0}}{{end}}<span class="ml-auto">({{len $items}})</span></a></li>{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="col-lg-12 col-md-6">
|
||||
<div class="widget">
|
||||
<h2 class="section-title mb-3">{{i18n `recommended`}}</h2>
|
||||
<div class="widget-body">
|
||||
<div class="widget-list">
|
||||
{{ $related := (where site.RegularPages "Section" "articles") | intersect (where site.Pages ".Title" "!=" .Title) | union (site.RegularPages.Related . ) }}
|
||||
{{ range $i, $e:= last 5 $related }}
|
||||
{{ if eq $i 0}}
|
||||
|
||||
<article class="card mb-4">
|
||||
<div class="card-image">
|
||||
<div class="post-info">
|
||||
<span class="text-uppercase">{{ math.Round (div (countwords .Content) 220.0) }} {{i18n `minutes_read`}}</span>
|
||||
</div>
|
||||
|
||||
{{ if .Params.image }}
|
||||
{{ if fileExists (add `assets/` .Params.image) }}
|
||||
{{$img:= resources.Get (.Params.image) }}
|
||||
{{$img:= $img.Fill "420x280 webp"}}
|
||||
<img loading="lazy" decoding="async" src="{{$img.RelPermalink}}" alt="Post Thumbnail" class="w-100" width="{{$img.Width}}" height="{{$img.Height}}">
|
||||
{{ else }}
|
||||
<span class="image-fallback">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<span class="image-fallback">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="card-body px-0 pb-1">
|
||||
<h3><a class="post-title post-title-sm" href="{{.Permalink}}">{{ .Title | title }}</a></h3>
|
||||
<p class="card-text">{{.Summary | truncate 80}}</p>
|
||||
<div class="content">
|
||||
<a class="read-more-btn" href="{{.RelPermalink}}">{{i18n `read_full_article`}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
{{ else }}
|
||||
<a class="media align-items-center" href="{{.Permalink}}">
|
||||
{{ if .Params.image }}
|
||||
{{ if fileExists (add `assets/` .Params.image) }}
|
||||
{{$img:= resources.Get (.Params.image) }}
|
||||
{{$img:= $img.Fill "80x80 webp"}}
|
||||
<img loading="lazy" decoding="async" src="{{$img.RelPermalink}}" alt="Post Thumbnail" class="w-100" width="{{$img.Width}}" height="{{$img.Height}}">
|
||||
{{ else }}
|
||||
<span class="image-fallback image-fallback-xs">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<span class="image-fallback image-fallback-xs">{{.Title | title}}</span>
|
||||
{{ end }}
|
||||
<div class="media-body ml-3">
|
||||
<h3 style="margin-top:-5px">{{.Title}}</h3>
|
||||
<p class="mb-0 small">{{.Plain | markdownify | truncate 50}}</p>
|
||||
</div>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
{{- range .Widgets -}}
|
||||
{{- partial ( print "widgets/" . ) $.Scope -}}
|
||||
{{- end -}}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
{{ $imagePath:= (.Get "src") }}
|
||||
{{ if findRE `^http` $imagePath }}
|
||||
{{ .Scratch.Set "image" $imagePath }}
|
||||
{{ else }}
|
||||
{{ if fileExists (add `assets/` $imagePath) }}
|
||||
{{ $img:= resources.Get $imagePath }}
|
||||
|
||||
{{ $image_ext := path.Ext $img }}
|
||||
{{ $image_width := $img.Width }}
|
||||
|
||||
{{ if and (gt $img.Width 750) (ne $image_ext ".gif") }}
|
||||
{{ $img_webp:= $img.Resize "750x webp" }}
|
||||
{{ .Scratch.Set "image" $img_webp.RelPermalink }}
|
||||
|
||||
{{ else if and (lt $img.Width 750) (ne $image_ext ".gif") }}
|
||||
|
||||
{{ $option := add (add (string $image_width) "x") " webp" }}
|
||||
{{ .Scratch.Set "image" ($img.Resize $option).RelPermalink }}
|
||||
|
||||
{{ else }}
|
||||
{{ .Scratch.Set "image" $img.RelPermalink }}
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<img loading="lazy" decoding="async" class="w-100 d-block mb-4" src="{{.Scratch.Get `image`}}" alt="{{.Get `alt`}}">
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
{{ $_hugo_config := `{ "version": 1 }` }}
|
||||
|
||||
<div class="notices {{ .Get 0 }}" {{ if len .Params | eq 2 }} id="{{ .Get 1 }}" {{ end }}><p>{{ .Inner | markdownify }}</p></div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{{ $_hugo_config := `{ "version": 1 }` }}
|
||||
|
||||
<div class="quote">
|
||||
<i class="ti-quote-left"></i>
|
||||
<div>
|
||||
<p>{{ .Inner | markdownify }}</p>
|
||||
<span class="quote-by"> -{{ .Get "by"}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1 @@
|
|||
{{ .Page.TableOfContents }}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
{{ partial "breadcrumb.html" . }}
|
||||
<h1 class="mb-4 border-bottom border-primary d-inline-block text-capitalize">{{ if index (split .Title "/") 2 }}{{index (split .Title "/") 2}}{{ else if index (split .Title "/") 1 }}{{index (split .Title "/") 1}}{{else}}{{index (split .Title "/") 0}}{{end}}</h1>
|
||||
</div>
|
||||
<div class="col-lg-8 mb-5 mb-lg-0">
|
||||
<div class="row">
|
||||
{{ range .Data.Pages }}
|
||||
{{ .Render "post"}}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ partial "sidebar.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
Loading…
Reference in New Issue