linkhub-jekyll-theme 0.1.2 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +71 -63
- data/_config.yml +36 -35
- data/_data/links.yml +2 -3
- data/_includes/footer.html +1 -1
- data/_includes/links.html +3 -2
- data/_includes/social.html +2 -1
- data/_includes/theme-switch.html +1 -0
- data/_layouts/default.html +12 -12
- data/assets/style.css +1 -5
- metadata +5 -4
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 7af82882a32720d0d2be6755398f76ff8f7590eb84c947bf047abd1b86f3d29d
|
4
|
+
data.tar.gz: 3ce299e622b1e7ccfb6e36c6487e3ef01740038b1dbb935ba90c2fbf687f8a3f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0c647f7a6b72edbb9805975f67c940e5dc90c24372ed3df8f56fd15f451d2e9ff09aed3012398199935a10774a7c38753c708b3cfc6f6d132f0d51eef8fb795d
|
7
|
+
data.tar.gz: e42b31714d4cf24c149e7ff86995254832594ff6b6dbf349abbc314271582980e1c88cc5af4234a516f422311d6985d8794f795843ddb6a731695160495658ba
|
data/README.md
CHANGED
@@ -1,56 +1,49 @@
|
|
1
|
-
<
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
<p align="center">
|
23
|
-
<img src="https://github.com/digitalmalayali/linkhub-jekyll-theme/assets/61133303/9c861ba3-90fe-45c6-a87d-af01152b17bb" alt="mockup">
|
24
|
-
</p>
|
25
|
-
|
26
|
-
<p align="center">
|
27
|
-
<a href="https://digitalmalayali.github.io/linkhub-jekyll-theme/">
|
28
|
-
<strong>Live Demo ◉</strong>
|
29
|
-
</a>
|
30
|
-
</p>
|
1
|
+
<div align="center">
|
2
|
+
|
3
|
+
# Linkhub
|
4
|
+
|
5
|
+
[![Static Badge](https://img.shields.io/badge/jekyll-~%3E%204.3-grey?logo=jekyll&labelColor=%23CC0000)](https://jekyllrb.com)
|
6
|
+
[![Gem Version](https://img.shields.io/gem/v/linkhub-jekyll-theme?logo=rubygems&logoColor=white&labelColor=%23E9573F&color=grey)](https://rubygems.org/gems/linkhub-jekyll-theme)
|
7
|
+
[![Gem Total Downloads](https://img.shields.io/gem/dt/linkhub-jekyll-theme?logo=rubygems&logoColor=white&labelColor=%23E9573F&color=grey)](https://rubygems.org/gems/linkhub-jekyll-theme)
|
8
|
+
|
9
|
+
[![Static Badge](https://img.shields.io/badge/html-template-grey?logo=html5&logoColor=white&labelColor=E34F26)](https://github.com/digitalmalayali/linkhub)
|
10
|
+
[![Static Badge](https://img.shields.io/badge/wordpress-theme-grey?logo=wordpress&labelColor=21759B)](https://github.com/digitalmalayali/linkhub-wordpress-theme)
|
11
|
+
|
12
|
+
[![Static Badge](https://img.shields.io/badge/liberapay-donate-F6C915?logo=liberapay)](https://liberapay.com/zcraber)
|
13
|
+
|
14
|
+
A minimal and super-lightweight, free Jekyll theme to create a single-page, link-in-bio website like Linktree or Later.
|
15
|
+
|
16
|
+
[![mockup](https://github-production-user-asset-6210df.s3.amazonaws.com/61133303/272500069-9c861ba3-90fe-45c6-a87d-af01152b17bb.png)](https://digitalmalayali.github.io/linkhub-jekyll-theme/)
|
17
|
+
|
18
|
+
[**Live Demo ◉**](https://digitalmalayali.github.io/linkhub-jekyll-theme/)
|
19
|
+
|
20
|
+
</div>
|
31
21
|
|
32
22
|
## Contents
|
33
|
-
- [
|
34
|
-
- [
|
35
|
-
- [
|
36
|
-
- [
|
37
|
-
|
38
|
-
|
39
|
-
- [
|
40
|
-
- [
|
41
|
-
- [
|
42
|
-
|
43
|
-
|
44
|
-
- [
|
45
|
-
|
46
|
-
- [
|
47
|
-
|
48
|
-
|
49
|
-
- [
|
50
|
-
- [
|
51
|
-
- [
|
52
|
-
- [
|
53
|
-
- [
|
23
|
+
- [Linkhub](#linkhub)
|
24
|
+
- [Contents](#contents)
|
25
|
+
- [Features](#features)
|
26
|
+
- [Installation](#installation)
|
27
|
+
- [Use GitHub Template (Fastest Way)](#use-github-template-fastest-way)
|
28
|
+
- [Install as GitHub Remote Theme](#install-as-github-remote-theme)
|
29
|
+
- [Install as Ruby Gem](#install-as-ruby-gem)
|
30
|
+
- [Configuration](#configuration)
|
31
|
+
- [Adding Site Info](#adding-site-info)
|
32
|
+
- [`_config.yml`](#_configyml)
|
33
|
+
- [Adding Icons](#adding-icons)
|
34
|
+
- [Adding Social Media Links](#adding-social-media-links)
|
35
|
+
- [`social.yml`](#socialyml)
|
36
|
+
- [Adding Instagram/TikTok/YouTube Link-in-bio](#adding-instagramtiktokyoutube-link-in-bio)
|
37
|
+
- [`bio.yml`](#bioyml)
|
38
|
+
- [Remove Instagram/TikTok/YouTube Link-in-bio](#remove-instagramtiktokyoutube-link-in-bio)
|
39
|
+
- [Adding Links](#adding-links)
|
40
|
+
- [`links.yml`](#linksyml)
|
41
|
+
- [Adding Custom Icons](#adding-custom-icons)
|
42
|
+
- [Remove Dark/Light Mode Switch](#remove-darklight-mode-switch)
|
43
|
+
- [Contributing](#contributing)
|
44
|
+
- [Powered by Linkhub](#powered-by-linkhub)
|
45
|
+
- [Development](#development)
|
46
|
+
- [License](#license)
|
54
47
|
|
55
48
|
## Features
|
56
49
|
- 😊 Based on the original [Linkhub](https://github.com/digitalmalayali/Linkhub) template!
|
@@ -103,7 +96,7 @@ Or install it yourself as:
|
|
103
96
|
Linkhub is super-easy to customize! There is only one `layout` and that is [default.html](_layouts/default.html). Also, there are no `_posts`.
|
104
97
|
|
105
98
|
### Adding Site Info
|
106
|
-
Edit the [_config.yml](_config.yml) file to specify your website's name, page title, description, Google Analytics and whether to show
|
99
|
+
Edit the [_config.yml](_config.yml) file to specify your website's name, page title, description, Google Analytics, and whether to show or hide the verified badge. This information will also be used for meta tags. For the logo, make sure to use an image with a 1:1 aspect ratio.
|
107
100
|
|
108
101
|
#### `_config.yml`
|
109
102
|
```yml
|
@@ -120,18 +113,19 @@ url: https://link.example.com # URL of your website
|
|
120
113
|
locale: en_GB # The value specifies the locale in which these tags are marked up. It follows the format `language_TERRITORY`.
|
121
114
|
ga4: G-XXXXXXX # Google Analytics 4 measurement ID (optional). Remove it if not needed.
|
122
115
|
twitter:
|
123
|
-
username:
|
116
|
+
username: UserName # Used for SEO
|
124
117
|
image:
|
125
|
-
path:
|
118
|
+
path: assets/images/example.jpg # Used for SEO (og:image, twitter:image)
|
126
119
|
type: jpeg # File format of image. Change according to your image. Supported types: https://en.wikipedia.org/wiki/Media_type#Common_examples
|
127
120
|
height: 100 # Pixels
|
128
121
|
width: 100
|
129
122
|
alt: logo
|
130
123
|
|
131
124
|
# Verified Badge Configuration
|
132
|
-
badge:
|
133
|
-
|
134
|
-
|
125
|
+
badge:
|
126
|
+
enable: true # Set to 'true' or 'false' to enable / disable the badge
|
127
|
+
icon: ri:verified-badge-fill # Enter the icon name for the badge from Iconify Design (https://icon-sets.iconify.design/)
|
128
|
+
color: '#dfb221' # Define the color of the badge
|
135
129
|
|
136
130
|
# Defaults
|
137
131
|
defaults:
|
@@ -148,6 +142,8 @@ exclude: [README.md, Gemfile.lock, .jekyll-cache/, .github/, CHANGELOG.md, Gemfi
|
|
148
142
|
### Adding Icons
|
149
143
|
Icons are powered by the free and open-source icon framework [Iconify](https://github.com/iconify), offering a selection of over 150,000 icons. Visit the [Iconify icon sets website](https://icon-sets.iconify.design/) to search for your preferred icon. Once you find your desired icon, copy its name and use it in the respective fields.
|
150
144
|
|
145
|
+
You can use custom icons for [Links](#adding-links).
|
146
|
+
|
151
147
|
### Adding Social Media Links
|
152
148
|
Edit the [social.yml](_data/social.yml) file in the [_data](_data) folder to add your social media profiles, along with your preferred icons and colors.
|
153
149
|
|
@@ -173,6 +169,8 @@ Like Later's link-in-bio feature, you can include external links to your Instagr
|
|
173
169
|
items:
|
174
170
|
- url: https://www.example.com
|
175
171
|
image: https://picsum.photos/700/400 # You can use paths to images in the assets folder, e.g., assets/images/insta.jpg.
|
172
|
+
- url: https://www.example.com
|
173
|
+
image: https://picsum.photos/200
|
176
174
|
|
177
175
|
- name: YouTube
|
178
176
|
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.
|
@@ -182,14 +180,14 @@ Like Later's link-in-bio feature, you can include external links to your Instagr
|
|
182
180
|
```
|
183
181
|
|
184
182
|
### Remove Instagram/TikTok/YouTube Link-in-bio
|
185
|
-
If you'd like to remove Instagram/TikTok/YouTube link-in-bio altogether, remove or comment out the following line in [default.html](_layouts/default.html) layout
|
183
|
+
If you'd like to remove Instagram/TikTok/YouTube link-in-bio altogether, remove or comment out the following line in [default.html](_layouts/default.html) layout:
|
186
184
|
|
187
185
|
```liquid
|
188
186
|
{% include bio.html %}
|
189
187
|
```
|
190
188
|
|
191
189
|
### Adding Links
|
192
|
-
Edit the [links.yml](_data/links.yml) file in the [_data](_data) folder to add link categories, links, icons, and tags. Refer to the provided examples and the [demo](https://digitalmalayali.github.io/linkhub-jekyll-theme/) for a better understanding. `tag`
|
190
|
+
Edit the [links.yml](_data/links.yml) file in the [_data](_data) folder to add link categories, links, icons, and tags. Refer to the provided examples and the [demo](https://digitalmalayali.github.io/linkhub-jekyll-theme/) for a better understanding. `tag` and `icon` variables are optional.
|
193
191
|
|
194
192
|
#### `links.yml`
|
195
193
|
|
@@ -203,27 +201,37 @@ Edit the [links.yml](_data/links.yml) file in the [_data](_data) folder to add l
|
|
203
201
|
|
204
202
|
- title: Example 2
|
205
203
|
url: https://www.example.org
|
206
|
-
icon:
|
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
|
207
206
|
|
208
207
|
- category: Products
|
209
208
|
items:
|
210
209
|
- title: Example 3
|
211
210
|
url: https://www.example.com
|
212
|
-
icon: ri:ball-pen-fill
|
213
211
|
```
|
212
|
+
#### Adding Custom Icons
|
213
|
+
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
|
+
|
215
|
+
### Remove Dark/Light Mode Switch
|
216
|
+
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
|
+
|
218
|
+
```liquid
|
219
|
+
{% include theme-switch.html %}
|
220
|
+
```
|
221
|
+
Please note that this will not remove the functionality that detects and sets the dark/light mode based on the user's system preference.
|
214
222
|
|
215
223
|
## Contributing
|
216
224
|
[Bug reports](https://github.com/digitalmalayali/linkhub-jekyll-theme) and [pull requests](https://github.com/digitalmalayali/linkhub-jekyll-theme/pulls) are welcome. If you like this theme, please give it a star! And if you've used this theme on your website, feel free to add it below.
|
217
225
|
|
218
226
|
## Powered by Linkhub
|
219
|
-
A list of websites that
|
227
|
+
A list of websites that use the Linkhub theme. Please feel free to add your site.
|
220
228
|
- [links.digitalmalayali.in](https://links.digitalmalayali.in/)
|
221
229
|
- [links.josephvm.in](https://links.josephvm.in/)
|
222
230
|
|
223
231
|
## Development
|
224
232
|
To set up your environment to develop this theme, run `bundle install`.
|
225
233
|
|
226
|
-
Your theme is
|
234
|
+
Your theme is set up just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
|
227
235
|
|
228
236
|
When your theme is released, only the files in [_layouts](_layouts), [_includes](_includes), [_data](_data) and [assets](assets) tracked with Git will be bundled.
|
229
237
|
|
data/_config.yml
CHANGED
@@ -1,36 +1,37 @@
|
|
1
|
-
# Jekyll
|
2
|
-
theme: linkhub-jekyll-theme
|
3
|
-
|
4
|
-
# Site Configuration
|
5
|
-
name: Linkhub # Name of your website
|
6
|
-
tagline: Links # Set your preferred page title
|
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')
|
10
|
-
url: https://link.example.com # URL of your website
|
11
|
-
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.
|
13
|
-
twitter:
|
14
|
-
username:
|
15
|
-
image:
|
16
|
-
path:
|
17
|
-
type: jpeg # File format of image. Change according to your image. Supported types: https://en.wikipedia.org/wiki/Media_type#Common_examples
|
18
|
-
height: 100 # Pixels
|
19
|
-
width: 100
|
20
|
-
alt: logo
|
21
|
-
|
22
|
-
# Verified Badge Configuration
|
23
|
-
badge:
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
1
|
+
# Jekyll
|
2
|
+
theme: linkhub-jekyll-theme
|
3
|
+
|
4
|
+
# Site Configuration
|
5
|
+
name: Linkhub # Name of your website
|
6
|
+
tagline: Links # Set your preferred page title
|
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')
|
10
|
+
url: https://link.example.com # URL of your website
|
11
|
+
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.
|
13
|
+
twitter:
|
14
|
+
username: UserName # Used for SEO
|
15
|
+
image:
|
16
|
+
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
|
18
|
+
height: 100 # Pixels
|
19
|
+
width: 100
|
20
|
+
alt: logo
|
21
|
+
|
22
|
+
# Verified Badge Configuration
|
23
|
+
badge:
|
24
|
+
enable: true # Set to 'true' or 'false' to enable / disable the badge
|
25
|
+
icon: ri:verified-badge-fill # Enter the icon name for the badge from Iconify Design (https://icon-sets.iconify.design/)
|
26
|
+
color: '#dfb221' # Define the color of the badge
|
27
|
+
|
28
|
+
# Defaults
|
29
|
+
defaults:
|
30
|
+
-
|
31
|
+
scope:
|
32
|
+
path: ""
|
33
|
+
values:
|
34
|
+
layout: "default"
|
35
|
+
|
36
|
+
# Exclude
|
36
37
|
exclude: [README.md, Gemfile.lock, .jekyll-cache/, .github/, CHANGELOG.md, Gemfile, LICENSE.txt, funding.yml, linkhub-jekyll-theme.gemspec]
|
data/_data/links.yml
CHANGED
@@ -2,18 +2,17 @@
|
|
2
2
|
items:
|
3
3
|
- title: Example
|
4
4
|
url: https://www.example.com
|
5
|
-
icon: ri:film-fill
|
5
|
+
icon: ri:film-fill # Icons are optional
|
6
6
|
tag: New
|
7
7
|
|
8
8
|
- title: Example 2
|
9
9
|
url: https://www.example.org
|
10
|
-
icon:
|
10
|
+
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
11
|
|
12
12
|
- category: Products
|
13
13
|
items:
|
14
14
|
- title: Example 3
|
15
15
|
url: https://www.example.com
|
16
|
-
icon: ri:ball-pen-fill
|
17
16
|
|
18
17
|
- category: Works
|
19
18
|
items:
|
data/_includes/footer.html
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
<footer class="text-center">
|
2
2
|
<small class="text-grey">Powered by <a href="https://github.com/digitalmalayali/linkhub-jekyll-theme"
|
3
|
-
target="_blank">Linkhub</a
|
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
|
<h6>© {{ "now" | date: "%Y" }} {{ site.name }}</h6>
|
6
6
|
</footer>
|
data/_includes/links.html
CHANGED
@@ -8,8 +8,9 @@
|
|
8
8
|
{% else %}
|
9
9
|
<div class="col is-center">
|
10
10
|
{% endif %}
|
11
|
-
<a class="button outline secondary" href="{{ item.url }}" target="_blank"
|
12
|
-
data-icon="{{ item.icon }}"></span>{{ item.
|
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 }}
|
13
14
|
{% if item.tag %}<span class="tag is-small bd-success text-success">{{ item.tag }}</span>{%
|
14
15
|
endif %}</a>
|
15
16
|
</div>
|
data/_includes/social.html
CHANGED
@@ -1,7 +1,8 @@
|
|
1
1
|
<nav class="nav">
|
2
2
|
<div class="nav-center">
|
3
3
|
{% for social in site.data.social %}
|
4
|
-
<a class="brand" href="{{ social.url }}" target="_blank" aria-label="{{ social.name }}"
|
4
|
+
<a class="brand" href="{{ social.url }}" target="_blank" aria-label="{{ social.name }}" {% if
|
5
|
+
social.name == "mastodon" %}rel="me" {% endif %}>
|
5
6
|
<span class="iconify-inline" data-icon="{{ social.icon }}" style="color: {{ social.color }}"></span>
|
6
7
|
</a>
|
7
8
|
{% endfor %}
|
@@ -0,0 +1 @@
|
|
1
|
+
<a class="bd-primary is-rounded is-center" href="#" id="theme-switch" onclick="switchMode(this); return false;" aria-label="Switch Theme" role="button">☀️</a>
|
data/_layouts/default.html
CHANGED
@@ -12,13 +12,13 @@
|
|
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 }}">
|
15
|
-
<meta property="og:title" content="{{ site.name }}"/>
|
15
|
+
<meta property="og:title" content="{{ site.name }}" />
|
16
16
|
<meta property="og:description" content="{{ site.description }}">
|
17
|
-
<meta property="og:type" content="website"/>
|
18
|
-
<meta property="og:url" content="{{ site.url }}"/>
|
19
|
-
<meta property="og:locale" content="{{ site.locale }}"/>
|
20
|
-
<meta property="og:image" content="{{ site.image.path }}"/>
|
21
|
-
<meta property="og:image:type" content="image/{{ site.image.type }}"/>
|
17
|
+
<meta property="og:type" content="website" />
|
18
|
+
<meta property="og:url" content="{{ site.url }}" />
|
19
|
+
<meta property="og:locale" content="{{ site.locale }}" />
|
20
|
+
<meta property="og:image" content="{{ site.image.path | absolute_url }}" />
|
21
|
+
<meta property="og:image:type" content="image/{{ site.image.type }}" />
|
22
22
|
<meta property="og:image:width" content="{{ site.image.width }}">
|
23
23
|
<meta property="og:image:height" content="{{ site.image.height }}">
|
24
24
|
<meta property="og:image:alt" content="{{ site.image.alt }}">
|
@@ -26,7 +26,7 @@
|
|
26
26
|
<meta name="twitter:site" content="@{{ site.twitter.username }}" />
|
27
27
|
<meta name="twitter:title" content="{{ site.name }}" />
|
28
28
|
<meta name="twitter:description" content="{{ site.description }}" />
|
29
|
-
<meta name="twitter:image" content="{{ site.image.path }}" />
|
29
|
+
<meta name="twitter:image" content="{{ site.image.path | absolute_url }}" />
|
30
30
|
</head>
|
31
31
|
|
32
32
|
<body>
|
@@ -34,15 +34,15 @@
|
|
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>{{ site.name }}{% if site.badge == true %}<span class="iconify-inline badge"
|
38
|
-
data-icon="{{ site.icon }}" style="color: {{ site.color }}"></span>{% endif %}</h3>
|
39
|
-
<p>{{ site.description }}</p>
|
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>
|
39
|
+
<p class="text-center">{{ site.description }}</p>
|
40
40
|
</div>
|
41
41
|
</header>
|
42
42
|
|
43
43
|
<!-- Dark / Light Mode Switch -->
|
44
|
-
|
45
|
-
|
44
|
+
{% include theme-switch.html %}
|
45
|
+
|
46
46
|
<!-- Social Media Links -->
|
47
47
|
{% include social.html %}
|
48
48
|
|
data/assets/style.css
CHANGED
@@ -1,5 +1 @@
|
|
1
|
-
:root{--bg-color:#fff;--bg-secondary-color:#f3f3f6;--color-primary:#168D54;--color-
|
2
|
-
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);background:var(--color-lightGrey);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}
|
3
|
-
.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;border-color:var(--color-lightGrey)}.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)}
|
4
|
-
.nav .brand{font-size:1.75em;padding-top:0;padding-bottom:1rem}.tag{display:inline-block;border:1px solid var(--color-lightGrey);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{margin-right:.5em}.iconify-inline.badge{margin-left:.3em}.top{flex-direction:column}#theme-switch{width:3em;height:3em;position:fixed;margin:35rem 0 0;z-index:1}
|
5
|
-
section,summary{margin:.4em 0 .5em}.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}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}}
|
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.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Digital Malayali
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2024-05-15 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -56,6 +56,7 @@ files:
|
|
56
56
|
- _includes/ga4.html
|
57
57
|
- _includes/links.html
|
58
58
|
- _includes/social.html
|
59
|
+
- _includes/theme-switch.html
|
59
60
|
- _layouts/default.html
|
60
61
|
- assets/script.js
|
61
62
|
- assets/style.css
|
@@ -64,7 +65,7 @@ licenses:
|
|
64
65
|
- MIT
|
65
66
|
metadata:
|
66
67
|
bug_tracker_uri: https://github.com/digitalmalayali/linkhub-jekyll-theme/issues
|
67
|
-
changelog_uri: https://github.com/digitalmalayali/linkhub-jekyll-theme/CHANGELOG.md
|
68
|
+
changelog_uri: https://github.com/digitalmalayali/linkhub-jekyll-theme/blob/main/CHANGELOG.md
|
68
69
|
documentation_uri: https://github.com/digitalmalayali/linkhub-jekyll-theme#readme
|
69
70
|
source_code_uri: https://github.com/digitalmalayali/linkhub-jekyll-theme
|
70
71
|
funding_uri: https://liberapay.com/zcraber
|
@@ -83,7 +84,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
83
84
|
- !ruby/object:Gem::Version
|
84
85
|
version: '0'
|
85
86
|
requirements: []
|
86
|
-
rubygems_version: 3.
|
87
|
+
rubygems_version: 3.5.10
|
87
88
|
signing_key:
|
88
89
|
specification_version: 4
|
89
90
|
summary: A minimal and super-lightweight free Jekyll theme to create a link-in-bio
|