jekyll-theme-fica 0.1.9 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yaml +13 -13
  3. data/404.html +5 -3
  4. data/README.md +58 -89
  5. data/_includes/BTT.html +6 -8
  6. data/_includes/Footer.html +84 -71
  7. data/_includes/Google-Analytics.html +8 -7
  8. data/_includes/Head.html +12 -11
  9. data/_includes/Header.html +34 -23
  10. data/_layouts/default.html +14 -14
  11. data/_layouts/home.html +67 -51
  12. data/_layouts/page.html +3 -14
  13. data/_layouts/post.html +51 -50
  14. data/_layouts/post_home.html +113 -81
  15. data/_posts/2022-03-31-To-Know-if-the-nav-works.md +8 -8
  16. data/_posts/2022-04-1-Demo.md +113 -113
  17. data/_posts/2022-04-5-Getting-Started.md +149 -103
  18. data/_posts/2022-04-6-Creating-a-new-post.md +136 -124
  19. data/_sass/custom/variables.scss +1 -1
  20. data/_sass/jekyll-theme-fica.scss +8 -7
  21. data/_sass/layouts/Google-fonts.scss +139 -0
  22. data/_sass/layouts/base.scss +579 -587
  23. data/_sass/layouts/layout.scss +717 -676
  24. data/_sass/layouts/variables.scss +229 -88
  25. data/_sass/themes/dark theme/highlight.scss +362 -362
  26. data/_sass/themes/dark theme/theme-dark.scss +141 -134
  27. data/_sass/themes/light theme/highlight.scss +198 -198
  28. data/_sass/themes/light theme/theme-light.scss +135 -131
  29. data/assets/css/Style.scss +12 -41
  30. data/assets/fica-icons.svg +64 -64
  31. data/assets/img/{fica_ad.png → homepage-pic.png} +0 -0
  32. data/bin/run +150 -0
  33. data/docs/contributing.md +69 -69
  34. data/js/back-to-top.js +47 -47
  35. data/post/index.html +3 -3
  36. metadata +11 -8
  37. data/_includes/Custom-Head.html +0 -9
  38. data/assets/css/fica-icons.svg +0 -68
  39. data/bin/build +0 -7
  40. data/bin/server +0 -7
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: e5f062c96b2097cb5601effd3a3324b9230b3afdeaaece3bd2b921efd7eb8d6b
4
- data.tar.gz: 8bf8122d4d317925949f5e539b6294349481d821ba8686a00fb54429c14798b4
3
+ metadata.gz: a39de1fc231b4e004c1d3f124fbda436b20bfbc2889ac336be3a7f97a9106bf9
4
+ data.tar.gz: f97c3d9c8f9506a8ca48e72819a8342f27d79174a98b5cdbde118d4b38e20291
5
5
  SHA512:
6
- metadata.gz: 0b9c70b04b0823c7f792f8b518d5bd8a067f8ee9d27ad7565d142cbca8edbbdfdc6e9451e4a98c56e2ea6b7a7953761fc5a403cdd925c616909d413fba857a30
7
- data.tar.gz: 36d069ef8230ba619ef0bd43be64fd0d7e04ab8f61859f8f0ff52193fe778035487c2d013681cc633d81806fe56ab93182d85fcc241b10489b2c5b2e9e1892f5
6
+ metadata.gz: 6ea29f86863469293cc1f3ef0c93096688d9ff4393fc2a8bf96c0bf516854cf568b2b1c73c511b727111826c93ec0b1dd8d590b6a86517c778284b603f50eb65
7
+ data.tar.gz: f39fb64b6f94fbbfea75d66c2ff6a7e65cd3cdf637f19eb3fd81919cd2fed40700e4d7d6255481cc48d9b529e08e2c49daa07f2e02caa5ecc9d2df0733405839
@@ -1,27 +1,27 @@
1
- name: Working on it...
1
+ name: 'Fica testing tool'
2
2
  on:
3
3
  push:
4
4
  branches:
5
- - master
5
+ - main
6
6
  pull_request:
7
7
  branches:
8
- - master
8
+ - main
9
+
9
10
  jobs:
10
11
  build:
