linkhub-jekyll-theme 0.1.3 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +69 -62
- data/_config.yml +36 -35
- data/_data/links.yml +2 -2
- data/_includes/footer.html +1 -1
- data/_includes/links.html +3 -2
- data/_includes/social.html +1 -1
- data/_includes/theme-switch.html +1 -0
- data/_layouts/default.html +12 -12
- data/assets/style.css +1 -5
- metadata +4 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 552d2d5e20366843534cbe6ea02c1effb6f141357705cba283713fc61546f55b
|
4
|
+
data.tar.gz: 6af3c2ff7416e0bac2ab316d991896f1d7f297555f18298e371a3137fd719f3e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 9d76f84cbaa17d8c88ba1e327dbcfd03095b403458d74ba7f475eff4f28e8fa53445f1c2905b8e11661894987cd6ee0ecfaf244cc916f590380bbc51379aa7b1
|
7
|
+
data.tar.gz: 52336c7a34ee6435e301ac7e350a092d89812470e6be89d026fa93e8a774fe9c25e270e2c01812da343ef11926a45aade45b030c181128a9e459dde200e817d1
|
data/README.md
CHANGED
@@ -1,61 +1,54 @@
|
|
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!
|
57
50
|
- 📸 Add links to Instagram, TikTok, YouTube or any posts/reels/shorts similar to Later's link-in-bio!
|
58
|
-
- ⚡ Uses a modified version of the lightweight CSS framework [chota](https://github.com/jenil/chota); the entire size of the site is around
|
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)!
|
59
52
|
- 🌙 Switch between dark and light modes; automatically choose the mode based on your system preference!
|
60
53
|
- 😍 Icons powered by [iconify](https://github.com/iconify/iconify); find tons of free icons for almost any purpose!
|
61
54
|
- 🔠 Categorize links; store your links under various categories!
|
@@ -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
|
|
@@ -184,7 +180,7 @@ Like Later's link-in-bio feature, you can include external links to your Instagr
|
|
184
180
|
```
|
185
181
|
|
186
182
|
### Remove Instagram/TikTok/YouTube Link-in-bio
|
187
|
-
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:
|
188
184
|
|
189
185
|
```liquid
|
190
186
|
{% include bio.html %}
|
@@ -205,26 +201,37 @@ Edit the [links.yml](_data/links.yml) file in the [_data](_data) folder to add l
|
|
205
201
|
|
206
202
|
- title: Example 2
|
207
203
|
url: https://www.example.org
|
208
|
-
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
|
209
206
|
|
210
207
|
- category: Products
|
211
208
|
items:
|
212
209
|
- title: Example 3
|
213
210
|
url: https://www.example.com
|
214
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.
|
215
222
|
|
216
223
|
## Contributing
|
217
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.
|
218
225
|
|
219
226
|
## Powered by Linkhub
|
220
|
-
A list of websites that
|
227
|
+
A list of websites that use the Linkhub theme. Please feel free to add your site.
|
221
228
|
- [links.digitalmalayali.in](https://links.digitalmalayali.in/)
|
222
229
|
- [links.josephvm.in](https://links.josephvm.in/)
|
223
230
|
|
224
231
|
## Development
|
225
232
|
To set up your environment to develop this theme, run `bundle install`.
|
226
233
|
|
227
|
-
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.
|
228
235
|
|
229
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.
|
230
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,12 +2,12 @@
|
|
2
2
|
items:
|
3
3
|
- title: Example
|
4
4
|
url: https://www.example.com
|
5
|
-
icon: ri:film-fill # Icons are optional
|
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:
|
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">{% if item.icon %}<span
|
12
|
-
data-icon="{{ item.icon }}"></span>{% 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 }}
|
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
@@ -2,7 +2,7 @@
|
|
2
2
|
<div class="nav-center">
|
3
3
|
{% for social in site.data.social %}
|
4
4
|
<a class="brand" href="{{ social.url }}" target="_blank" aria-label="{{ social.name }}" {% if
|
5
|
-
social.name=="mastodon" %}rel="me" {% endif %}>
|
5
|
+
social.name == "mastodon" %}rel="me" {% endif %}>
|
6
6
|
<span class="iconify-inline" data-icon="{{ social.icon }}" style="color: {{ social.color }}"></span>
|
7
7
|
</a>
|
8
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.url }}/{{ site.image.path }}" />
|
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.url }}/{{ site.image.path }}" />
|
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.5
|
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
|
@@ -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
|