linkhub-jekyll-theme 0.1.0 → 0.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +184 -26
- data/_config.yml +15 -14
- data/_data/bio.yml +11 -7
- data/_includes/bio.html +8 -0
- data/_includes/ga4.html +9 -0
- data/_layouts/default.html +23 -5
- data/assets/style.css +2 -2
- metadata +15 -9
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6339c7c7438b896ae1d57e44b0511ee5c4f6cf6bf3770b926a96cd752ab3af41
|
|
4
|
+
data.tar.gz: 59fb6902eae6cbadf8cf2212dd57a2dbf6d030f698fa52e97d1188596eefdeae
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: f168a1001cb71b3a18e2f7441aebe153806b7a0bc19834f48c56aa7d0bb1e2ddb210eac7729a4abbb9cc66f19c0873e73c2d980276708293ab26bd443fff2132
|
|
7
|
+
data.tar.gz: d394008fac3b99309e99729c47ca5d97b89b5a2cfaf88b039010e4acb1f7f70186af1ceb71c7770fb2de6c2bcbf56c0491d62501390da0c4f8dd9c0d943e1e8b
|
data/README.md
CHANGED
|
@@ -1,23 +1,84 @@
|
|
|
1
|
-
<
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
<h1 align="center">
|
|
2
|
+
<strong>Linkhub</strong>
|
|
3
|
+
</h1>
|
|
4
|
+
|
|
5
|
+
<p align="center">
|
|
6
|
+
<a href="https://jekyllrb.com">
|
|
7
|
+
<img src="https://img.shields.io/badge/jekyll-~%3E%204.3-grey?logo=jekyll&labelColor=%23CC0000" alt="Jekyll version">
|
|
8
|
+
</a>
|
|
9
|
+
<a href="https://rubygems.org/gems/linkhub-jekyll-theme">
|
|
10
|
+
<img src="https://img.shields.io/gem/v/linkhub-jekyll-theme?logo=ruby&logoColor=%23E9573F" alt="Gem (including prereleases)">
|
|
11
|
+
</a>
|
|
12
|
+
<a href="https://rubygems.org/gems/linkhub-jekyll-theme">
|
|
13
|
+
<img src="https://img.shields.io/gem/dt/linkhub-jekyll-theme?logo=ruby&logoColor=%23E9573F" alt="Gem">
|
|
14
|
+
</a>
|
|
15
|
+
<a href="https://liberapay.com/zcraber">
|
|
16
|
+
<img src="https://img.shields.io/badge/liberapay-donate-F6C915?logo=liberapay&logoColor=%23F6C915" alt="Gem">
|
|
17
|
+
</a>
|
|
18
|
+
</p>
|
|
19
|
+
|
|
20
|
+
<p align="center">A minimal and super-lightweight, free Jekyll theme to create a single-page, link-in-bio website like Linktree or Later.</p>
|
|
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>
|
|
31
|
+
|
|
32
|
+
## Contents
|
|
33
|
+
- [Contents](#contents)
|
|
34
|
+
- [Features](#features)
|
|
35
|
+
- [Installation](#installation)
|
|
36
|
+
- [Use GitHub Template (Fastest Way)](#use-github-template-fastest-way)
|
|
37
|
+
- [Install as GitHub Remote Theme](#install-as-github-remote-theme)
|
|
38
|
+
- [Install as Ruby Gem](#install-as-ruby-gem)
|
|
39
|
+
- [Configuration](#configuration)
|
|
40
|
+
- [Adding Site Info](#adding-site-info)
|
|
41
|
+
- [`_config.yml`](#_configyml)
|
|
42
|
+
- [Adding Icons](#adding-icons)
|
|
43
|
+
- [Adding Social Media Links](#adding-social-media-links)
|
|
44
|
+
- [`social.yml`](#socialyml)
|
|
45
|
+
- [Adding Instagram/TikTok/YouTube Link-in-bio](#adding-instagramtiktokyoutube-link-in-bio)
|
|
46
|
+
- [`bio.yml`](#bioyml)
|
|
47
|
+
- [Remove Instagram/TikTok/YouTube Link-in-bio](#remove-instagramtiktokyoutube-link-in-bio)
|
|
48
|
+
- [Adding Links](#adding-links)
|
|
49
|
+
- [`links.yml`](#linksyml)
|
|
50
|
+
- [Contributing](#contributing)
|
|
51
|
+
- [Powered by Linkhub](#powered-by-linkhub)
|
|
52
|
+
- [Development](#development)
|
|
53
|
+
- [License](#license)
|
|
10
54
|
|
|
11
55
|
## Features
|
|
12
56
|
- 😊 Based on the original [Linkhub](https://github.com/digitalmalayali/Linkhub) template!
|
|
13
|
-
- 📸 Add links to Instagram, TikTok, YouTube or any posts similar to Later's link-in-bio!
|
|
57
|
+
- 📸 Add links to Instagram, TikTok, YouTube or any posts/reels/shorts similar to Later's link-in-bio!
|
|
14
58
|
- ⚡ Uses a modified version of the lightweight CSS framework [chota](https://github.com/jenil/chota); the entire size of the site is around 160kb!
|
|
15
59
|
- 🌙 Switch between dark and light modes; automatically choose the mode based on your system preference!
|
|
16
60
|
- 😍 Icons powered by [iconify](https://github.com/iconify/iconify); find tons of free icons for almost any purpose!
|
|
17
61
|
- 🔠 Categorize links; store your links under various categories!
|
|
62
|
+
- 🔍 SEO friendly; uses all the necessary Open Graph and Twitter Card tags for metadata!
|
|
18
63
|
|
|
19
64
|
## Installation
|
|
65
|
+
There are multiple ways to install and set up Linkhub. Let's explore each of them.
|
|
66
|
+
|
|
67
|
+
### Use GitHub Template (Fastest Way)
|
|
68
|
+
If you need the quickest way to set this up or if you're a complete beginner to Jekyll, using the GitHub template is the easiest option. You can also fork the repo.
|
|
69
|
+
|
|
70
|
+
1. Visit [Linkhub](https://github.com/digitalmalayali/linkhub-jekyll-theme) theme repository.
|
|
71
|
+
2. Click the **Use this template** button.
|
|
72
|
+
3. Select **Create a new repository**.
|
|
73
|
+
4. Give it a name and click **Create repository**.
|
|
74
|
+
5. Edit the `_config.yml` and `_data` files for customization. Check the [Configuration](#configuration) guide for details.
|
|
75
|
+
6. Go to **Settings** > **Pages**. Under **Build and deployment**, select **GitHub Actions** as the source.
|
|
76
|
+
7. If you have a [custom domain](https://docs.github.com/articles/using-a-custom-domain-with-github-pages/), you can enter it. Otherwise, you can view the published website at `https://<username>.github.io/linkhub-jekyll-theme` once the building is complete!
|
|
77
|
+
|
|
78
|
+
### Install as GitHub Remote Theme
|
|
79
|
+
Go to your site's `_config.yml` and replace `theme:` with `remote_theme: digitalmalayali/linkhub-jekyll-theme`.
|
|
20
80
|
|
|
81
|
+
### Install as Ruby Gem
|
|
21
82
|
Add this line to your Jekyll site's `Gemfile`:
|
|
22
83
|
|
|
23
84
|
```ruby
|
|
@@ -38,38 +99,135 @@ Or install it yourself as:
|
|
|
38
99
|
|
|
39
100
|
$ gem install linkhub-jekyll-theme
|
|
40
101
|
|
|
41
|
-
##
|
|
42
|
-
Linkhub is super-easy to
|
|
102
|
+
## Configuration
|
|
103
|
+
Linkhub is super-easy to customize! There is only one `layout` and that is [default.html](_layouts/default.html). Also, there are no `_posts`.
|
|
43
104
|
|
|
44
|
-
### Adding
|
|
45
|
-
Edit the
|
|
105
|
+
### 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/hide the verified badge. This information will also be used for meta tags. For logo, make sure to use an image with 1:1 aspect ratio.
|
|
46
107
|
|
|
47
|
-
|
|
108
|
+
#### `_config.yml`
|
|
109
|
+
```yml
|
|
110
|
+
# Jekyll
|
|
111
|
+
theme: linkhub-jekyll-theme
|
|
112
|
+
|
|
113
|
+
# Site Configuration
|
|
114
|
+
name: Linkhub # Name of your website
|
|
115
|
+
tagline: Links # Set your preferred page title
|
|
116
|
+
description: A free, open-source Jekyll link-in-bio theme. # Also used as a meta description
|
|
117
|
+
favicon: https://picsum.photos/32/32 # Path / URL to the favicon of your website (e.g., 'assets/images/favicon.png')
|
|
118
|
+
logo: https://picsum.photos/200 # Path / URL to the logo (e.g., 'assets/images/logo.png')
|
|
119
|
+
url: https://link.example.com # URL of your website
|
|
120
|
+
locale: en_GB # The value specifies the locale in which these tags are marked up. It follows the format `language_TERRITORY`.
|
|
121
|
+
ga4: G-XXXXXXX # Google Analytics 4 measurement ID (optional). Remove it if not needed.
|
|
122
|
+
twitter:
|
|
123
|
+
username: DigiMalayali # Used for SEO
|
|
124
|
+
image:
|
|
125
|
+
path: https://picsum.photos/200 # Used for SEO
|
|
126
|
+
type: jpeg # File format of image. Change according to your image. Supported types: https://en.wikipedia.org/wiki/Media_type#Common_examples
|
|
127
|
+
height: 100 # Pixels
|
|
128
|
+
width: 100
|
|
129
|
+
alt: logo
|
|
130
|
+
|
|
131
|
+
# Verified Badge Configuration
|
|
132
|
+
badge: true # Set to 'true' or 'false' to enable / disable the badge
|
|
133
|
+
icon: ri:verified-badge-fill # Enter the icon name for the badge from Iconify Design (https://icon-sets.iconify.design/)
|
|
134
|
+
color: '#dfb221' # Define the color of the badge
|
|
135
|
+
|
|
136
|
+
# Defaults
|
|
137
|
+
defaults:
|
|
138
|
+
-
|
|
139
|
+
scope:
|
|
140
|
+
path: ""
|
|
141
|
+
values:
|
|
142
|
+
layout: "default"
|
|
143
|
+
|
|
144
|
+
# Exclude
|
|
145
|
+
exclude: [README.md, Gemfile.lock, .jekyll-cache/, .github/, CHANGELOG.md, Gemfile, LICENSE.txt, funding.yml, linkhub-jekyll-theme.gemspec]
|
|
146
|
+
```
|
|
147
|
+
|
|
148
|
+
### Adding Icons
|
|
48
149
|
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.
|
|
49
150
|
|
|
50
|
-
### Adding
|
|
51
|
-
Edit the
|
|
151
|
+
### Adding Social Media Links
|
|
152
|
+
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.
|
|
52
153
|
|
|
53
|
-
|
|
54
|
-
|
|
154
|
+
#### `social.yml`
|
|
155
|
+
```yml
|
|
156
|
+
- name: facebook
|
|
157
|
+
url: https://www.facebook.com/example
|
|
158
|
+
icon: ri:facebook-fill
|
|
159
|
+
color: '#1877F2'
|
|
55
160
|
|
|
56
|
-
|
|
57
|
-
|
|
161
|
+
- name: instagram
|
|
162
|
+
url: https://www.instagram.com/example
|
|
163
|
+
icon: ri:instagram-fill
|
|
164
|
+
color: '#E4405F'
|
|
165
|
+
```
|
|
166
|
+
|
|
167
|
+
### Adding Instagram/TikTok/YouTube Link-in-bio
|
|
168
|
+
Like Later's link-in-bio feature, you can include external links to your Instagram, TikTok, and other posts by adding the name of social media, the link and image URL/path to [bio.yml](_data/bio.yml) in the [_data](_data) folder. You can either upload thumbnails of your Instagram, TikTok and YouTube posts to an image hosting service or create an `images` folder in [assets](assets) and place them there. By default, the images will be displayed with a 1:1 aspect ratio in a 3-column grid. You can use the `ratio` variable for vertical images with a 9:16 aspect ratio. Make sure to add the link you'd like to appear first to the top.
|
|
169
|
+
|
|
170
|
+
#### `bio.yml`
|
|
171
|
+
```yml
|
|
172
|
+
- name: Instagram
|
|
173
|
+
items:
|
|
174
|
+
- url: https://www.example.com
|
|
175
|
+
image: https://picsum.photos/700/400 # You can use paths to images in the assets folder, e.g., assets/images/insta.jpg.
|
|
176
|
+
|
|
177
|
+
- name: YouTube
|
|
178
|
+
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.
|
|
179
|
+
items:
|
|
180
|
+
- url: https://www.example.com
|
|
181
|
+
image: https://picsum.photos/720/1280
|
|
182
|
+
```
|
|
183
|
+
|
|
184
|
+
### 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.
|
|
186
|
+
|
|
187
|
+
```liquid
|
|
188
|
+
{% include bio.html %}
|
|
189
|
+
```
|
|
190
|
+
|
|
191
|
+
### 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` variable is optional.
|
|
193
|
+
|
|
194
|
+
#### `links.yml`
|
|
195
|
+
|
|
196
|
+
```yml
|
|
197
|
+
- category: Blogs
|
|
198
|
+
items:
|
|
199
|
+
- title: Example
|
|
200
|
+
url: https://www.example.com
|
|
201
|
+
icon: ri:film-fill
|
|
202
|
+
tag: New
|
|
203
|
+
|
|
204
|
+
- title: Example 2
|
|
205
|
+
url: https://www.example.org
|
|
206
|
+
icon: simple-icons:googlenews
|
|
207
|
+
|
|
208
|
+
- category: Products
|
|
209
|
+
items:
|
|
210
|
+
- title: Example 3
|
|
211
|
+
url: https://www.example.com
|
|
212
|
+
icon: ri:ball-pen-fill
|
|
213
|
+
```
|
|
58
214
|
|
|
59
215
|
## Contributing
|
|
216
|
+
[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.
|
|
60
217
|
|
|
61
|
-
|
|
218
|
+
## Powered by Linkhub
|
|
219
|
+
A list of websites that uses Linkhub theme. Please feel free to add your site.
|
|
220
|
+
- [links.digitalmalayali.in](https://links.digitalmalayali.in/)
|
|
221
|
+
- [links.josephvm.in](https://links.josephvm.in/)
|
|
62
222
|
|
|
63
223
|
## Development
|
|
64
|
-
|
|
65
224
|
To set up your environment to develop this theme, run `bundle install`.
|
|
66
225
|
|
|
67
226
|
Your theme is setup 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.
|
|
68
227
|
|
|
69
|
-
When your theme is released, only the files in
|
|
228
|
+
When your theme is released, only the files in [_layouts](_layouts), [_includes](_includes), [_data](_data) and [assets](assets) tracked with Git will be bundled.
|
|
70
229
|
|
|
71
|
-
To add a custom directory to your theme-gem, please edit the regexp in
|
|
230
|
+
To add a custom directory to your theme-gem, please edit the regexp in [linkhub-jekyll-theme.gemspec](linkhub-jekyll-theme.gemspec) accordingly.
|
|
72
231
|
|
|
73
232
|
## License
|
|
74
|
-
|
|
75
233
|
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
data/_config.yml
CHANGED
|
@@ -1,16 +1,21 @@
|
|
|
1
|
+
# Jekyll
|
|
2
|
+
theme: linkhub-jekyll-theme
|
|
3
|
+
|
|
1
4
|
# Site Configuration
|
|
2
|
-
name:
|
|
3
|
-
tagline:
|
|
4
|
-
description:
|
|
5
|
-
favicon:
|
|
6
|
-
logo:
|
|
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')
|
|
7
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.
|
|
8
13
|
twitter:
|
|
9
|
-
username:
|
|
10
|
-
card: summary
|
|
14
|
+
username: DigiMalayali # Used for SEO
|
|
11
15
|
image:
|
|
12
|
-
path: https://picsum.photos/200 #Used for SEO
|
|
13
|
-
|
|
16
|
+
path: https://picsum.photos/200 # Used for SEO
|
|
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
|
|
14
19
|
width: 100
|
|
15
20
|
alt: logo
|
|
16
21
|
|
|
@@ -18,10 +23,6 @@ image:
|
|
|
18
23
|
badge: true # Set to 'true' or 'false' to enable / disable the badge
|
|
19
24
|
icon: ri:verified-badge-fill # Enter the icon name for the badge from Iconify Design (https://icon-sets.iconify.design/)
|
|
20
25
|
color: '#dfb221' # Define the color of the badge
|
|
21
|
-
|
|
22
|
-
# Plugins
|
|
23
|
-
plugins:
|
|
24
|
-
- jekyll-seo-tag
|
|
25
26
|
|
|
26
27
|
# Defaults
|
|
27
28
|
defaults:
|
|
@@ -32,4 +33,4 @@ defaults:
|
|
|
32
33
|
layout: "default"
|
|
33
34
|
|
|
34
35
|
# Exclude
|
|
35
|
-
exclude: [README.md, Gemfile.lock, .jekyll-cache/, Gemfile]
|
|
36
|
+
exclude: [README.md, Gemfile.lock, .jekyll-cache/, .github/, CHANGELOG.md, Gemfile, LICENSE.txt, funding.yml, linkhub-jekyll-theme.gemspec]
|
data/_data/bio.yml
CHANGED
|
@@ -1,18 +1,22 @@
|
|
|
1
|
-
- name:
|
|
1
|
+
- name: YouTube Shorts
|
|
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.
|
|
2
3
|
items:
|
|
3
4
|
- url: https://www.example.com
|
|
4
|
-
image: https://picsum.photos/
|
|
5
|
+
image: https://picsum.photos/1080/920
|
|
5
6
|
|
|
6
7
|
- url: https://www.example.org
|
|
7
|
-
image: https://picsum.photos/
|
|
8
|
+
image: https://picsum.photos/540/960
|
|
8
9
|
|
|
9
10
|
- url: https://www.example.com
|
|
10
|
-
image: https://picsum.photos/
|
|
11
|
+
image: https://picsum.photos/720/1280
|
|
11
12
|
|
|
12
|
-
- name:
|
|
13
|
+
- name: Instagram
|
|
13
14
|
items:
|
|
14
15
|
- url: https://www.example.com
|
|
15
|
-
image: https://picsum.photos/
|
|
16
|
+
image: https://picsum.photos/700/400 # You can use paths to images in the assets folder, e.g., assets/images/insta.jpg.
|
|
16
17
|
|
|
17
18
|
- url: https://www.example.org
|
|
18
|
-
image: https://picsum.photos/
|
|
19
|
+
image: https://picsum.photos/500
|
|
20
|
+
|
|
21
|
+
- url: https://www.example.com
|
|
22
|
+
image: https://picsum.photos/250/300
|
data/_includes/bio.html
CHANGED
|
@@ -4,11 +4,19 @@
|
|
|
4
4
|
<summary class="text-center text-error">{{ name.name }} Link-in-Bio</summary>
|
|
5
5
|
<div class="bio-gallery">
|
|
6
6
|
{% for item in name.items %}
|
|
7
|
+
{% if name.ratio %}
|
|
8
|
+
<div class="bio-item" style="aspect-ratio: 9/16;">
|
|
9
|
+
<a href="{{ item.url }}" target="_blank" aria-label="{{ name.name }} link-in-bio">
|
|
10
|
+
<img class="bio-img text-center" src="{{ item.image }}" width="100%" height="100%"
|
|
11
|
+
alt="{{ name.name }} post"></a>
|
|
12
|
+
</div>
|
|
13
|
+
{% else %}
|
|
7
14
|
<div class="bio-item">
|
|
8
15
|
<a href="{{ item.url }}" target="_blank" aria-label="{{ name.name }} link-in-bio">
|
|
9
16
|
<img class="bio-img text-center" src="{{ item.image }}" width="100%" height="100%"
|
|
10
17
|
alt="{{ name.name }} post"></a>
|
|
11
18
|
</div>
|
|
19
|
+
{% endif %}
|
|
12
20
|
{% endfor %}
|
|
13
21
|
</div>
|
|
14
22
|
</details>
|
data/_includes/ga4.html
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<!-- Google tag (gtag.js) -->
|
|
2
|
+
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.ga4 }}"></script>
|
|
3
|
+
<script>
|
|
4
|
+
window.dataLayer = window.dataLayer || [];
|
|
5
|
+
function gtag(){dataLayer.push(arguments);}
|
|
6
|
+
gtag('js', new Date());
|
|
7
|
+
|
|
8
|
+
gtag('config', '{{ site.ga4 }}');
|
|
9
|
+
</script>
|
data/_layouts/default.html
CHANGED
|
@@ -2,13 +2,31 @@
|
|
|
2
2
|
<html lang="en">
|
|
3
3
|
|
|
4
4
|
<head>
|
|
5
|
+
{% if site.ga4 %}
|
|
6
|
+
{% include ga4.html %}
|
|
7
|
+
{% endif %}
|
|
5
8
|
<meta charset="UTF-8">
|
|
6
9
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
10
|
<title>{{ site.tagline }} - {{ site.name }}</title>
|
|
8
11
|
<link rel="shortcut icon" href="{{ site.favicon }}" type="image/x-icon">
|
|
9
12
|
<link rel="stylesheet" href="assets/style.css">
|
|
10
13
|
<script src="https://code.iconify.design/2/2.0.0/iconify.min.js"></script>
|
|
11
|
-
{
|
|
14
|
+
<meta name="description" content="{{ site.description }}">
|
|
15
|
+
<meta property="og:title" content="{{ site.name }}"/>
|
|
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 }}"/>
|
|
22
|
+
<meta property="og:image:width" content="{{ site.image.width }}">
|
|
23
|
+
<meta property="og:image:height" content="{{ site.image.height }}">
|
|
24
|
+
<meta property="og:image:alt" content="{{ site.image.alt }}">
|
|
25
|
+
<meta name="twitter:card" content="summary" />
|
|
26
|
+
<meta name="twitter:site" content="@{{ site.twitter.username }}" />
|
|
27
|
+
<meta name="twitter:title" content="{{ site.name }}" />
|
|
28
|
+
<meta name="twitter:description" content="{{ site.description }}" />
|
|
29
|
+
<meta name="twitter:image" content="{{ site.image.path }}" />
|
|
12
30
|
</head>
|
|
13
31
|
|
|
14
32
|
<body>
|
|
@@ -23,10 +41,10 @@
|
|
|
23
41
|
</header>
|
|
24
42
|
|
|
25
43
|
<!-- Dark / Light Mode Switch -->
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
44
|
+
<a class="bd-primary is-rounded is-center" href="#" id="theme-switch" onclick="switchMode(this); return false;"
|
|
45
|
+
aria-label="Switch Theme" role="button">☀️</a>
|
|
46
|
+
<!-- Social Media Links -->
|
|
47
|
+
{% include social.html %}
|
|
30
48
|
|
|
31
49
|
<!-- Insta/TikTok/YouTube Link-in-bio -->
|
|
32
50
|
{% include bio.html %}
|
data/assets/style.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
:root{--bg-color:#fff;--bg-secondary-color:#f3f3f6;--color-primary:#168D54;--color-lightGrey:#d2d6dd;--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}
|
|
2
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
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:
|
|
5
|
-
section,summary{margin:.
|
|
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}}
|
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.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Digital Malayali
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2023-10-
|
|
11
|
+
date: 2023-10-11 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -25,19 +25,19 @@ dependencies:
|
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
26
|
version: '4.3'
|
|
27
27
|
- !ruby/object:Gem::Dependency
|
|
28
|
-
name:
|
|
28
|
+
name: bundler
|
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
|
30
30
|
requirements:
|
|
31
31
|
- - "~>"
|
|
32
32
|
- !ruby/object:Gem::Version
|
|
33
|
-
version: 2.
|
|
34
|
-
type: :
|
|
33
|
+
version: '2.4'
|
|
34
|
+
type: :development
|
|
35
35
|
prerelease: false
|
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
37
37
|
requirements:
|
|
38
38
|
- - "~>"
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
|
-
version: 2.
|
|
40
|
+
version: '2.4'
|
|
41
41
|
description:
|
|
42
42
|
email:
|
|
43
43
|
- social@digitalmalayali.in
|
|
@@ -53,15 +53,21 @@ files:
|
|
|
53
53
|
- _data/social.yml
|
|
54
54
|
- _includes/bio.html
|
|
55
55
|
- _includes/footer.html
|
|
56
|
+
- _includes/ga4.html
|
|
56
57
|
- _includes/links.html
|
|
57
58
|
- _includes/social.html
|
|
58
59
|
- _layouts/default.html
|
|
59
60
|
- assets/script.js
|
|
60
61
|
- assets/style.css
|
|
61
|
-
homepage: https://github.
|
|
62
|
+
homepage: https://digitalmalayali.github.io/linkhub-jekyll-theme
|
|
62
63
|
licenses:
|
|
63
64
|
- MIT
|
|
64
|
-
metadata:
|
|
65
|
+
metadata:
|
|
66
|
+
bug_tracker_uri: https://github.com/digitalmalayali/linkhub-jekyll-theme/issues
|
|
67
|
+
changelog_uri: https://github.com/digitalmalayali/linkhub-jekyll-theme/CHANGELOG.md
|
|
68
|
+
documentation_uri: https://github.com/digitalmalayali/linkhub-jekyll-theme#readme
|
|
69
|
+
source_code_uri: https://github.com/digitalmalayali/linkhub-jekyll-theme
|
|
70
|
+
funding_uri: https://liberapay.com/zcraber
|
|
65
71
|
post_install_message:
|
|
66
72
|
rdoc_options: []
|
|
67
73
|
require_paths:
|
|
@@ -77,7 +83,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
77
83
|
- !ruby/object:Gem::Version
|
|
78
84
|
version: '0'
|
|
79
85
|
requirements: []
|
|
80
|
-
rubygems_version: 3.4.
|
|
86
|
+
rubygems_version: 3.4.20
|
|
81
87
|
signing_key:
|
|
82
88
|
specification_version: 4
|
|
83
89
|
summary: A minimal and super-lightweight free Jekyll theme to create a link-in-bio
|