11
- name: "Test with Jekyll ${{ matrix.jekyll }}"
12
- runs-on: "ubuntu-latest"
12
+ runs-on: ubuntu-latest
13
13
  strategy:
14
14
  matrix:
15
- jekyll: ["~> 3.9", "~> 4.2"]
16
- env:
17
- JEKYLL_VERSION: ${{ matrix.jekyll }}
15
+ ruby: [2.7]
18
16
  steps:
19
- - name: Checkout Repository
17
+ - name: Checkout
20
18
  uses: actions/checkout@v2
21
- - name: Set Up Ruby 2.7
19
+ with:
20
+ fetch-depth: 0 # for posts's lastmod
21
+ - name: Setup Ruby
22
22
  uses: ruby/setup-ruby@v1
23
23
  with:
24
- ruby-version: 2.7
24
+ ruby-version: ${{ matrix.ruby }}
25
25
  bundler-cache: true
26
- - name: Run checks
27
- run: bin/gp-load
26
+ - name: Test Site
27
+ run: bash bin/run insdep
data/404.html CHANGED
@@ -9,8 +9,10 @@ site-title: Page not found
9
9
  <use xlink:href="{{ 'assets/404.svg#404_error' | relative_url }}"></use>
10
10
  </svg>
11
11
  <h1>Whoops!</h1>
12
- <p>It seems like we couldn't</p>
13
- <p>find the page you were</p>
14
- <p>looking for</p>
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>
15
17
  <a class="btn-error" href="{{site.baseurl}}/">Home</a>
16
18
  </div>
data/README.md CHANGED
@@ -5,104 +5,79 @@ 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`:
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
- $ bin/build
28
- ```
29
-
30
- ### `bin/build` installs all the dependencies and runs the server **LOCALY**
31
- or
32
- ```
33
- $ bundle install
34
- ```
35
-
36
- ### `bin/build` installs all the dependencies and runs the server **LOCALY**
37
-
38
- OR run, to run your jekyll site:
39
- ```
40
- $ bin/server
41
- ```
42
- or
43
- ```
44
- $ bundle exec jekyll serve
45
- ```
46
- ## Note:
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`.
47
17
 
48
- `bin/build` installs all the dependencies and runs the server **LOCALY**
18
+ ### Step 3:
19
+ Run `$ bin/run insdep`, if you download it on Github and
49
20
 
50
- Before publishing the site to github-pages, replace the varable of baseurl:
21
+ `$ bundle install`, if you download it on RubyGems.org
51
22
 
52
- if you have brought a doman remove the varable below:
23
+ ### Step 4:
24
+ Run `$ bin/run server`, if you download it on Github and
53
25
 
54
- ```
55
- # _config.yml
56
- baseurl: /jekyll-fica-theme
57
- ```
58
-
59
- If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header.html`:
60
-
61
- Before:
26
+ `$ bundle exec jekyll serve` if you download it on RubyGems.org
62
27
 
63
- ```
64
- <div class="trigger">
65
- <a class="page-link" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
66
- <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
67
- <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
68
- </div>
69
- ```
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`
70
32
 
71
- After:
72
-
73
- ```
74
- <div class="trigger">
75
- <a class="page-link" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
76
- <a class="page-link" href="{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
77
- <a class="page-link" href="{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
78
- </div>
79
- ```
80
-
81
- # Customizations
33
+ # Customiztion
82
34
 
83
35
  ## Customizing `_config.yml`
84
36
 
85
37
  Fica Theme will respect the following variables, in your `_config.yml` file:
86
38
 
87
- ```
39
+ ```yml
88
40
  title: [The title of your site]
89
- author: [The auther of the site]
90
- name: [The owner of the site]
91
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]
92
48
  ```
93
49
 
94
50
  Change the links of your site header:
95
51
 
96
- ```
52
+ ```yml
97
53
  header:
98
- header_name_1: Download
99
- header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
100
- header_name_2: Post
101
- header_link_2: /Post/
102
- header_name_3: About
103
- 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/
104
65
  ```
105
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
+
106
81
  ## Customizing the Styles, Vriables and Color Scheme:
107
82
 
108
83
  if you like to override the default styles of the theme, go to `_sass/Custom/Styles.scss`.
@@ -114,6 +89,7 @@ if you like to change the colors of the Dark Theme in the site, go to `_sass/the
114
89
  if you like to change the colors of the Light Theme in the site, go to `_sass/themes/dark theme/Light_Theme.scss`.
