jekyll-theme-profile 1.3.1 → 1.4.0

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.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +55 -13
  3. data/_config.yml +21 -8
  4. data/_includes/breadcrumbs.html +1 -1
  5. data/_includes/footer.html +12 -1
  6. data/_includes/head.html +51 -0
  7. data/_includes/header-appbar.html +49 -0
  8. data/_includes/header-sidebar.html +66 -0
  9. data/_includes/header-stacked.html +41 -0
  10. data/_includes/header-topbar.html +43 -0
  11. data/_includes/link-card.html +17 -7
  12. data/_includes/links.html +6 -4
  13. data/_includes/masthead.html +8 -37
  14. data/_includes/mini-repo-info-card.html +1 -1
  15. data/_includes/nav-overlay.html +38 -0
  16. data/_includes/nav.html +1 -1
  17. data/_includes/navbar-underline.html +11 -0
  18. data/_includes/post-card.html +20 -11
  19. data/_includes/post-feature-card.html +22 -0
  20. data/_includes/post-timeline-card.html +49 -0
  21. data/_includes/post-timeline.html +10 -0
  22. data/_includes/posts.html +4 -1
  23. data/_includes/social.html +3 -4
  24. data/_includes/toggle.html +2 -2
  25. data/_includes/user-metadata.html +30 -0
  26. data/_layouts/default.html +18 -127
  27. data/_layouts/home.html +2 -7
  28. data/_layouts/linktree.html +16 -0
  29. data/_layouts/page.html +2 -2
  30. data/_layouts/paginate.html +7 -12
  31. data/_layouts/post.html +97 -21
  32. data/_layouts/profile.html +36 -0
  33. data/_sass/_main.scss +146 -12
  34. data/assets/css/theme.scss +3 -5
  35. data/assets/img/default.png +0 -0
  36. data/assets/js/anchor-links.js +47 -0
  37. data/assets/js/theme-toggle.js +81 -0
  38. data/assets/js/timeline.js +29 -0
  39. metadata +47 -3
  40. data/_includes/header.html +0 -160
