Changed names of pages
This commit is contained in:
Administrator
parent
c0a246d218
commit
ef6de5cad6
5
content/english/articles/bsd/_index.md
Normal file
5
content/english/articles/bsd/_index.md
Normal file
@ -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
|
||||
162
content/english/articles/bsd/post-1.md
Normal file
162
content/english/articles/bsd/post-1.md
Normal file
@ -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 >}}
|
||||
19
content/english/articles/bsd/post-2.md
Normal file
19
content/english/articles/bsd/post-2.md
Normal file
@ -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.
|
||||
21
content/english/articles/bsd/post-3.md
Normal file
21
content/english/articles/bsd/post-3.md
Normal file
@ -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.
|
||||
21
content/english/articles/bsd/post-4.md
Normal file
21
content/english/articles/bsd/post-4.md
Normal file
@ -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.
|
||||
6
content/english/articles/foss/_index.md
Normal file
6
content/english/articles/foss/_index.md
Normal file
@ -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
|
||||
161
content/english/articles/foss/post-1.md
Normal file
161
content/english/articles/foss/post-1.md
Normal file
@ -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 >}}
|
||||
161
content/english/articles/foss/post-2.md
Normal file
161
content/english/articles/foss/post-2.md
Normal file
@ -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 >}}
|
||||
18
content/english/articles/foss/post-3.md
Normal file
18
content/english/articles/foss/post-3.md
Normal file
@ -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.
|
||||
161
content/english/articles/foss/post-4.md
Normal file
161
content/english/articles/foss/post-4.md
Normal file
@ -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 >}}
|
||||
5
content/english/articles/linux/_index.md
Normal file
5
content/english/articles/linux/_index.md
Normal file
@ -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
|
||||
161
content/english/articles/linux/post-1.md
Normal file
161
content/english/articles/linux/post-1.md
Normal file
@ -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 >}}
|
||||
19
content/english/articles/linux/post-2.md
Normal file
19
content/english/articles/linux/post-2.md
Normal file
@ -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.
|
||||
19
content/english/articles/linux/post-3.md
Normal file
19
content/english/articles/linux/post-3.md
Normal file
@ -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.
|
||||
19
content/english/articles/linux/post-4.md
Normal file
19
content/english/articles/linux/post-4.md
Normal file
@ -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.
|
||||
61
themes/eddie/assets/js/script.js
Normal file
61
themes/eddie/assets/js/script.js
Normal file
@ -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);
|
||||
6
themes/eddie/assets/plugins/bootstrap/bootstrap.min.css
vendored
Normal file
6
themes/eddie/assets/plugins/bootstrap/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6
themes/eddie/assets/plugins/bootstrap/bootstrap.min.js
vendored
Normal file
6
themes/eddie/assets/plugins/bootstrap/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
themes/eddie/assets/plugins/jquery/jquery.min.js
vendored
Normal file
2
themes/eddie/assets/plugins/jquery/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
9
themes/eddie/assets/plugins/search/fuse.min.js
vendored
Normal file
9
themes/eddie/assets/plugins/search/fuse.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
7
themes/eddie/assets/plugins/search/mark.js
Normal file
7
themes/eddie/assets/plugins/search/mark.js
Normal file
File diff suppressed because one or more lines are too long
101
themes/eddie/assets/plugins/search/search.js
Normal file
101
themes/eddie/assets/plugins/search/search.js
Normal file
@ -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;
|
||||
}
|
||||
57
themes/eddie/assets/scss/_buttons.scss
Normal file
57
themes/eddie/assets/scss/_buttons.scss
Normal file
@ -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;
|
||||
}
|
||||
174
themes/eddie/assets/scss/_common.scss
Normal file
174
themes/eddie/assets/scss/_common.scss
Normal file
@ -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;
|
||||
}
|
||||
29
themes/eddie/assets/scss/_mixins.scss
Normal file
29
themes/eddie/assets/scss/_mixins.scss
Normal file
@ -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;
|
||||
}
|
||||
60
themes/eddie/assets/scss/_typography.scss
Normal file
60
themes/eddie/assets/scss/_typography.scss
Normal file
@ -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;
|
||||
}
|
||||
30
themes/eddie/assets/scss/style.scss
Normal file
30
themes/eddie/assets/scss/style.scss
Normal file
@ -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';
|
||||
478
themes/eddie/assets/scss/templates/_main.scss
Normal file
478
themes/eddie/assets/scss/templates/_main.scss
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
215
themes/eddie/assets/scss/templates/_navigation.scss
Normal file
215
themes/eddie/assets/scss/templates/_navigation.scss
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
48
themes/eddie/config.toml
Normal file
48
themes/eddie/config.toml
Normal file
@ -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"
|
||||
17
themes/eddie/layouts/404.html
Normal file
17
themes/eddie/layouts/404.html
Normal file
@ -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 }}
|
||||
28
themes/eddie/layouts/_default/baseof.html
Normal file
28
themes/eddie/layouts/_default/baseof.html
Normal file
@ -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>
|
||||
45
themes/eddie/layouts/_default/contact.html
Normal file
45
themes/eddie/layouts/_default/contact.html
Normal file
@ -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 }}
|
||||
31
themes/eddie/layouts/_default/default.html
Normal file
31
themes/eddie/layouts/_default/default.html
Normal file
@ -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>
|
||||
22
themes/eddie/layouts/_default/index.json
Normal file
22
themes/eddie/layouts/_default/index.json
Normal file
@ -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 -}}
|
||||
52
themes/eddie/layouts/_default/index.webmanifest
Normal file
52
themes/eddie/layouts/_default/index.webmanifest
Normal file
@ -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"
|
||||
}
|
||||
32
themes/eddie/layouts/_default/list.html
Normal file
32
themes/eddie/layouts/_default/list.html
Normal file
@ -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 }}
|
||||
54
themes/eddie/layouts/_default/post.html
Normal file
54
themes/eddie/layouts/_default/post.html
Normal file
@ -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>
|
||||
47
themes/eddie/layouts/_default/search.html
Normal file
47
themes/eddie/layouts/_default/search.html
Normal file
@ -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 }}
|
||||
76
themes/eddie/layouts/_default/single.html
Normal file
76
themes/eddie/layouts/_default/single.html
Normal file
@ -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 }}
|
||||
79
themes/eddie/layouts/index.html
Normal file
79
themes/eddie/layouts/index.html
Normal file
@ -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 }}
|
||||
14
themes/eddie/layouts/partials/breadcrumb.html
Normal file
14
themes/eddie/layouts/partials/breadcrumb.html
Normal file
@ -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>
|
||||
29
themes/eddie/layouts/partials/footer.html
Normal file
29
themes/eddie/layouts/partials/footer.html
Normal file
@ -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>
|
||||
71
themes/eddie/layouts/partials/head.html
Normal file
71
themes/eddie/layouts/partials/head.html
Normal file
@ -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" . }}
|
||||
80
themes/eddie/layouts/partials/header.html
Normal file
80
themes/eddie/layouts/partials/header.html
Normal file
@ -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 -->
|
||||
77
themes/eddie/layouts/partials/pagination.html
Normal file
77
themes/eddie/layouts/partials/pagination.html
Normal file
@ -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>
|
||||
9
themes/eddie/layouts/partials/preloader.html
Normal file
9
themes/eddie/layouts/partials/preloader.html
Normal file
@ -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 }}
|
||||
75
themes/eddie/layouts/partials/script.html
Normal file
75
themes/eddie/layouts/partials/script.html
Normal file
@ -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 }}
|
||||
12
themes/eddie/layouts/partials/sidebar.html
Normal file
12
themes/eddie/layouts/partials/sidebar.html
Normal file
@ -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>
|
||||
35
themes/eddie/layouts/partials/style.html
Normal file
35
themes/eddie/layouts/partials/style.html
Normal file
@ -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>
|
||||
30
themes/eddie/layouts/partials/widgets/about.html
Normal file
30
themes/eddie/layouts/partials/widgets/about.html
Normal file
@ -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>
|
||||
15
themes/eddie/layouts/partials/widgets/categories.html
Normal file
15
themes/eddie/layouts/partials/widgets/categories.html
Normal file
@ -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>
|
||||
60
themes/eddie/layouts/partials/widgets/recommended.html
Normal file
60
themes/eddie/layouts/partials/widgets/recommended.html
Normal file
@ -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 -}}
|
||||
26
themes/eddie/layouts/shortcodes/image.html
Normal file
26
themes/eddie/layouts/shortcodes/image.html
Normal file
@ -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`}}">
|
||||
3
themes/eddie/layouts/shortcodes/notice.html
Normal file
3
themes/eddie/layouts/shortcodes/notice.html
Normal file
@ -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>
|
||||
9
themes/eddie/layouts/shortcodes/quote.html
Normal file
9
themes/eddie/layouts/shortcodes/quote.html
Normal file
@ -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>
|
||||
1
themes/eddie/layouts/shortcodes/toc.html
Normal file
1
themes/eddie/layouts/shortcodes/toc.html
Normal file
@ -0,0 +1 @@
|
||||
{{ .Page.TableOfContents }}
|
||||
22
themes/eddie/layouts/taxonomy/list.html
Normal file
22
themes/eddie/layouts/taxonomy/list.html
Normal file
@ -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
Block a user