115
90
 
116
91
  Want to change [the themes?](#how-to-change-dark-mode-to-light-mode)
92
+
117
93
  ## How to replace the logo on the header ?
118
94
 
119
95
  Replace logo.png at the top of your site.
@@ -121,7 +97,8 @@ Make sure that the logo is 36x36 pixels to avoid overlapping the title.
121
97
 
122
98
  ## how to replace the pictue at the homepage ?
123
99
 
124
- Replace `assets/img/fica_ad.png`
100
+ Replace `assets/img/homepage-pic.png`
101
+
125
102
  # Customizing Google Analytics code
126
103
 
127
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.
@@ -133,28 +110,20 @@ Replace:
133
110
  ```diff
134
111
  - "themes/dark theme/theme-dark",
135
112
 
136
- + "themes/light theme/theme-light",
113
+ + "themes/light theme/theme-light",
137
114
  ```
138
- in `_sass/jekyll-theme-fica.scss`.
139
115
 
116
+ in `_sass/jekyll-theme-fica.scss`.
140
117
 
141
118
  ## Contributing
142
119
 
143
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.
144
121
 
145
- ### Previewing the theme locally
122
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
146
123
 
147
- If you'd like to preview the theme locally (for example, in the process of proposing a change):
148
124
 
149
- 1. Clone down the theme's repository (`git clone https://github.com/Involts/jekyll-theme-fica`)
150
- 2. `cd` into the theme's directory
151
- 3. Run `bin/build` to install the necessary dependencies
152
125
 
153
- ### `bin/build` installs all the dependencies and runs the server **LOCALY**
126
+
154
127
 
155
- 4. Run `script/server` to start the preview server
156
- 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
157
128
 
158
- ## License
159
129
 
160
- The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
data/_includes/BTT.html CHANGED
@@ -1,9 +1,7 @@
1
- <!-- BTT = Back To Top -->
2
-
3
- <buttton id="back-to-top" role="button" title=" Return to top" data-toggle="tooltip" data-placement="left">
4
- <svg viewBox="0 0 24 24" width="40px" height="40px">
5
- <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6 1.41 1.41z" />
6
- </svg>
7
- </buttton>
8
-
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
+
9
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,11 +1,12 @@
1
- {%- if site.google_analytics -%}
2
- <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
1
+ {%- if site.google_analytics.enabled -%}
2
+ <script defer src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics.id }}"></script>
3
3
  <script>
4
- window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
5
- window.dataLayer = window.dataLayer || [];
6
- function gtag(){window.dataLayer.push(arguments);}
7
- gtag('js', new Date());
4
+ document.addEventListener("DOMContentLoaded", function(event) {
5
+ window.dataLayer = window.dataLayer || [];
6
+ function gtag(){dataLayer.push(arguments);}
8
7
 
9
- gtag('config', '{{ site.google_analytics }}');
8
+ gtag('js', new Date());
9
+ gtag('config', '{{ site.google_analytics.id }}');
10
+ });
10
11
  </script>
11
12
  {%- endif -%}
data/_includes/Head.html CHANGED
@@ -1,12 +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/Style.css" | relative_url }}">
6
- {%- if page.home-%}
7
- <title>{{site.title}} | {{site.description}}</title>
8
- {%- else -%}
9
- <title>{{page.site-title}} | {{site.title}}</title>
10
- {%- endif -%}
11
- {%- include Custom-Head.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 %}
12
13
  </head>
@@ -1,23 +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>
5
- <nav class="site-nav">
6
- <input type="checkbox" id="nav-trigger" class="nav-trigger" />
7
- <label for="nav-trigger">
8
- <span class="menu-icon">
9
- <svg viewBox="0 0 18 15" width="18px" height="15px">
10
- <path
11
- 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" />
12
- </svg>
13
- </span>
14
- </label>
15
- <div class="trigger">
16
- <a class="page-link" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
17
- <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
18
- <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
19
- </div>
20
- </nav>
21
- </div>
22
- </nav>
23
- </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,14 +1,14 @@
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>
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>