jekyll-theme-fica 0.1.5 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (47) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yaml +27 -0
  3. data/404.html +18 -0
  4. data/License.md +2 -0
  5. data/README.md +73 -86
  6. data/_includes/BTT.html +7 -0
  7. data/_includes/Footer.html +84 -71
  8. data/_includes/Google-Analytics.html +12 -10
  9. data/_includes/Head.html +12 -10
  10. data/_includes/Header.html +34 -28
  11. data/_layouts/default.html +14 -13
  12. data/_layouts/home.html +67 -48
  13. data/_layouts/page.html +3 -13
  14. data/_layouts/post.html +52 -34
  15. data/_layouts/post_home.html +113 -56
  16. data/_posts/2022-03-31-To-Know-if-the-nav-works.md +8 -0
  17. data/_posts/2022-04-1-Demo.md +114 -0
  18. data/_posts/2022-04-5-Getting-Started.md +149 -0
  19. data/_posts/2022-04-6-Creating-a-new-post.md +136 -0
  20. data/_sass/custom/styles.scss +1 -0
  21. data/_sass/custom/variables.scss +1 -0
  22. data/_sass/jekyll-theme-fica.scss +8 -0
  23. data/_sass/layouts/Google-fonts.scss +139 -0
  24. data/_sass/layouts/base.scss +579 -0
  25. data/_sass/layouts/layout.scss +718 -0
  26. data/_sass/layouts/variables.scss +230 -0
  27. data/_sass/themes/dark theme/highlight.scss +363 -0
  28. data/_sass/themes/dark theme/theme-dark.scss +142 -0
  29. data/_sass/themes/{Light_Theme.scss → light theme/highlight.scss } +199 -256
  30. data/_sass/themes/light theme/theme-light.scss +136 -0
  31. data/assets/404.svg +22 -0
  32. data/assets/css/Style.scss +13 -0
  33. data/assets/fica-icons.svg +64 -54
  34. data/assets/img/{fica_ad.png → homepage-pic.png} +0 -0
  35. data/bin/run +150 -0
  36. data/docs/contributing.md +69 -0
  37. data/js/back-to-top.js +48 -0
  38. data/post/index.html +4 -0
  39. metadata +47 -13
  40. data/_includes/Custom-Head.html +0 -9
  41. data/_sass/Base.scss +0 -401
  42. data/_sass/Custom-Styles.scss +0 -2
  43. data/_sass/Custom-Variables.scss +0 -1
  44. data/_sass/Initialize.scss +0 -71
  45. data/_sass/Layout.scss +0 -474
  46. data/_sass/themes/Dark_Theme.scss +0 -269
  47. data/assets/css/Styles.scss +0 -11
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 694089c011995f8ed477a3369ec936642a0adf7ee939d285adcf908206b4d484
4
- data.tar.gz: 3c47e2fbc0b51f2be2fabdabd00533cdcba4b4f396f12c68de2317a15e148fe1
3
+ metadata.gz: a39de1fc231b4e004c1d3f124fbda436b20bfbc2889ac336be3a7f97a9106bf9
4
+ data.tar.gz: f97c3d9c8f9506a8ca48e72819a8342f27d79174a98b5cdbde118d4b38e20291
5
5
  SHA512:
6
- metadata.gz: 6dd4aad6bbb015043784b0056367cee24e25a6121f2d03951e07e1ee89c2742d1da37236704ad7c6e3906dc871899b5e6e96046f52420525fb694830746b6a4e
7
- data.tar.gz: 63624b586cda01eb3dd32e17dd28f44ea83fc7e5e94f50fbb1a82b51905a0c1b7224322d21f1489de8eee0a363548669af95280daf7900a1c0933b3745671242
6
+ metadata.gz: 6ea29f86863469293cc1f3ef0c93096688d9ff4393fc2a8bf96c0bf516854cf568b2b1c73c511b727111826c93ec0b1dd8d590b6a86517c778284b603f50eb65
7
+ data.tar.gz: f39fb64b6f94fbbfea75d66c2ff6a7e65cd3cdf637f19eb3fd81919cd2fed40700e4d7d6255481cc48d9b529e08e2c49daa07f2e02caa5ecc9d2df0733405839
@@ -0,0 +1,27 @@
1
+ name: 'Fica testing tool'
2
+ on:
3
+ push:
4
+ branches:
5
+ - main
6
+ pull_request:
7
+ branches:
8
+ - main
9
+
10
+ jobs:
11
+ build:
12
+ runs-on: ubuntu-latest
13
+ strategy:
14
+ matrix:
15
+ ruby: [2.7]
16
+ steps:
17
+ - name: Checkout
18
+ uses: actions/checkout@v2
19
+ with:
20
+ fetch-depth: 0 # for posts's lastmod
21
+ - name: Setup Ruby
22
+ uses: ruby/setup-ruby@v1
23
+ with:
24
+ ruby-version: ${{ matrix.ruby }}
25
+ bundler-cache: true
26
+ - name: Test Site
27
+ run: bash bin/run insdep
data/404.html ADDED
@@ -0,0 +1,18 @@
1
+ ---
2
+ layout: default
3
+ permalink: /404.html
4
+ site-title: Page not found
5
+ ---
6
+
7
+ <div class="container">
8
+ <svg>
9
+ <use xlink:href="{{ 'assets/404.svg#404_error' | relative_url }}"></use>
10
+ </svg>
11
+ <h1>Whoops!</h1>
12
+ <div class="error-pagh">
13
+ <p>It seems like we couldn't</p>
14
+ <p>find the page you were</p>
15
+ <p>looking for</p>
16
+ </div>
17
+ <a class="btn-error" href="{{site.baseurl}}/">Home</a>
18
+ </div>
data/License.md CHANGED
@@ -2,6 +2,8 @@
2
2
  layout: default
3
3
  site-title: Fica Theme License
4
4
  permalink: /License/
5
+ pagination:
6
+ enabled: false
5
7
  ---
6
8
 
7
9
  # The MIT License (MIT)
