linkhub-jekyll-theme 0.1.5 β†’ 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +35 -16
  3. data/_config.yml +6 -4
  4. data/_data/bio.yml +6 -6
  5. data/_data/links.yml +13 -10
  6. data/_includes/footer.html +1 -1
  7. data/_includes/links.html +5 -8
  8. data/_layouts/default.html +4 -4
  9. data/assets/style.css +1 -1
  10. metadata +2 -2
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
data/_includes/footer.html CHANGED
@@ -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 %}
data/_layouts/default.html CHANGED
@@ -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