insights4you-jekyll-theme 0.1.1 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +38 -5
- data/_data/i4y-errors.json +32 -0
- data/_data/i4y-icons.json +1 -0
- data/_data/i4y-illustrations.json +20 -0
- data/_data/i4y-social-media.yml +26 -0
- data/_data/notifications.yml +10 -0
- data/_includes/card/profile.html +42 -0
- data/_includes/footer.html +48 -48
- data/_includes/head.html +59 -0
- data/_includes/header-logo.html +91 -0
- data/_includes/header-navbar.html +59 -0
- data/_includes/header-svg.html +275 -0
- data/_includes/ui/button.html +30 -0
- data/_includes/ui/empty.html +23 -0
- data/_includes/ui/icon.html +33 -0
- data/_includes/ui/illustration.html +20 -0
- data/_layouts/default.html +19 -0
- data/_layouts/error.html +12 -0
- data/_layouts/home.html +19 -0
- data/_layouts/post.html +19 -0
- data/assets/css/theme.min.css +120 -2
- data/assets/images/android-chrome-192x192.png +0 -0
- data/assets/images/android-chrome-512x512.png +0 -0
- data/assets/images/apple-touch-icon.png +0 -0
- data/assets/images/favicon-16x16.png +0 -0
- data/assets/images/favicon-32x32.png +0 -0
- data/assets/images/favicon.ico +0 -0
- data/assets/images/i4y-logo.jpg +0 -0
- data/assets/images/preview-dark.png +0 -0
- data/assets/images/site.webmanifest +1 -0
- data/assets/js/theme.js +186 -23
- metadata +99 -20
- data/_includes/header.html +0 -405
- data/_includes/sidebar.html +0 -24
- data/_layouts/base.html +0 -54
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# Get Icons from : https://tabler.io/icons
|
|
2
|
+
# Get Colors from : https://brandcolors.net/
|
|
3
|
+
|
|
4
|
+
behance:
|
|
5
|
+
url : https://www.behance.net/
|
|
6
|
+
icon : brand-behance
|
|
7
|
+
|
|
8
|
+
dribbble:
|
|
9
|
+
url : https://dribbble.com/
|
|
10
|
+
icon : brand-dribbble
|
|
11
|
+
|
|
12
|
+
email:
|
|
13
|
+
url : "mailto:"
|
|
14
|
+
icon : mail
|
|
15
|
+
|
|
16
|
+
github:
|
|
17
|
+
url : https://www.github.com/
|
|
18
|
+
icon : brand-github
|
|
19
|
+
|
|
20
|
+
github-sponsor:
|
|
21
|
+
url : https://github.com/sponsors/
|
|
22
|
+
icon : receipt-dollar
|
|
23
|
+
|
|
24
|
+
linkedin:
|
|
25
|
+
url : https://www.linkedin.com/in/
|
|
26
|
+
icon : brand-linkedin
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
- title: "Theme Update to 0.2.2"
|
|
2
|
+
description: "Layout adjustments and new functionalities"
|
|
3
|
+
link: "https://github.com/marciopaiva/insights4you-jekyll-theme/commits/main/"
|
|
4
|
+
color: "blue"
|
|
5
|
+
date: "2025-03-25"
|
|
6
|
+
- title: "Theme Update to 0.2.0"
|
|
7
|
+
description: "first functional version of the theme"
|
|
8
|
+
link: "https://github.com/marciopaiva/insights4you-jekyll-theme/commits/main/"
|
|
9
|
+
color: "blue"
|
|
10
|
+
date: "2025-03-23"
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
|
|
2
|
+
<div class="card h-100">
|
|
3
|
+
<div class="card-stamp">
|
|
4
|
+
<div class="card-stamp-icon bg-primary">
|
|
5
|
+
{% include ui/icon.html icon="user-circle" %}
|
|
6
|
+
</div>
|
|
7
|
+
</div>
|
|
8
|
+
<div class="card-body p-3 text-center">
|
|
9
|
+
<div class="rounded-circle shadow-inset p-1">
|
|
10
|
+
<img
|
|
11
|
+
alt="Profile Picture"
|
|
12
|
+
loading="lazy"
|
|
13
|
+
width="150"
|
|
14
|
+
height="150"
|
|
15
|
+
decoding="async"
|
|
16
|
+
data-nimg="1"
|
|
17
|
+
class="rounded-circle shadow-inset"
|
|
18
|
+
style="color: transparent"
|
|
19
|
+
src="{{ site.author.image }}"
|
|
20
|
+
onerror="this.src='/assets/images/i4y-logo.jpg';"
|
|
21
|
+
/>
|
|
22
|
+
</div>
|
|
23
|
+
<h3 class="m-2 text-primary">{{ site.author.name }}</h3>
|
|
24
|
+
<div class="m-2 text-secondary">{{ site.author.bio }}</div>
|
|
25
|
+
</div>
|
|
26
|
+
<div class="card-footer text-center">
|
|
27
|
+
{% for configs in site.author %}
|
|
28
|
+
|
|
29
|
+
{%- assign service_name = configs[0] -%}
|
|
30
|
+
{%- assign service_data = site.data.i4y-social-media[service_name] -%}
|
|
31
|
+
{%- if service_data -%}
|
|
32
|
+
|
|
33
|
+
<div class="avatar avatar-lg bg-primary-lt m-1" aria-hidden="false">
|
|
34
|
+
<a href="{{ service_data.url }}{{ configs[1] }}" target="_blank" class="link-primary" rel="noopener noreferrer" >
|
|
35
|
+
{% include ui/icon.html icon=service_data.icon %}
|
|
36
|
+
</a>
|
|
37
|
+
</div>
|
|
38
|
+
|
|
39
|
+
{%- endif -%}
|
|
40
|
+
{% endfor %}
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
data/_includes/footer.html
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
1
|
+
<!-- BEGIN FOOTER -->
|
|
2
|
+
<footer class="footer footer-transparent d-print-none">
|
|
3
|
+
<div class="container-xl">
|
|
4
|
+
<div class="row text-center align-items-center flex-row-reverse">
|
|
5
|
+
<div class="col-lg-auto ms-lg-auto">
|
|
6
|
+
<ul class="list-inline list-inline-dots mb-0">
|
|
7
|
+
<li class="list-inline-item">
|
|
8
|
+
<a href="https://github.com/marciopaiva/insights4you-jekyll-theme/wiki" target="_blank" class="link-primary" rel="noopener">
|
|
9
|
+
{% include ui/icon.html icon="file-type-doc" %}
|
|
10
|
+
Documentation
|
|
11
|
+
</a>
|
|
12
|
+
</li>
|
|
13
|
+
<li class="list-inline-item">
|
|
14
|
+
<a href="https://github.com/marciopaiva/insights4you-jekyll-theme?tab=MIT-1-ov-file" class="link-primary">
|
|
15
|
+
{% include ui/icon.html icon="license" %}
|
|
16
|
+
License
|
|
17
|
+
</a>
|
|
18
|
+
</li>
|
|
19
|
+
<li class="list-inline-item">
|
|
20
|
+
<a href="https://github.com/marciopaiva/insights4you-jekyll-theme" target="_blank" class="link-primary" rel="noopener">
|
|
21
|
+
{% include ui/icon.html icon="brand-github" %}
|
|
22
|
+
Source code
|
|
23
|
+
</a>
|
|
24
|
+
</li>
|
|
25
|
+
<li class="list-inline-item">
|
|
26
|
+
<a href="https://github.com/sponsors/marciopaiva" target="_blank" class="link-primary" rel="noopener">
|
|
27
|
+
{% include ui/icon.html icon="heart" %}
|
|
28
|
+
Sponsor
|
|
29
|
+
</a>
|
|
30
|
+
</li>
|
|
31
|
+
</ul>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
|
34
|
+
<ul class="list-inline list-inline-dots mb-0">
|
|
35
|
+
<li class="list-inline-item">
|
|
36
|
+
<span class="text-primary">
|
|
37
|
+
{% include ui/icon.html icon="code" %}
|
|
38
|
+
with
|
|
39
|
+
{% include ui/icon.html icon="hearts" %}
|
|
40
|
+
by Marcio Paiva Barbosa
|
|
41
|
+
</span>
|
|
42
|
+
</li>
|
|
43
|
+
</ul>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</footer>
|
|
48
|
+
<!-- END FOOTER -->
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<!-- Dynamic Variables -->
|
|
3
|
+
{% assign title = page.title | default: site.title | escape %}
|
|
4
|
+
{% assign description = page.description | default: site.description | strip_html | strip_newlines | truncate: 160 %}
|
|
5
|
+
{% assign image = page.image | default: site.author.image | default: "/assets/images/default-image.jpg" %}
|
|
6
|
+
|
|
7
|
+
{% if page.name and page.collection == 'projects' %}
|
|
8
|
+
{% assign title = page.name | escape %}
|
|
9
|
+
{% endif %}
|
|
10
|
+
|
|
11
|
+
<!-- Basic Meta Tags -->
|
|
12
|
+
<meta charset="utf-8">
|
|
13
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
14
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
15
|
+
<meta name="theme-color" content="#ffffff">
|
|
16
|
+
<meta name="robots" content="index, follow">
|
|
17
|
+
<meta name="color-scheme" content="light dark">
|
|
18
|
+
|
|
19
|
+
<!-- Open Graph Meta Tags -->
|
|
20
|
+
<meta property="og:type" content="website">
|
|
21
|
+
<meta property="og:title" content="{{ title }}">
|
|
22
|
+
<meta property="og:description" content="{{ description }}">
|
|
23
|
+
<meta property="og:image" content="{{ image }}">
|
|
24
|
+
<meta property="og:url" content="{{ page.url | absolute_url }}">
|
|
25
|
+
|
|
26
|
+
<!-- Twitter Meta Tags -->
|
|
27
|
+
<meta name="twitter:card" content="summary_large_image">
|
|
28
|
+
<meta name="twitter:title" content="{{ title }}">
|
|
29
|
+
<meta name="twitter:description" content="{{ description }}">
|
|
30
|
+
<meta name="twitter:image" content="{{ image }}">
|
|
31
|
+
|
|
32
|
+
<!-- Canonical URL -->
|
|
33
|
+
<link rel="canonical" href="{{ page.url | absolute_url }}">
|
|
34
|
+
|
|
35
|
+
<!-- Favicon -->
|
|
36
|
+
<link rel="shortcut icon" type="image/x-icon" href="{{ '/assets/images/favicon.ico' | relative_url }}">
|
|
37
|
+
<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/images/apple-touch-icon.png' | relative_url }}">
|
|
38
|
+
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/images/favicon-32x32.png' | relative_url }}">
|
|
39
|
+
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/images/favicon-16x16.png' | relative_url }}">
|
|
40
|
+
<link rel="manifest" href="{{ '/assets/images/site.webmanifest' | relative_url }}">
|
|
41
|
+
|
|
42
|
+
<!-- Preload External Resources -->
|
|
43
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@1.1.1/dist/css/tabler.min.css" />
|
|
44
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@1.1.1/dist/css/tabler-flags.min.css" />
|
|
45
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@1.1.1/dist/css/tabler-payments.min.css" />
|
|
46
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@1.1.1/dist/css/tabler-vendors.min.css" />
|
|
47
|
+
{% if site.useIconfont %}
|
|
48
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.31.0/dist/tabler-icons.min.css" />
|
|
49
|
+
{% endif %}
|
|
50
|
+
|
|
51
|
+
<!-- Stylesheets -->
|
|
52
|
+
<link rel="stylesheet" href="{{ '/assets/css/theme.min.css' | relative_url }}">
|
|
53
|
+
|
|
54
|
+
<!-- Title and Description -->
|
|
55
|
+
<title>{{ title }} | {{ site.title }}</title>
|
|
56
|
+
<meta name="description" content="{{ description }}">
|
|
57
|
+
|
|
58
|
+
{% seo %}
|
|
59
|
+
</head>
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<!-- BEGIN NAVBAR -->
|
|
4
|
+
<header class="navbar navbar-expand-md d-print-none">
|
|
5
|
+
<div class="container-xl">
|
|
6
|
+
<!-- BEGIN NAVBAR TOGGLER -->
|
|
7
|
+
<button
|
|
8
|
+
class="navbar-toggler"
|
|
9
|
+
type="button"
|
|
10
|
+
data-bs-toggle="collapse"
|
|
11
|
+
data-bs-target="#navbar-menu"
|
|
12
|
+
aria-controls="navbar-menu"
|
|
13
|
+
aria-expanded="false"
|
|
14
|
+
aria-label="Toggle navigation"
|
|
15
|
+
title="Toggle Menu"
|
|
16
|
+
>
|
|
17
|
+
<span class="navbar-toggler-icon"></span>
|
|
18
|
+
</button>
|
|
19
|
+
<!-- END NAVBAR TOGGLER -->
|
|
20
|
+
|
|
21
|
+
<!-- BEGIN NAVBAR LOGO (SVG fallback) -->
|
|
22
|
+
<div class="navbar-nav flex-row{% if include.class %} {{ include.class }}{% endif %}">
|
|
23
|
+
|
|
24
|
+
<a href="{{ '/' | relative_url }}">
|
|
25
|
+
{% include header-svg.html %}
|
|
26
|
+
</a>
|
|
27
|
+
<div class="card-header">
|
|
28
|
+
<div class="font-weight-medium">{{ site.title }}</div>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
<!-- END NAVBAR LOGO -->
|
|
34
|
+
|
|
35
|
+
<!-- BEGIN NAVBAR ICONS -->
|
|
36
|
+
<div class="navbar-nav flex-row{% if include.class %} {{ include.class }}{% endif %}">
|
|
37
|
+
<div class="nav-item d-none d-md-flex me-3">
|
|
38
|
+
<div class="btn-list">
|
|
39
|
+
{% include ui/button.html icon="brand-github" outline=true text="Source code" href="https://github.com/marciopaiva/insights4you-jekyll-theme" external=true %}
|
|
40
|
+
{% include ui/button.html icon="heart" icon-color="pink" outline=true text="Sponsor" href="https://github.com/sponsors/marciopaiva" external=true %}
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
|
|
44
|
+
<!-- Toggle Theme -->
|
|
45
|
+
<div class="nav-item d-none d-md-flex">
|
|
46
|
+
<button
|
|
47
|
+
class="nav-link px-0 hide-theme-dark"
|
|
48
|
+
title="Dark Mode"
|
|
49
|
+
onclick="toggleTheme('dark')"
|
|
50
|
+
aria-label="Dark Mode"
|
|
51
|
+
aria-pressed="false"
|
|
52
|
+
>
|
|
53
|
+
{% include ui/icon.html icon="moon" %}
|
|
54
|
+
</button>
|
|
55
|
+
<button
|
|
56
|
+
class="nav-link px-0 hide-theme-light"
|
|
57
|
+
title="Light Mode"
|
|
58
|
+
onclick="toggleTheme('light')"
|
|
59
|
+
aria-label="Light Mode"
|
|
60
|
+
aria-pressed="false"
|
|
61
|
+
>
|
|
62
|
+
{% include ui/icon.html icon="sun" %}
|
|
63
|
+
</button>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<!-- Show Notifications -->
|
|
67
|
+
<div class="nav-item dropdown d-none d-md-flex me-3">
|
|
68
|
+
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" aria-label="Show Notifications" >
|
|
69
|
+
<svg class="icon icon-1 icon-tada" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none">
|
|
70
|
+
<path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" />
|
|
71
|
+
<path d="M9 17v1a3 3 0 0 0 6 0v-1" />
|
|
72
|
+
</svg>
|
|
73
|
+
<span id="notification-badge" class="badge bg-red-lt"></span>
|
|
74
|
+
</a>
|
|
75
|
+
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
|
|
76
|
+
<div class="card">
|
|
77
|
+
<div class="card-header">
|
|
78
|
+
<h3 class="card-title">Last Updates</h3>
|
|
79
|
+
</div>
|
|
80
|
+
<div id="notifications-list" class="list-group list-group-flush"></div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</header>
|
|
87
|
+
<script type="text/javascript">
|
|
88
|
+
window.siteData = {
|
|
89
|
+
notifications: {{ site.data.notifications | jsonify }}
|
|
90
|
+
};
|
|
91
|
+
</script>
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<!-- BEGIN NAVBAR -->
|
|
4
|
+
<header class="navbar-expand-md">
|
|
5
|
+
<div class="collapse navbar-collapse" id="navbar-menu">
|
|
6
|
+
<div class="navbar">
|
|
7
|
+
<div class="container-xl">
|
|
8
|
+
<div class="row flex-fill align-items-center">
|
|
9
|
+
<div class="col">
|
|
10
|
+
<!-- BEGIN NAVBAR MENU -->
|
|
11
|
+
<ul class="navbar-nav page-center">
|
|
12
|
+
{%- assign html_pages = site.html_pages | sort: 'weight' -%}
|
|
13
|
+
{%- assign filtered_pages = "" | split: "" -%}
|
|
14
|
+
{%- for html_page in html_pages -%}
|
|
15
|
+
{%- assign exclude = false -%}
|
|
16
|
+
{%- for exclude_path in site.nav_exclude -%}
|
|
17
|
+
{%- if exclude_path == html_page.path -%}
|
|
18
|
+
{%- assign exclude = true -%}
|
|
19
|
+
{%- break -%}
|
|
20
|
+
{%- elsif exclude_path contains '**' -%}
|
|
21
|
+
{%- assign match = exclude_path | remove: '**' -%}
|
|
22
|
+
{%- if html_page.path contains match -%}
|
|
23
|
+
{%- assign exclude = true -%}
|
|
24
|
+
{%- break -%}
|
|
25
|
+
{%- endif -%}
|
|
26
|
+
{%- endif -%}
|
|
27
|
+
{%- endfor -%}
|
|
28
|
+
{%- unless exclude -%}
|
|
29
|
+
{%- assign filtered_pages = filtered_pages | push: html_page -%}
|
|
30
|
+
{%- endunless -%}
|
|
31
|
+
{%- endfor -%}
|
|
32
|
+
|
|
33
|
+
{% for html_page in filtered_pages %}
|
|
34
|
+
{%- if page.url == html_page.url -%}
|
|
35
|
+
{%- assign active_status = "active" -%}
|
|
36
|
+
{%- else -%}
|
|
37
|
+
{%- assign active_status = "" -%}
|
|
38
|
+
{%- endif -%}
|
|
39
|
+
{%- if html_page.external_url -%}
|
|
40
|
+
{%- assign url = html_page.external_url -%}
|
|
41
|
+
{%- else -%}
|
|
42
|
+
{%- assign url = html_page.url | relative_url -%}
|
|
43
|
+
{%- endif -%}
|
|
44
|
+
<li class="nav-item d-none-navbar-vertical {{ active_status }}">
|
|
45
|
+
<a href="{{ url }}" class="nav-link" {%- if html_page.external_url and site.open_new_tab -%} target="_blank" {%- endif -%}>
|
|
46
|
+
<span class="nav-link-icon">{% include ui/icon.html icon=html_page.icon %}</span>
|
|
47
|
+
<span class="nav-link-title"> {{ html_page.title }} </span>
|
|
48
|
+
</a>
|
|
49
|
+
</li>
|
|
50
|
+
{% endfor %}
|
|
51
|
+
</ul>
|
|
52
|
+
<!-- END NAVBAR MENU -->
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
</header>
|
|
59
|
+
<!-- END NAVBAR -->
|