data/_includes/header.html DELETED
@@ -1,160 +0,0 @@
1
- {%- assign user = site.github.owner %}
2
-
3
- {% capture last_char %}{{ page.url | slice: -1 }}{% endcapture %}
4
- {%- if last_char == '/' %}
5
- {%- capture page_url %}{{ page.url | append: "index.html" }}{% endcapture %}
6
- {%- else %}
7
- {%- assign page_url = page.url %}
8
- {%- endif %}
9
-
10
- {%- assign page_title = page.title | default: site.title | default: user.name | default: user.login %}
11
- {%- if page.path contains '_posts' %}
12
- {%- assign post_description = page.content | strip_html | strip_newlines | xml_escape | truncate: 300 %}
13
- {%- endif %}
14
- {%- assign user_bio = user.bio | strip_html | strip_newlines | xml_escape | truncate: 300 %}
15
- {%- assign meta_description = page.description | default: post_description | default: site_description | default: user_bio %}
16
- {%- assign social_image = page.social_image | default: site.social_image | default: user.avatar_url %}
17
- {%- assign bg_image = page.background_image | default: site.background.image | default: null %}
18
-
19
- <head>
20
- <meta charset="utf-8">
21
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
22
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
23
- <!-- HTML Meta Tags -->
24
- <title>{{ page_title }}</title>
25
- <meta name="description" content="{{ meta_description }}">
26
-
27
- <!-- Opengraph Meta Tags -->
28
- <meta property="og:url" content="{{ page_url | absolute_url }}">
29
- <meta property="og:type" content="website">
30
- <meta property="og:title" content="{{ page_title }}">
31
- <meta property="og:description" content="{{ meta_description }}">
32
- <meta property="og:image" content="{{ social_image | absolute_url }}">
33
-
34
- <!-- Twitter Meta Tags -->
35
- <meta name="twitter:card" content="summary_large_image">
36
- <meta property="twitter:domain"
37
- content="{{ site.url | replace: 'http://', '' | replace: 'https://', '' | replace: 'www.', '' }}">
38
- <meta property="twitter:url" content="{{ page_url | absolute_url }}">
39
- <meta name="twitter:title" content="{{ page_title }}">
40
- <meta name="twitter:description" content="{{ meta_description }}">
41
- <meta name="twitter:image" content="{{ social_image | absolute_url }}">
42
- {%- if site.social_media.twitter %}
43
- <meta name="twitter:site" content="@{{ site.social_media.twitter }}">
44
- {%- endif %}
45
-
46
- <link href="{{ '/assets/css/theme.css' | relative_url }}" rel="stylesheet" type="text/css">
47
- <link href="{{ '/assets/css/style.css' | relative_url }}" rel="stylesheet" type="text/css">
48
- <link rel="icon" type="image/x-icon" href="{{ '/assets/img/favicon.ico' | relative_url}}">
49
- <link rel="canonical" href="{{ page.url | absolute_url }}">
50
-
51
-
52
- {%- if site.analytics.provider == 'google' %}
53
- <!-- Google tag (gtag.js) -->
54
- <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.property }}"></script>
55
- <script>
56
- window.dataLayer = window.dataLayer || [];
57
- function gtag() { dataLayer.push(arguments); }
58
- gtag('js', new Date());
59
-
60
- gtag('config', '{{ site.analytics.property }}');
61
- </script>
62
- {%- endif %}
63
-
64
- <script>
65
- document.addEventListener('DOMContentLoaded', function () {
66
- var themeToggle = document.getElementById('theme-toggle');
67
- var themeIcon = document.getElementById('theme-icon');
68
- var htmlElement = document.getElementsByTagName('html')[0];
69
-
70
- function getCurrentMode() {
71
- return htmlElement.getAttribute('data-color-mode');
72
- }
73
-
74
- function getModeFromCookie() {
75
- var cookieValue = getCookie('colorMode');
76
- if (cookieValue !== null && (cookieValue === 'auto' || cookieValue === 'dark' || cookieValue === 'light')) {
77
- return cookieValue;
78
- } else {
79
- // Default to 'auto' mode if the cookie is not set or has an invalid value
80
- return 'auto';
81
- }
82
- }
83
-
84
- function setCookie(name, value, days) {
85
- var expires = "";
86
- if (days) {
87
- var date = new Date();
88
- date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
89
- expires = "; expires=" + date.toUTCString();
90
- }
91
- document.cookie = name + "=" + (value || "") + expires + "; path=/";
92
- }
93
-
94
- function getCookie(name) {
95
- var nameEQ = name + "=";
96
- var ca = document.cookie.split(';');
97
- for (var i = 0; i < ca.length; i++) {
98
- var c = ca[i];
99
- while (c.charAt(0) === ' ') c = c.substring(1, c.length);
100
- if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
101
- }
102
- return null;
103
- }
104
-
105
- function getNextMode() {
106
- var currentMode = getCurrentMode();
107
- var nextMode;
108
- if (currentMode === 'auto') {
109
- nextMode = 'dark';
110
- } else if (currentMode === 'dark') {
111
- nextMode = 'light'
112
- } else {
113
- nextMode = 'auto'
114
- }
115
- return nextMode;
116
- }
117
-
118
- function updateTheme(nextMode) {
119
- htmlElement.setAttribute('data-color-mode', nextMode);
120
- updateThemeIcon(nextMode);
121
- setCookie('colorMode', nextMode, 365); // Save the preference for 365 days
122
- }
123
-
124
- function updateThemeIcon(nextMode) {
125
- if (nextMode === 'dark') {
126
- nextIcon = 'moon';
127
- } else if (nextMode === 'light') {
128
- nextIcon = 'sun'
129
- } else {
130
- nextIcon = 'zap';
131
- }
132
- // Set the span to the themeIcon class
133
- themeIcon.classList = "octicon octicon-" + nextIcon + "-24";
134
- themeToggle.setAttribute("aria-label", "Color mode: " + nextMode);
135
- }
136
-
137
- themeToggle.addEventListener('click', function () {
138
- updateTheme(getNextMode());
139
- // updateThemeIcon(getNextMode());
140
- });
141
-
142
- // Initialize the theme icon based on the initial state
143
- // updateThemeIcon(getModeFromCookie());
144
- updateTheme(getModeFromCookie());
145
- });
146
- </script>
147
-
148
- {%- if bg_image %}
149
- <style>
150
- body {
151
- position: relative;
152
- background-image: url('{{ bg_image | relative_url }}');
153
- background-size: cover;
154
- background-repeat: no-repeat;
155
- background-attachment: fixed;
156
- z-index: -10;
157
- }
158
- </style>
159
- {%- endif %}
160
- </head>