data/README.md CHANGED
@@ -5,138 +5,125 @@ You can preview the theme to [see what it looks like](https://involts.github.io/
5
5
 
6
6
  [![Gem Version](https://badge.fury.io/rb/jekyll-theme-fica.svg)](https://badge.fury.io/rb/jekyll-theme-fica)
7
7
 
8
- ## Installation and first use
8
+ # Installation
9
9
 
10
- Add this line to your Jekyll site's `Gemfile`:
10
+ ### Step 1:
11
+ Add `gem 'jekyll-theme-fica', '~> 0.2.0'` to your `Gemfile`
11
12
 
12
- ```ruby
13
- gem "jekyll-theme-fica"
14
- ```
15
-
16
- And add this line to your Jekyll site's `_config.yml`:
13
+ ### Step 2:
14
+ Add `theme: jekyll-theme-fica`, if you run it locally and
15
+
16
+ `remote_theme: Involts/jekyll-theme-fica`, if you using GitHub-Pages to your `_config.yml`.
17
17
 
18
- ```yaml
19
- # if you run it locally:
20
- theme: jekyll-theme-fica
21
-
22
- # if you using GitHub-Pages:
23
- remote_theme: Involts/jekyll-theme-fica
24
- ```
25
- to install all the dependencies:
26
- ```
27
- $ script/bootstrap
28
- ```
29
- or
30
- ```
31
- $ bundle install
32
- ```
33
- and run, to run your jekyll site:
34
- ```
35
- $ script/build
36
- ```
37
- or
38
- ```
39
- $ bundle exec jekyll serve
40
- ```
41
- ## Note:
42
-
43
- Before publishing the site to github-pages, replace the varable of baseurl:
44
-
45
- if you have brought a doman remove the varable below:
18
+ ### Step 3:
19
+ Run `$ bin/run insdep`, if you download it on Github and
46
20
 
47
- ```
48
- # _config.yml
49
- baseurl: /jekyll-fica-theme
50
- ```
21
+ `$ bundle install`, if you download it on RubyGems.org
51
22
 
52
- If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header.html`:
23
+ ### Step 4:
24
+ Run `$ bin/run server`, if you download it on Github and
53
25
 
54
- Before:
26
+ `$ bundle exec jekyll serve` if you download it on RubyGems.org
55
27
 
56
- ```
57
- <div class="trigger">
58
- <a class="page-link" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
59
- <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
60
- <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
61
- </div>
62
- ```
28
+ ## Reminders:
29
+ > Before publishing the site to github-pages, replace the varable of baseurl:
30
+ >
31
+ > if you have brought a doman remove the varable `baseurl: /jekyll-fica-theme` in the `_config.yml`
63
32
 
64
- After:
65
-
66
- ```
67
- <div class="trigger">
68
- <a class="page-link" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
69
- <a class="page-link" href="{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
70
- <a class="page-link" href="{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
71
- </div>
72
- ```
73
-
74
- # Customizations
33
+ # Customiztion
75
34
 
76
35
  ## Customizing `_config.yml`
77
36
 
78
37
  Fica Theme will respect the following variables, in your `_config.yml` file:
79
38
 
80
- ```
39
+ ```yml
81
40
  title: [The title of your site]
82
- author: [The auther of the site]
83
- name: [The owner of the site]
84
41
  description: [A short description of your site's purpose]
42
+
43
+ socials:
44
+ # Change Involts to your full name.
45
+ name: [The auther of the site]
46
+ # it also be the copyright owner's link
47
+ auther-link: [Link of the auther]
85
48
  ```
86
49
 
87
50
  Change the links of your site header:
88
51
 
89
- ```
52
+ ```yml
90
53
  header:
91
- header_name_1: Download
92
- header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
93
- header_name_2: Post
94
- header_link_2: /Post/
95
- header_name_3: About
96
- header_link_3: /About/
54
+ external_link_1: true # if false, it adds the baseurl of the site
55
+ header_name_1: Download
56
+ header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
57
+
58
+ external_link_2: false # if false, it adds the baseurl of the site
59
+ header_name_2: Post
60
+ header_link_2: /Post/
61
+
62
+ external_link_3: false # if false, it adds the baseurl of the site
63
+ header_name_3: About
64
+ header_link_3: /About/
97
65
  ```
98
66
 
67
+ ## `bin/run` testing command suite:
68
+
69
+ ### Usage:
70
+
71
+ `bin/run` **subcommand**
72
+
73
+ | Subcommand | Description
74
+ | -----------------|---------------------------------------|
75
+ | `upgrade` , `u` | Upgrades `jekell-theme-fica` to the latest version |
76
+ | `help` , `h` | Print help. |
77
+ | `version` , `v` | Print version. |
78
+ | `server` , `s` | Runs the server locally |
79
+ | `insdep` , `idp` | Installs all the dependencies |
80
+
99
81
  ## Customizing the Styles, Vriables and Color Scheme:
100
82
 
101
- if you like to override the default styles of the theme, go to `_sass/Custom-Styles.scss`.
83
+ if you like to override the default styles of the theme, go to `_sass/Custom/Styles.scss`.
102
84
 
103
- if you like to override the default Variables of the theme, go to `_sass/Custom-Variable.scss`.
85
+ if you like to override the default Variables of the theme, go to `_sass/Custom/Variable.scss`.
104
86
 
105
- if you like to change the colors of the Dark Theme in the site, go to `_sass/themes/Dark_Theme.scss`.
87
+ if you like to change the colors of the Dark Theme in the site, go to `_sass/themes/dark theme/Dark_Theme.scss`.
106
88
 
107
- if you like to change the colors of the Light Theme in the site, go to `_sass/themes/Light_Theme.scss`.
89
+ if you like to change the colors of the Light Theme in the site, go to `_sass/themes/dark theme/Light_Theme.scss`.
108
90
 
109
91
  Want to change [the themes?](#how-to-change-dark-mode-to-light-mode)
92
+
110
93
  ## How to replace the logo on the header ?
111
94
 
112
95
  Replace logo.png at the top of your site.
113
- Make sure that the logo is 16x16 px to avoid overlapping the title.
96
+ Make sure that the logo is 36x36 pixels to avoid overlapping the title.
114
97
 
115
98
  ## how to replace the pictue at the homepage ?
116
99
 
117
- Replace `assets/img/fica_ad.png`
100
+ Replace `assets/img/homepage-pic.png`
101
+
118
102
  # Customizing Google Analytics code
119
103
 
120
104
  Google has released several iterations to their Google Analytics code over the years since this theme was first created. If you would like to take advantage of the latest code, paste it into `_includes/Google-Analytics.html` in your Jekyll site.
121
105
 
106
+ ## how to change dark mode to light mode
107
+
108
+ Replace:
109
+
110
+ ```diff
111
+ - "themes/dark theme/theme-dark",
112
+
113
+ + "themes/light theme/theme-light",
114
+ ```
115
+
116
+ in `_sass/jekyll-theme-fica.scss`.
117
+
122
118
  ## Contributing
123
119
 
124
120
  Interested in contributing to Fica Theme? We'd love your help. Fica Theme is an open source project, built one contribution at a time by users like you. See [the contributing file](docs/contributing.md) for instructions on how to contribute.
125
121
 
126
- ### Previewing the theme locally
122
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
127
123
 
128
- If you'd like to preview the theme locally (for example, in the process of proposing a change):
129
124
 
130
- 1. Clone down the theme's repository (`git clone https://github.com/Involts/jekyll-theme-fica`)
131
- 2. `cd` into the theme's directory
132
- 3. Run `script/bootstrap` to install the necessary dependencies
133
- 4. Run `script/bootstrap` to start the preview server
134
- 5. Visit [`localhost:4000`](http://localhost:4000) or [`localhost:4000/jekyll-theme-fica`](http://localhost:4000/jekyll-theme-fica) in your browser to preview the theme
135
125
 
136
- ### Running tests
126
+
137
127
 
138
- The theme contains a minimal test suite, to ensure a site with the theme would build successfully. To run the tests, simply run `script/build`. You'll need to run `script/bootstrap` once before the test script will work.
139
128
 
140
- ## License
141
129
 
142
- The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
@@ -0,0 +1,7 @@
1
+ <!-- BTT = Back To Top -->
2
+
3
+ <buttton id="back-to-top">
4
+ <i class="material-icons" style="font-family: 'Material Icons Round' ;">keyboard_arrow_up</i>
5
+ </buttton>
6
+
7
+ <script src="{{site.baseurl}}/js/back-to-top.js"></script>
@@ -1,72 +1,85 @@
1
- <footer class="site-footer h-card">
2
- <data class="u-url" href="{{ "{{site.baseurl}}/" | relative_url }}"></data>
3
- <div class="wrapper">
4
-
5
- <div class="footer-col-wrapper">
6
-
7
- <div class="footer-col">
8
- <li class="Links_footer">
9
- </svg><span>find me on</span>
10
- </a>
11
- </li>
12
- <li class="Links_footer">
13
- <a href="https://github.com/Involts">
14
- <svg class="svg-icon github">
15
- <use xlink:href="{{ 'assets/fica-icons.svg#github' | relative_url }}"></use>
16
- </svg><span>Github</span>
17
- </a>
18
- </li>
19
- <li class="Links_footer">
20
- <a href="/">
21
- <svg class="svg-icon youtube">
22
- <use xlink:href="{{ 'assets/fica-icons.svg#youtube' | relative_url }}"></use>
23
- </svg><span>Youtube</span>
24
- </a>
25
- </li>
26
- <li class="Links_footer">
27
- <a href="/">
28
- <svg class="svg-icon stackoverflow">
29
- <use xlink:href="{{ 'assets/fica-icons.svg#stackoverflow' | relative_url }}"></use>
30
- </svg>Stackoverflow</span>
31
- </a>
32
- </li>
33
- </div>
34
-
35
- <div class="footer-middle">
36
- <li class="Links_footer">
37
- </svg><span>You're site</span>
38
- </a>
39
- </li>
40
- <li class="Links_footer">
41
- <a
42
- href="/">
43
- <svg class="svg-icon github">
44
- <use xlink:href="{{ 'assets/fica-icons.svg#github' | relative_url }}"></use>
45
- </svg><span>sit amet</span>
46
- </a>
47
- </li>
48
- <li class="Links_footer">
49
- <a href="/">
50
- <svg class="svg-icon github">
51
- <use xlink:href="{{ 'assets/fica-icons.svg#github' | relative_url }}"></use>
52
- </svg><span>consectetur</span>
53
- </a>
54
- </li>
55
- <li class="Links_footer">
56
- <a href="/">
57
- <svg class="svg-icon github">
58
- <use xlink:href="{{ 'assets/fica-icons.svg#github' | relative_url }}"></use>
59
- </svg><span>ipsum</span>
60
- </a>
61
- </li>
62
-
63
- </div>
64
- <div class="footer-last">
65
- <li class="Product_footer">{{site.title}}</li>
66
- <li class="Product_footer">{{site.description}}</li>
67
- </div>
68
- </div>
69
- </div>
70
-
71
- </footer>
1
+ <footer class="site-footer h-card">
2
+ <div class="wrapper">
3
+
4
+ <div class="footer-col-wrapper">
5
+
6
+ <div class="footer-col">
7
+ <li class="Links_footer">
8
+ </svg><span>find me on</span>
9
+ </a>
10
+ </li>
11
+ <li class="Links_footer">
12
+ <a href="https://github.com/Involts">
13
+ <svg class="svg-icon github">
14
+ <use xlink:href="{{ 'assets/fica-icons.svg#github' | relative_url }}"></use>
15
+ </svg><span>Github</span>
16
+ </a>
17
+ </li>
18
+ <li class="Links_footer">
19
+ <a href="/">
20
+ <svg class="svg-icon youtube">
21
+ <use xlink:href="{{ 'assets/fica-icons.svg#youtube' | relative_url }}"></use>
22
+ </svg><span>Youtube</span>
23
+ </a>
24
+ </li>
25
+ <li class="Links_footer">
26
+ <a href="/">
27
+ <svg class="svg-icon stackoverflow">
28
+ <use xlink:href="{{ 'assets/fica-icons.svg#stackoverflow' | relative_url }}"></use>
29
+ </svg>Stackoverflow</span>
30
+ </a>
31
+ </li>
32
+ </div>
33
+
34
+ <div class="footer-middle">
35
+ <li class="Links_footer">
36
+ </svg><span>You're site</span>
37
+ </a>
38
+ </li>
39
+ <li class="Links_footer">
40
+ <a
41
+ href="/">
42
+ <svg class="svg-icon github">
43
+ <use xlink:href="{{ 'assets/fica-icons.svg#github' | relative_url }}"></use>
44
+ </svg><span>sit amet</span>
45
+ </a>
46
+ </li>
47
+ <li class="Links_footer">
48
+ <a href="/">
49
+ <svg class="svg-icon github">
50
+ <use xlink:href="{{ 'assets/fica-icons.svg#github' | relative_url }}"></use>
51
+ </svg><span>consectetur</span>
52
+ </a>
53
+ </li>
54
+ <li class="Links_footer">
55
+ <a href="/">
56
+ <svg class="svg-icon github">
57
+ <use xlink:href="{{ 'assets/fica-icons.svg#github' | relative_url }}"></use>
58
+ </svg><span>ipsum</span>
59
+ </a>
60
+ </li>
61
+
62
+ </div>
63
+ <div class="footer-last">
64
+ <li class="Product_footer">{{site.title}}</li>
65
+ <li class="Product_footer">{{site.description}}</li>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ {%- if site.show-footer-copyright -%}
70
+ <div class="footer-info text-muted">
71
+ <span>
72
+ © {{ 'now' | date: "%Y " }}
73
+ <a href="{{ site.socials.auther-link }}"> {{ site.socials.name }}</a>
74
+ Some rights reserved.
75
+ </span>
76
+ <span>
77
+ Powered by
78
+ <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>
79
+ with
80
+ <a href="https://github.com/Involts/jekyll-theme-fica" target="_blank" rel="noopener">jekyll-theme-fica</a>
81
+ </span>
82
+ </div>
83
+ {%- endif -%}
84
+ </footer>
72
85
 
@@ -1,10 +1,12 @@
1
- {% if site.google_analytics %}
2
- <script>
3
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
4
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
5
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
6
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
7
- ga('create', '{{ site.google_analytics }}', 'auto');
8
- ga('send', 'pageview');
9
- </script>
10
- {% endif %}
1
+ {%- if site.google_analytics.enabled -%}
2
+ <script defer src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics.id }}"></script>
3
+ <script>
4
+ document.addEventListener("DOMContentLoaded", function(event) {
5
+ window.dataLayer = window.dataLayer || [];
6
+ function gtag(){dataLayer.push(arguments);}
7
+
8
+ gtag('js', new Date());
9
+ gtag('config', '{{ site.google_analytics.id }}');
10
+ });
11
+ </script>
12
+ {%- endif -%}
data/_includes/Head.html CHANGED
@@ -1,11 +1,13 @@
1
- <head>
2
- <meta charset="utf-8">
3
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
- <meta name="viewport" content="width=device-width, initial-scale=1">
5
- <link rel="stylesheet" href="{{ "/assets/css/Styles.css" | relative_url }}">
6
- {%- if page.home-%}
7
- <title>{{page.site-title}}</title>
8
- {%- endif -%}
9
- <title>{{page.site-title}} | {{site.title}}</title>
10
- {% include Google-Analytics.html %}
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1">
5
+ <link rel="stylesheet" href="{{ "/assets/css/Style.css" | relative_url }}">
6
+ <data class="u-url" href="{{ " {{site.baseurl}}/" | relative_url }}"></data>
7
+ {%- if page.home-%}
8
+ <title>{{site.title}} | {{site.description}}</title>
9
+ {%- else -%}
10
+ <title>{{page.site-title}} | {{site.title}}</title>
11
+ {%- endif -%}
12
+ {% include Google-Analytics.html %}
11
13
  </head>
@@ -1,28 +1,34 @@
1
- <header class="site-header">
2
- <data class="u-url" href="{{ "{{site.baseurl}}/" | relative_url }}"></data>
3
- {%- assign default_paths = site.pages | map: "path" -%}
4
- <div class="wrapper_header"><a class="site-title" rel="author" href="{{site.baseurl}}/">{{site.title}}</a><nav class="site-nav">
5
- <input type="checkbox" id="nav-trigger" class="nav-trigger" />
6
- <label for="nav-trigger">
7
- <span class="menu-icon">
8
- <svg viewBox="0 0 18 15" width="18px" height="15px">
9
- <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
10
- </svg>
11
- </span>
12
- </label>
13
- <div class="trigger">
14
- <a class="page-link" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
15
- <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
16
- <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
17
- </div>
18
- </nav></div>
19
- <div class="trigger">
20
- {%- for path in page_paths -%}
21
- {%- assign my_page = site.pages | where: "path", path | first -%}
22
- {%- if my_page.title -%}
23
- <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
24
- {%- endif -%}
25
- {%- endfor -%}
26
- </div>
27
- </nav>
28
- </header>
1
+ <header class="site-header">
2
+ <div class="wrapper_header">
3
+ <a class="site-title" rel="author" href="{{site.baseurl}}/">{{site.title}}</a>
4
+ <nav class="site-nav">
5
+ <input class="nav-trigger" id="nav-trigger" type="checkbox"/>
6
+ <label for="nav-trigger">
7
+ <span class="menu-icon">
8
+ <svg height="15px" viewbox="0 0 18 15" width="18px">
9
+ <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
10
+ </svg>
11
+ </span>
12
+ </label>
13
+ <div class="trigger">
14
+ {%- if site.header.external_link_1 -%}
15
+ <a class="btn-nav" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
16
+ {%- else -%}
17
+ <a class="btn-nav" href="{{site.baseurl}}{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
18
+ {%- endif -%}
19
+
20
+ {%- if site.header.external_link_2 -%}
21
+ <a class="page-link" href="{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
22
+ {%- else -%}
23
+ <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
24
+ {%- endif -%}
25
+
26
+ {%- if site.header.external_link_3 -%}
27
+ <a class="page-link" href="{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
28
+ {%- else -%}
29
+ <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
30
+ {%- endif -%}
31
+ </div>
32
+ </nav>
33
+ </button>
34
+ </header>
@@ -1,13 +1,14 @@
1
- <!DOCTYPE html>
2
- <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
- {% include Head.html %}
4
- <body>
5
- {% include Header.html %}
6
- <main class="page-content" aria-label="Content">
7
- <div class="wrapper">
8
- {{ content }}
9
- </div>
10
- </main>
11
- {% include Footer.html %}
12
- </body>
13
- </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ {%- include Head.html-%}
4
+
5
+ <body>
6
+ {%- include Header.html-%}
7
+
8
+ <main class="page-content">
9
+ <div class="wrapper">{{ content }}</div>
10
+ </main>
11
+ {%- include BTT.html-%}
12
+ {%- include Footer.html-%}
13
+ </body>
14
+ </html>