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 +4 -4
- data/README.md +35 -16
- data/_config.yml +6 -4
- data/_data/bio.yml +6 -6
- data/_data/links.yml +13 -10
- data/_includes/footer.html +1 -1
- data/_includes/links.html +5 -8
- data/_layouts/default.html +4 -4
- data/assets/style.css +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 76d652fcbf522722f91ec6bd477c2d02b9b522d4bfe45d1740fd72211c0d31aa
|
4
|
+
data.tar.gz: b21aa1d35539eec69fe8bda9704a5401c5f735a0cb702c7e785d50f308f1da53
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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 [
|
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:
|
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:
|
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.
|
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
|
-
-
|
196
|
-
|
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:
|
200
|
-
tag:
|
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
|
-
|
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:
|
9
|
-
|
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:
|
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.
|
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
|
-
-
|
2
|
-
|
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:
|
6
|
-
tag:
|
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
|
-
|
15
|
+
- category: Products
|
16
|
+
items:
|
14
17
|
- title: Example 3
|
15
18
|
url: https://www.example.com
|
16
19
|
|
17
|
-
- category: Works
|
18
|
-
|
20
|
+
- category: Works
|
21
|
+
items:
|
19
22
|
- title: Example 4
|
20
23
|
url: https://www.example.org
|
21
|
-
icon:
|
22
|
-
tag:
|
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
|
-
<
|
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
|
3
|
-
<
|
4
|
-
{% for item in
|
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
|
-
|
12
|
-
|
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/
|
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
|
-
<
|
38
|
-
data-icon="{{ site.badge.icon }}" style="color: {{ site.badge.color }}"></span>{% endif %}</
|
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}
|
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.
|
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-
|
11
|
+
date: 2024-05-22 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|