linkhub-jekyll-theme 0.1.5 β†’ 0.1.6

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 552d2d5e20366843534cbe6ea02c1effb6f141357705cba283713fc61546f55b
4
- data.tar.gz: 6af3c2ff7416e0bac2ab316d991896f1d7f297555f18298e371a3137fd719f3e
3
+ metadata.gz: 76d652fcbf522722f91ec6bd477c2d02b9b522d4bfe45d1740fd72211c0d31aa
4
+ data.tar.gz: b21aa1d35539eec69fe8bda9704a5401c5f735a0cb702c7e785d50f308f1da53
5
5
  SHA512:
6
- metadata.gz: 9d76f84cbaa17d8c88ba1e327dbcfd03095b403458d74ba7f475eff4f28e8fa53445f1c2905b8e11661894987cd6ee0ecfaf244cc916f590380bbc51379aa7b1
7
- data.tar.gz: 52336c7a34ee6435e301ac7e350a092d89812470e6be89d026fa93e8a774fe9c25e270e2c01812da343ef11926a45aade45b030c181128a9e459dde200e817d1
6
+ metadata.gz: 9a0694b8cc1483dd2404322a49f38b0537e2e978a13f69c248d35547c7f331793d6e9aa27a586e29b3eef3a52ed8ea9f34d27f9b3829761ab9685f52571e91be
7
+ data.tar.gz: 476d4bf1dcd6ccb5b5467d349f77a4da1b655d823e10335627e078269697f778c242e1c955e2ecb28ca385643c2d939a9b9255c5a51204e83e7a0377a465fedd
data/README.md CHANGED
@@ -39,6 +39,8 @@ A minimal and super-lightweight, free Jekyll theme to create a single-page, link
39
39
  - [Adding Links](#adding-links)
40
40
  - [`links.yml`](#linksyml)
41
41
  - [Adding Custom Icons](#adding-custom-icons)
42
+ - [Setting Button Width](#setting-button-width)
43
+ - [Setting Icon Position](#setting-icon-position)
42
44
  - [Remove Dark/Light Mode Switch](#remove-darklight-mode-switch)
43
45
  - [Contributing](#contributing)
44
46
  - [Powered by Linkhub](#powered-by-linkhub)
@@ -47,8 +49,8 @@ A minimal and super-lightweight, free Jekyll theme to create a single-page, link
47
49
 
48
50
  ## Features
49
51
  - 😊 Based on the original [Linkhub](https://github.com/digitalmalayali/Linkhub) template!
50
- - πŸ“Έ Add links to Instagram, TikTok, YouTube or any posts/reels/shorts similar to Later's link-in-bio!
51
- - ⚑ Uses a modified version of the lightweight CSS framework [chota](https://github.com/jenil/chota); the entire size of the site is around [604kb](https://radar.cloudflare.com/scan/b4d608b5-fdcf-4950-bbe9-5460bb8dba24)!
52
+ - πŸ“Έ Add links to Instagram, TikTok, YouTube or any posts/reels/shorts similar to Later's link-in-bio! Demo images are powered by [Lorem Picsum](https://github.com/DMarby/picsum-photos).
53
+ - ⚑ Uses a modified version of the lightweight CSS framework [chota](https://github.com/jenil/chota); the entire size of the site is around [362kb](https://radar.cloudflare.com/scan/52adb775-26b7-4130-9297-e74d332c507f)!
52
54
  - πŸŒ™ Switch between dark and light modes; automatically choose the mode based on your system preference!
53
55
  - 😍 Icons powered by [iconify](https://github.com/iconify/iconify); find tons of free icons for almost any purpose!
54
56
  - πŸ”  Categorize links; store your links under various categories!
@@ -107,16 +109,18 @@ theme: linkhub-jekyll-theme
107
109
  name: Linkhub # Name of your website
108
110
  tagline: Links # Set your preferred page title
109
111
  description: A free, open-source Jekyll link-in-bio theme. # Also used as a meta description
110
- favicon: https://picsum.photos/32/32 # Path / URL to the favicon of your website (e.g., 'assets/images/favicon.png')
112
+ favicon:
113
+ path: https://i.ibb.co/SBRmBmt/favicon.png # Path / URL to the favicon of your website (e.g., 'assets/images/favicon.png')
114
+ type: png # File format of image. Change according to your image. Supported types: https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
111
115
  logo: https://picsum.photos/200 # Path / URL to the logo (e.g., 'assets/images/logo.png')
112
116
  url: https://link.example.com # URL of your website
113
117
  locale: en_GB # The value specifies the locale in which these tags are marked up. It follows the format `language_TERRITORY`.
114
- ga4: G-XXXXXXX # Google Analytics 4 measurement ID (optional). Remove it if not needed.
118
+ ga4: # Google Analytics 4 measurement ID, for e.g. G-XXXXXXX (optional). Remove it if it’s not needed.
115
119
  twitter:
116
120
  username: UserName # Used for SEO
117
121
  image:
118
122
  path: assets/images/example.jpg # Used for SEO (og:image, twitter:image)
119
- type: jpeg # File format of image. Change according to your image. Supported types: https://en.wikipedia.org/wiki/Media_type#Common_examples
123
+ type: jpeg # File format of image.
120
124
  height: 100 # Pixels
121
125
  width: 100
122
126
  alt: logo
@@ -168,15 +172,15 @@ Like Later's link-in-bio feature, you can include external links to your Instagr
168
172
  - name: Instagram
169
173
  items:
170
174
  - url: https://www.example.com
171
- image: https://picsum.photos/700/400 # You can use paths to images in the assets folder, e.g., assets/images/insta.jpg.
175
+ image: https://picsum.photos/700/400.webp # You can use paths to images in the assets folder, e.g., assets/images/insta.jpg.
172
176
  - url: https://www.example.com
173
- image: https://picsum.photos/200
177
+ image: https://picsum.photos/200.webp
174
178
 
175
179
  - name: YouTube
176
180
  ratio: vertical # For vertical 9:16 aspect ratio. Ideal for video thumbnails, such as those used on Instagram Reels, YouTube Shorts and TikTok. To use the default 1:1 aspect ratio (square), remove this variable.
177
181
  items:
178
182
  - url: https://www.example.com
179
- image: https://picsum.photos/720/1280
183
+ image: https://picsum.photos/720/1280.webp
180
184
  ```
181
185
 
182
186
  ### Remove Instagram/TikTok/YouTube Link-in-bio
@@ -192,26 +196,41 @@ Edit the [links.yml](_data/links.yml) file in the [_data](_data) folder to add l
192
196
  #### `links.yml`
193
197
 
194
198
  ```yml
195
- - category: Blogs
196
- items:
199
+ fixed-button-width: false # Set to true/false
200
+ icon-position: left # Set to left/right
201
+ buttons:
202
+ - category: Blogs
203
+ items:
197
204
  - title: Example
198
205
  url: https://www.example.com
199
- icon: ri:film-fill
200
- tag: New
206
+ icon: tdesign:activity # Icons are optional
207
+ tag: Tag
201
208
 
202
209
  - title: Example 2
203
210
  url: https://www.example.org
204
- custom-icon: <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="_x32_" width="800" height="800" version="1.1" viewBox="0 0 512 512"><style>.st0{fill:#000}</style><path d="M378.409 0H195.118l-9.314 9.315L57.017 138.101l-9.314 9.315V426.105c0 47.36 38.528 85.896 85.895 85.896h244.811c47.361 0 85.888-38.535 85.888-85.896V85.896C464.297 38.528 425.77 0 378.409 0zm54.084 426.104c0 29.877-24.214 54.091-54.084 54.091H133.598c-29.877 0-54.091-24.214-54.091-54.091V160.592h83.717c24.884 0 45.07-20.179 45.07-45.071V31.804h170.114c29.87 0 54.084 24.214 54.084 54.091v340.209z" class="st0"/><path d="m180.296 296.668-4.846-.67c-10.63-1.487-14.265-4.978-14.265-10.104 0-5.78 4.309-9.817 12.383-9.817 5.653 0 11.305 1.62 15.745 3.764 1.886.942 3.903 1.487 5.789 1.487 4.845 0 8.612-3.63 8.612-8.616 0-3.226-1.481-5.921-4.71-7.939-5.384-3.372-15.476-6.06-25.572-6.06-19.781 0-32.436 11.171-32.436 27.998 0 16.15 10.232 24.898 28.938 27.454l4.846.67c10.903 1.48 14.129 4.846 14.129 10.229 0 6.326-5.247 10.766-14.939 10.766-6.727 0-12.111-1.745-19.645-5.921-1.616-.942-3.634-1.62-5.788-1.62-5.115 0-8.885 3.91-8.885 8.756 0 3.226 1.616 6.326 4.713 8.344 6.054 3.764 15.878 7.8 28.798 7.8 23.823 0 35.934-12.24 35.934-28.795 0-16.554-9.824-25.038-28.801-27.726zM281.108 259.382c-4.577 0-7.939 2.43-9.556 7.674l-16.69 54.51h-.402l-17.634-54.51c-1.745-5.244-4.978-7.674-9.551-7.674-5.653 0-9.692 4.176-9.692 9.287 0 1.347.269 2.834.67 4.175l23.286 68.104c2.96 8.477 6.727 11.57 12.652 11.57 5.785 0 9.555-3.093 12.516-11.57l23.282-68.104c.406-1.341.674-2.828.674-4.175.001-5.111-3.903-9.287-9.555-9.287zM364.556 300.836h-18.841c-5.114 0-8.344 3.1-8.344 7.806 0 4.713 3.23 7.814 8.344 7.814h6.193c.538 0 .803.258.803.803 0 3.505-.265 6.598-1.075 9.014-1.882 5.796-7.67 9.426-14.669 9.426-7.943 0-12.921-3.903-14.939-10.096-1.075-3.365-1.48-7.8-1.48-19.648 0-11.842.405-16.15 1.48-19.516 2.018-6.325 6.867-10.228 14.67-10.228 5.924 0 10.362 1.885 13.859 6.724 2.695 3.777 5.387 4.852 8.749 4.852 4.981 0 9.021-3.638 9.021-8.888 0-2.151-.674-4.035-1.752-5.921-4.842-8.204-15.071-14.264-29.877-14.264-16.287 0-28.935 7.408-33.644 22.204-2.022 6.466-2.559 11.576-2.559 25.038 0 13.454.538 18.573 2.559 25.031 4.709 14.802 17.357 22.204 33.644 22.204 16.286 0 28.668-8.204 33.374-22.881 1.617-5.111 2.29-12.645 2.29-20.716v-.95c0-4.98-2.824-7.808-7.806-7.808z" class="st0"/></svg>
205
- # Paste the SVG markup for custom icon
211
+ custom-icon: <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="_x32_" width="800" height="800" version="1.1" viewBox="0 0 512 512"><style>.st0{fill:#000}</style><path d="M378.409 0H195.118l-9.314 9.315L57.017 138.101l-9.314 9.315V426.105c0 47.36 38.528 85.896 85.895 85.896h244.811c47.361 0 85.888-38.535 85.888-85.896V85.896C464.297 38.528 425.77 0 378.409 0zm54.084 426.104c0 29.877-24.214 54.091-54.084 54.091H133.598c-29.877 0-54.091-24.214-54.091-54.091V160.592h83.717c24.884 0 45.07-20.179 45.07-45.071V31.804h170.114c29.87 0 54.084 24.214 54.084 54.091v340.209z" class="st0"/><path d="m180.296 296.668-4.846-.67c-10.63-1.487-14.265-4.978-14.265-10.104 0-5.78 4.309-9.817 12.383-9.817 5.653 0 11.305 1.62 15.745 3.764 1.886.942 3.903 1.487 5.789 1.487 4.845 0 8.612-3.63 8.612-8.616 0-3.226-1.481-5.921-4.71-7.939-5.384-3.372-15.476-6.06-25.572-6.06-19.781 0-32.436 11.171-32.436 27.998 0 16.15 10.232 24.898 28.938 27.454l4.846.67c10.903 1.48 14.129 4.846 14.129 10.229 0 6.326-5.247 10.766-14.939 10.766-6.727 0-12.111-1.745-19.645-5.921-1.616-.942-3.634-1.62-5.788-1.62-5.115 0-8.885 3.91-8.885 8.756 0 3.226 1.616 6.326 4.713 8.344 6.054 3.764 15.878 7.8 28.798 7.8 23.823 0 35.934-12.24 35.934-28.795 0-16.554-9.824-25.038-28.801-27.726zM281.108 259.382c-4.577 0-7.939 2.43-9.556 7.674l-16.69 54.51h-.402l-17.634-54.51c-1.745-5.244-4.978-7.674-9.551-7.674-5.653 0-9.692 4.176-9.692 9.287 0 1.347.269 2.834.67 4.175l23.286 68.104c2.96 8.477 6.727 11.57 12.652 11.57 5.785 0 9.555-3.093 12.516-11.57l23.282-68.104c.406-1.341.674-2.828.674-4.175.001-5.111-3.903-9.287-9.555-9.287zM364.556 300.836h-18.841c-5.114 0-8.344 3.1-8.344 7.806 0 4.713 3.23 7.814 8.344 7.814h6.193c.538 0 .803.258.803.803 0 3.505-.265 6.598-1.075 9.014-1.882 5.796-7.67 9.426-14.669 9.426-7.943 0-12.921-3.903-14.939-10.096-1.075-3.365-1.48-7.8-1.48-19.648 0-11.842.405-16.15 1.48-19.516 2.018-6.325 6.867-10.228 14.67-10.228 5.924 0 10.362 1.885 13.859 6.724 2.695 3.777 5.387 4.852 8.749 4.852 4.981 0 9.021-3.638 9.021-8.888 0-2.151-.674-4.035-1.752-5.921-4.842-8.204-15.071-14.264-29.877-14.264-16.287 0-28.935 7.408-33.644 22.204-2.022 6.466-2.559 11.576-2.559 25.038 0 13.454.538 18.573 2.559 25.031 4.709 14.802 17.357 22.204 33.644 22.204 16.286 0 28.668-8.204 33.374-22.881 1.617-5.111 2.29-12.645 2.29-20.716v-.95c0-4.98-2.824-7.808-7.806-7.808z" class="st0"/></svg> # Paste the SVG markup for custom icon
206
212
 
207
- - category: Products
208
- items:
213
+ - category: Products
214
+ items:
209
215
  - title: Example 3
210
216
  url: https://www.example.com
217
+
218
+ - category: Works
219
+ items:
220
+ - title: Example 4
221
+ url: https://www.example.org
222
+ icon: ion:flower-sharp
223
+ tag: New
211
224
  ```
212
225
  #### Adding Custom Icons
213
226
  As shown in the example above, you can use the `custom-icon` variable to insert custom SVG icons. Be sure to paste the entire SVG markup. You can use [SVGOMG](https://jakearchibald.github.io/svgomg/) to optimize the SVG.
214
227
 
228
+ #### Setting Button Width
229
+ You can set the width of buttons to `fixed` using the variable `fixed-button-width: true`. This will set the width of all buttons to a fixed 50%. You can change this value in [links.html](https://github.com/digitalmalayali/linkhub-jekyll-theme/blob/main/_includes/links.html#L12).
230
+
231
+ #### Setting Icon Position
232
+ With version [0.1.6](https://github.com/digitalmalayali/linkhub-jekyll-theme/releases/tag/v0.1.6), it's now possible to set the position of icons to left or right using `icon-position: left`. Please note that setting the icon position will set it for all buttons. You can't do it for individual buttons. And tags will switch to the opposite position.
233
+
215
234
  ### Remove Dark/Light Mode Switch
216
235
  To remove the dark/light mode switch, edit the [default.html](_layouts/default.html) layout file and remove or comment out the following line:
217
236
 
data/_config.yml CHANGED
@@ -5,16 +5,18 @@ theme: linkhub-jekyll-theme
5
5
  name: Linkhub # Name of your website
6
6
  tagline: Links # Set your preferred page title
7
7
  description: A free, open-source Jekyll link-in-bio theme. # Also used as a meta description
8
- favicon: https://picsum.photos/32/32 # Path / URL to the favicon of your website (e.g., 'assets/images/favicon.png')
9
- logo: https://picsum.photos/200 # Path / URL to the logo (e.g., 'assets/images/logo.png')
8
+ favicon:
9
+ path: https://i.ibb.co/SBRmBmt/favicon.png # Path / URL to the favicon of your website (e.g., 'assets/images/favicon.png')
10
+ type: png # File format of image. Change according to your image. Supported types: https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
11
+ logo: https://picsum.photos/200.webp # Path / URL to the logo (e.g., 'assets/images/logo.png')
10
12
  url: https://link.example.com # URL of your website
11
13
  locale: en_GB # The value specifies the locale in which these tags are marked up. It follows the format `language_TERRITORY`.
12
- ga4: G-XXXXXXX # Google Analytics 4 measurement ID (optional). Remove it if not needed.
14
+ ga4: # Google Analytics 4 measurement ID, for e.g. G-XXXXXXX (optional). Remove it if it’s not needed.
13
15
  twitter:
14
16
  username: UserName # Used for SEO
15
17
  image:
16
18
  path: assets/images/example.jpg # Used for SEO (og:image, twitter:image)
17
- type: jpeg # File format of image. Change according to your image. Supported types: https://en.wikipedia.org/wiki/Media_type#Common_examples
19
+ type: jpeg # File format of image.
18
20
  height: 100 # Pixels
19
21
  width: 100
20
22
  alt: logo
data/_data/bio.yml CHANGED
@@ -2,21 +2,21 @@
2
2
  ratio: vertical # For vertical 9:16 aspect ratio. Ideal for video thumbnails, such as those used on Instagram Reels, YouTube Shorts and TikTok. To use the default 1:1 aspect ratio (square), remove this variable.
3
3
  items:
4
4
  - url: https://www.example.com
5
- image: https://picsum.photos/1080/920
5
+ image: https://picsum.photos/1080/920.webp
6
6
 
7
7
  - url: https://www.example.org
8
- image: https://picsum.photos/540/960
8
+ image: https://picsum.photos/540/960.webp
9
9
 
10
10
  - url: https://www.example.com
11
- image: https://picsum.photos/720/1280
11
+ image: https://picsum.photos/720/1280.webp
12
12
 
13
13
  - name: Instagram
14
14
  items:
15
15
  - url: https://www.example.com
16
- image: https://picsum.photos/700/400 # You can use paths to images in the assets folder, e.g., assets/images/insta.jpg.
16
+ image: https://picsum.photos/700/400.webp # You can use paths to images in the assets folder, e.g., assets/images/insta.jpg.
17
17
 
18
18
  - url: https://www.example.org
19
- image: https://picsum.photos/500
19
+ image: https://picsum.photos/500.webp
20
20
 
21
21
  - url: https://www.example.com
22
- image: https://picsum.photos/250/300
22
+ image: https://picsum.photos/250/300.webp
data/_data/links.yml CHANGED
@@ -1,22 +1,25 @@
1
- - category: Blogs
2
- items:
1
+ fixed-button-width: false # Set to true/false
2
+ icon-position: left # Set to left/right
3
+ buttons:
4
+ - category: Blogs
5
+ items:
3
6
  - title: Example
4
7
  url: https://www.example.com
5
- icon: ri:film-fill # Icons are optional
6
- tag: New
8
+ icon: tdesign:activity # Icons are optional
9
+ tag: Tag
7
10
 
8
11
  - title: Example 2
9
12
  url: https://www.example.org
10
13
  custom-icon: <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="_x32_" width="800" height="800" version="1.1" viewBox="0 0 512 512"><style>.st0{fill:#000}</style><path d="M378.409 0H195.118l-9.314 9.315L57.017 138.101l-9.314 9.315V426.105c0 47.36 38.528 85.896 85.895 85.896h244.811c47.361 0 85.888-38.535 85.888-85.896V85.896C464.297 38.528 425.77 0 378.409 0zm54.084 426.104c0 29.877-24.214 54.091-54.084 54.091H133.598c-29.877 0-54.091-24.214-54.091-54.091V160.592h83.717c24.884 0 45.07-20.179 45.07-45.071V31.804h170.114c29.87 0 54.084 24.214 54.084 54.091v340.209z" class="st0"/><path d="m180.296 296.668-4.846-.67c-10.63-1.487-14.265-4.978-14.265-10.104 0-5.78 4.309-9.817 12.383-9.817 5.653 0 11.305 1.62 15.745 3.764 1.886.942 3.903 1.487 5.789 1.487 4.845 0 8.612-3.63 8.612-8.616 0-3.226-1.481-5.921-4.71-7.939-5.384-3.372-15.476-6.06-25.572-6.06-19.781 0-32.436 11.171-32.436 27.998 0 16.15 10.232 24.898 28.938 27.454l4.846.67c10.903 1.48 14.129 4.846 14.129 10.229 0 6.326-5.247 10.766-14.939 10.766-6.727 0-12.111-1.745-19.645-5.921-1.616-.942-3.634-1.62-5.788-1.62-5.115 0-8.885 3.91-8.885 8.756 0 3.226 1.616 6.326 4.713 8.344 6.054 3.764 15.878 7.8 28.798 7.8 23.823 0 35.934-12.24 35.934-28.795 0-16.554-9.824-25.038-28.801-27.726zM281.108 259.382c-4.577 0-7.939 2.43-9.556 7.674l-16.69 54.51h-.402l-17.634-54.51c-1.745-5.244-4.978-7.674-9.551-7.674-5.653 0-9.692 4.176-9.692 9.287 0 1.347.269 2.834.67 4.175l23.286 68.104c2.96 8.477 6.727 11.57 12.652 11.57 5.785 0 9.555-3.093 12.516-11.57l23.282-68.104c.406-1.341.674-2.828.674-4.175.001-5.111-3.903-9.287-9.555-9.287zM364.556 300.836h-18.841c-5.114 0-8.344 3.1-8.344 7.806 0 4.713 3.23 7.814 8.344 7.814h6.193c.538 0 .803.258.803.803 0 3.505-.265 6.598-1.075 9.014-1.882 5.796-7.67 9.426-14.669 9.426-7.943 0-12.921-3.903-14.939-10.096-1.075-3.365-1.48-7.8-1.48-19.648 0-11.842.405-16.15 1.48-19.516 2.018-6.325 6.867-10.228 14.67-10.228 5.924 0 10.362 1.885 13.859 6.724 2.695 3.777 5.387 4.852 8.749 4.852 4.981 0 9.021-3.638 9.021-8.888 0-2.151-.674-4.035-1.752-5.921-4.842-8.204-15.071-14.264-29.877-14.264-16.287 0-28.935 7.408-33.644 22.204-2.022 6.466-2.559 11.576-2.559 25.038 0 13.454.538 18.573 2.559 25.031 4.709 14.802 17.357 22.204 33.644 22.204 16.286 0 28.668-8.204 33.374-22.881 1.617-5.111 2.29-12.645 2.29-20.716v-.95c0-4.98-2.824-7.808-7.806-7.808z" class="st0"/></svg> # Paste the SVG markup for custom icon
11
14
 
12
- - category: Products
13
- items:
15
+ - category: Products
16
+ items:
14
17
  - title: Example 3
15
18
  url: https://www.example.com
16
19
 
17
- - category: Works
18
- items:
20
+ - category: Works
21
+ items:
19
22
  - title: Example 4
20
23
  url: https://www.example.org
21
- icon: clarity:language-solid
22
- tag: Sale
24
+ icon: ion:flower-sharp
25
+ tag: New
@@ -2,5 +2,5 @@
2
2
  <small class="text-grey">Powered by <a href="https://github.com/digitalmalayali/linkhub-jekyll-theme"
3
3
  target="_blank">Linkhub</a> v{{ theme.version }}. Code is licensed under <a
4
4
  href="https://github.com/digitalmalayali/linkhub-jekyll-theme/blob/main/LICENSE.txt" target="_blank">MIT</a>.</small>
5
- <h6>Β© {{ "now" | date: "%Y" }} {{ site.name }}</h6>
5
+ <h3>Β© {{ "now" | date: "%Y" }} {{ site.name }}</h3>
6
6
  </footer>
data/_includes/links.html CHANGED
@@ -1,18 +1,15 @@
1
1
  <main>
2
- {% for category in site.data.links %}
3
- <h5 class="text-center">{{ category.category }}</h5>
4
- {% for item in category.items %}
2
+ {% for button in site.data.links.buttons %}
3
+ <h2 class="text-center">{{ button.category }}</h2>
4
+ {% for item in button.items %}
5
5
  <div class="row">
6
6
  {% if item.tag %}
7
7
  <div class="col link is-center">
8
8
  {% else %}
9
9
  <div class="col is-center">
10
10
  {% endif %}
11
- <a class="button outline secondary" href="{{ item.url }}" target="_blank">{% if item.icon %}<span
12
- class="iconify-inline" data-icon="{{ item.icon }}"></span>{% endif %}{% if item.custom-icon
13
- %}<span class="custom-icon">{{ item.custom-icon }}</span>{% endif %}{{ item.title }}
14
- {% if item.tag %}<span class="tag is-small bd-success text-success">{{ item.tag }}</span>{%
15
- endif %}</a>
11
+ {% if site.data.links.fixed-button-width == true %}
12
+ <a class="button outline secondary" style="width:50%" href="{{ item.url }}" target="_blank">{% else %}<a class="button outline secondary" href="{{ item.url }}" target="_blank">{% endif %}{% if site.data.links.icon-position == "right" %}{% if item.tag %}<span class="tag is-small bd-success text-success" style="margin-right:.5em">{{ item.tag}}</span>{% endif %}{{ item.title }}{% if item.icon %}<span class="iconify-inline" data-icon="{{ item.icon }}" style="margin-left:.5em;margin-right:0"></span>{% endif %}{% if item.custom-icon %}<span class="custom-icon" style="margin-left:.5em">{{ item.custom-icon }}</span>{% endif %}</a>{% else %}{% if item.icon %}<span class="iconify-inline" data-icon="{{ item.icon }}"></span>{% endif %}{% if item.custom-icon %}<span class="custom-icon" style="margin-right:.5em">{{ item.custom-icon}}</span>{% endif %}{{ item.title }}{% if item.tag %}<span class="tag is-small bd-success text-success" style="margin-left:.5em">{{ item.tag }}</span>{% endif %}</a>{% endif %}
16
13
  </div>
17
14
  </div>
18
15
  {% endfor %}
@@ -2,13 +2,13 @@
2
2
  <html lang="en">
3
3
 
4
4
  <head>
5
- {% if site.ga4 %}
5
+ {% if site.ga4 != null %}
6
6
  {% include ga4.html %}
7
7
  {% endif %}
8
8
  <meta charset="UTF-8">
9
9
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
10
  <title>{{ site.tagline }} - {{ site.name }}</title>
11
- <link rel="shortcut icon" href="{{ site.favicon }}" type="image/x-icon">
11
+ <link rel="shortcut icon" href="{{ site.favicon.path }}" type="image/{{ site.favicon.type }}">
12
12
  <link rel="stylesheet" href="assets/style.css">
13
13
  <script src="https://code.iconify.design/2/2.0.0/iconify.min.js"></script>
14
14
  <meta name="description" content="{{ site.description }}">
@@ -34,8 +34,8 @@
34
34
  <header>
35
35
  <div class="top is-center is-vertical-align">
36
36
  <img class="is-rounded" width="75px" height="75px" src="{{ site.logo }}" alt="logo">
37
- <h3 class="text-center">{{ site.name }}{% if site.badge.enable == true %}<span class="iconify-inline badge"
38
- data-icon="{{ site.badge.icon }}" style="color: {{ site.badge.color }}"></span>{% endif %}</h3>
37
+ <h1 class="text-center">{{ site.name }}{% if site.badge.enable == true %}<span class="iconify-inline badge"
38
+ data-icon="{{ site.badge.icon }}" style="color: {{ site.badge.color }}"></span>{% endif %}</h1>
39
39
  <p class="text-center">{{ site.description }}</p>
40
40
  </div>
41
41
  </header>
data/assets/style.css CHANGED
@@ -1 +1 @@
1
- :root{--bg-color:#fff;--bg-secondary-color:#f3f3f6;--color-primary:#168D54;--color-grey:#3f4144;--color-error:#D74747;--color-success:#28bd14;--grid-maxWidth:120rem;--grid-gutter:2rem;--font-size:1.6rem;--font-color:#333;--font-family-sans:-apple-system,"BlinkMacSystemFont","Avenir","Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:monaco,"Consolas","Lucida Console",monospace}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{background-color:var(--bg-color);line-height:1.6;font-size:var(--font-size);color:var(--font-color);font-family:"Segoe UI","Helvetica Neue",sans-serif;font-family:var(--font-family-sans);margin:0;padding:0}body.dark{--bg-color:#0c0c0c;--bg-secondary-color:#131316;--font-color:#f5f5f5;--color-grey:#ccc}h3,h5,h6{font-weight:500;margin:.35em 0 .6em}h3{font-size:1.5em}h5{font-size:1em}h6{font-size:.85em}a{color:var(--color-primary);text-decoration:none}a:hover:not(.button){opacity:.75}p{margin-top:0}img{max-width:100%}.container{max-width:720px;margin:3em auto 0;width:96%;padding:0 calc(var(--grid-gutter)/2)}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--grid-gutter)/-2);margin-right:calc(var(--grid-gutter)/-2)}.col{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 calc(var(--grid-gutter)/2) calc(var(--grid-gutter)/2)}.button{padding:1rem 2.5rem;color:var(--color-grey);border-radius:4px;border:1px solid transparent;font-size:var(--font-size);line-height:1;text-align:center;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;text-decoration:none;-webkit-transform:scale(1);transform:scale(1);display:inline-block;cursor:pointer}.button.secondary{color:#fff;z-index:1;background-color:#000}.button:hover{opacity:.8}.button.secondary{background-color:var(--color-grey)}.button.outline{background-color:transparent}.button.outline.secondary{border-color:var(--color-grey);color:var(--color-grey)}.button:active:not(:disabled),[type=button]:active:not(:disabled),[type=reset]:active:not(:disabled),[type=submit]:active:not(:disabled),button:active:not(:disabled){-webkit-transform:scale(.98);transform:scale(.98)}::-webkit-input-placeholder{color:#bdbfc4}::-moz-placeholder{color:#bdbfc4}:-ms-input-placeholder{color:#bdbfc4}::-ms-input-placeholder{color:#bdbfc4}.nav{min-height:5rem;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.nav,.nav .brand,.nav a,.nav-center{display:-webkit-box;display:-ms-flexbox;display:flex}.nav-center{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav .brand,.nav a{text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 0;color:var(--color-grey)}.nav .brand{font-size:1.75em;padding-top:0;padding-bottom:1rem}.tag{display:inline-block;text-transform:uppercase;color:var(--color-grey);padding:.5rem;margin-left:.2em;line-height:1;letter-spacing:.5px}.tag.is-small{padding:.4rem;font-size:.75em}.bd-primary{border:1px solid var(--color-primary)!important}.bd-success{border:1px solid var(--color-success)!important}.text-grey{color:var(--color-grey)!important}.text-error{color:var(--color-error)!important}.text-success{color:var(--color-success)!important}.text-center{text-align:center}.is-full-screen{width:100%;min-height:100vh}.is-center,.is-vertical-align{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.is-rounded{border-radius:100%}.iconify-inline,.custom-icon{margin-right:.5em}.iconify-inline.badge{margin-left:.3em;margin-right:auto}.custom-icon svg{width:1em;height:1em;vertical-align:-.125em}.custom-icon svg path{fill:currentColor}.top{flex-direction:column}#theme-switch{width:3em;height:3em;position:fixed;margin:35rem 0 0;z-index:1}section,summary{margin:.4em 0 .5em}summary{cursor:pointer}.bio-gallery{display:grid;grid-template-columns:repeat(3,1fr)}.bio-item{aspect-ratio:1;margin:.2em;overflow:hidden}.bio-img{object-fit:cover;object-position:center}.col.link{position:relative}footer{margin-top:.5em;margin-bottom:2em}@media screen and (max-width:599px){.container{width:100%}.col{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}}@media screen and (max-width:480px){.nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-center{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}
1
+ :root{--bg-color:#fff;--bg-secondary-color:#f3f3f6;--color-primary:#168D54;--color-grey:#3f4144;--color-error:#D74747;--color-success:#28bd14;--grid-maxWidth:120rem;--grid-gutter:2rem;--font-size:1.6rem;--font-color:#333;--font-family-sans:-apple-system,"BlinkMacSystemFont","Avenir","Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:monaco,"Consolas","Lucida Console",monospace}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{background-color:var(--bg-color);line-height:1.6;font-size:var(--font-size);color:var(--font-color);font-family:"Segoe UI","Helvetica Neue",sans-serif;font-family:var(--font-family-sans);margin:0;padding:0}body.dark{--bg-color:#0c0c0c;--bg-secondary-color:#131316;--font-color:#f5f5f5;--color-grey:#ccc}h1,h2,h3{font-weight:500;margin:.35em 0 .6em}h1{font-size:1.5em}h2{font-size:1em}h3{font-size:.85em}a{color:var(--color-primary);text-decoration:none}a:hover:not(.button){opacity:.75}p{margin-top:0}img{max-width:100%}.container{max-width:720px;margin:3em auto 0;width:96%;padding:0 calc(var(--grid-gutter)/2)}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--grid-gutter)/-2);margin-right:calc(var(--grid-gutter)/-2)}.col{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 calc(var(--grid-gutter)/2) calc(var(--grid-gutter)/2)}.button{padding:1rem 2.5rem;color:var(--color-grey);border-radius:4px;border:1px solid transparent;font-size:var(--font-size);line-height:1;text-align:center;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;text-decoration:none;-webkit-transform:scale(1);transform:scale(1);display:inline-block;cursor:pointer}.button.secondary{color:#fff;z-index:1;background-color:#000}.button:hover{opacity:.8}.button.secondary{background-color:var(--color-grey)}.button.outline{background-color:transparent}.button.outline.secondary{border-color:var(--color-grey);color:var(--color-grey)}.button:active:not(:disabled),[type=button]:active:not(:disabled),[type=reset]:active:not(:disabled),[type=submit]:active:not(:disabled),button:active:not(:disabled){-webkit-transform:scale(.98);transform:scale(.98)}::-webkit-input-placeholder{color:#bdbfc4}::-moz-placeholder{color:#bdbfc4}:-ms-input-placeholder{color:#bdbfc4}::-ms-input-placeholder{color:#bdbfc4}.nav{min-height:5rem;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.nav,.nav .brand,.nav a,.nav-center{display:-webkit-box;display:-ms-flexbox;display:flex}.nav-center{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav .brand,.nav a{text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 0;color:var(--color-grey)}.nav .brand{font-size:1.75em;padding-top:0;padding-bottom:1rem}.tag{display:inline-block;text-transform:uppercase;color:var(--color-grey);padding:.5rem;line-height:1;letter-spacing:.5px}.tag.is-small{padding:.4rem;font-size:.75em}.bd-primary{border:1px solid var(--color-primary)!important}.bd-success{border:1px solid var(--color-success)!important}.text-grey{color:var(--color-grey)!important}.text-error{color:var(--color-error)!important}.text-success{color:var(--color-success)!important}.text-center{text-align:center}.is-full-screen{width:100%;min-height:100vh}.is-center,.is-vertical-align{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.is-rounded{border-radius:100%}.iconify-inline{margin-right:.5em}.iconify-inline.badge{margin-left:.3em;margin-right:auto}.custom-icon svg{width:1em;height:1em;vertical-align:-.125em}.custom-icon svg path{fill:currentColor}.top{flex-direction:column}#theme-switch{width:3em;height:3em;position:fixed;margin:35rem 0 0;z-index:1}section,summary{margin:.4em 0 .5em}summary{cursor:pointer}.bio-gallery{display:grid;grid-template-columns:repeat(3,1fr)}.bio-item{aspect-ratio:1;margin:.2em;overflow:hidden}.bio-img{object-fit:cover;object-position:center}.col.link{position:relative}footer{margin-top:.5em;margin-bottom:2em}@media screen and (max-width:599px){.container{width:100%}.col{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}}@media screen and (max-width:480px){.nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-center{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: linkhub-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.5
4
+ version: 0.1.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - Digital Malayali
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-05-15 00:00:00.000000000 Z
11
+ date: 2024-05-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll