jekyll-theme-coo 6.3.10 → 6.3.12

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3170daaa3a1041934ca503d225390f46be9913f92adbd7f73f8cf1ff31edc942
4
- data.tar.gz: 42d2303509d530801d7c9358913282b638007539bc19fe6286634a2c81b7ce03
3
+ metadata.gz: c0183d205d3e5666e20e9d40dcb48b409c03c89fd5eac39a8f6492988bb17f71
4
+ data.tar.gz: d7a3eedcdaf3d84de6cffcc671bbd94931101c33ddcf5157111bd315b328e4cb
5
5
  SHA512:
6
- metadata.gz: 7fb594f264c3273d73d5d8c9db40cbf0bfc9ddd312e9f6bfdd7a164c90db460faa9c2b9846a4b2a5f09decd7ee8eaa8850d40adc9f6ef5207468ff6a03909bb6
7
- data.tar.gz: 3ccdb65eb17740cf373e916bcd4d575a60a281e55c187a2f606dacb8a986b7a749f7508e0343bb6320aef71abd7169e0b5c13e6a84b747e8ae2950d2727bb859
6
+ metadata.gz: 48044932431a370dabf8b3a38eb63033ffb7e4039d6e9c6ffe79cc393ff7be57fa7d7a9293959371107255ba381a4fce7688c6668ca5b66b0ce203f29455fbea
7
+ data.tar.gz: 2e14c4ec219c7aa0ee95891d3103be500a700584d99bee9f2a29a204b3b26fcce9172f7b1ed6caffacdd8ce5093e35c0cc73a08619d3cade5a96d71d52ad8ea3
data/README.md CHANGED
@@ -20,5 +20,5 @@ Modification by:
20
20
  Copyright (c) 2023 Duck McSouls https://github.com/quacksouls
21
21
 
22
22
  [chirpy]: https://github.com/cotes2020/jekyll-theme-chirpy
23
- [demo]: https://quacksouls.github.io/tekyll/
23
+ [demo]: https://tekyllcoo.github.io
24
24
  [license]: https://github.com/quacksouls/jekyll-theme-coo/blob/master/LICENSE
@@ -1,55 +1,7 @@
1
1
  <!-- The Side Bar -->
2
2
 
3
3
  <aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
4
- <header class="profile-wrapper">
5
- <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
6
- {% if site.avatar != empty and site.avatar %}
7
- {% capture avatar_url %}
8
- {% if site.avatar contains '://' %}
9
- {{ site.avatar }}
10
- {% elsif site.img_cdn != empty and site.img_cdn %}
11
- {{ site.avatar | prepend: site.img_cdn }}
12
- {% else %}
13
- {{ site.avatar | relative_url }}
14
- {% endif %}
15
- {% endcapture %}
16
- <img src="{{ avatar_url | strip }}" width="112" height="112" alt="avatar" onerror="this.style.display='none'">
17
- {% endif %}
18
- </a>
19
-
20
- <h1 class="site-title">
21
- <a href="{{ '/' | relative_url }}">{{ site.title }}</a>
22
- </h1>
23
- <p class="site-subtitle fst-italic mb-0">{{ site.tagline }}</p>
24
- </header>
25
- <!-- .profile-wrapper -->
26
-
27
- <!-- Table of contents -->
28
- <nav class="flex-column flex-grow-1 w-100 ps-0">
29
- <ul class="nav">
30
- {% for item in site.data.summary.toc %}
31
- <li class="nav-item{% if item.url == page.url %}{{ " active" }}{% endif %}">
32
- <a href="{{ site.data.summary.prefix | append: item.url }}" class="nav-link">
33
- <span>{{ item.title }}</span>
34
- </a>
35
-
36
- {% if item.subfolder %}
37
- <ul class="nav">
38
- {% for sec in item.subfolder %}
39
- <li class="nav-item{% if sec.url == page.url %}{{ " active" }}{% endif %}">
40
- <a href="{{ site.data.summary.prefix | append: sec.url }}" class="nav-link">
41
- <span>{{ sec.title }}</span>
42
- </a>
43
- </li>
44
- {% endfor %}
45
- </ul>
46
- {% endif %}
47
- </li>
48
- {% endfor %}
49
- </ul>
50
- </nav>
51
-
52
- <div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
4
+ <div class="sidebar-top d-flex flex-wrap align-items-center w-100">
53
5
  {% unless site.theme_mode %}
54
6
  <button type="button" class="mode-toggle btn" aria-label="Switch Mode">
55
7
  <i class="fas fa-adjust"></i>
@@ -101,6 +53,52 @@
101
53
  {% endif %}
102
54
  {% endfor %}
103
55
  </div>
104
- <!-- .sidebar-bottom -->
56
+ <!-- .sidebar-top -->
57
+
58
+ <header class="profile-wrapper">
59
+ <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
60
+ {% if site.avatar != empty and site.avatar %}
61
+ {% capture avatar_url %}
62
+ {% if site.avatar contains '://' %}
63
+ {{ site.avatar }}
64
+ {% elsif site.img_cdn != empty and site.img_cdn %}
65
+ {{ site.avatar | prepend: site.img_cdn }}
66
+ {% else %}
67
+ {{ site.avatar | relative_url }}
68
+ {% endif %}
69
+ {% endcapture %}
70
+ <img src="{{ avatar_url | strip }}" width="112" height="112" alt="avatar" onerror="this.style.display='none'">
71
+ {% endif %}
72
+ </a>
73
+ </header>
74
+ <!-- .profile-wrapper -->
75
+
76
+ <!-- Table of contents -->
77
+ <nav class="flex-column flex-grow-1 w-100 ps-0">
78
+ <ul class="nav">
79
+ {% for item in site.data.summary.toc %}
80
+ <li class="nav-item{% if item.url == page.url %}{{ " active" }}{% endif %}">
81
+ <a href="{{ site.data.summary.prefix | append: item.url }}" class="nav-link">
82
+ <span>{{ item.title }}</span>
83
+ </a>
84
+
85
+ {% if item.subfolder %}
86
+ <ul class="nav">
87
+ {% for sec in item.subfolder %}
88
+ <li class="nav-item{% if sec.url == page.url %}{{ " active" }}{% endif %}">
89
+ <a href="{{ site.data.summary.prefix | append: sec.url }}" class="nav-link">
90
+ <span>{{ sec.title }}</span>
91
+ </a>
92
+ </li>
93
+ {% endfor %}
94
+ </ul>
95
+ {% endif %}
96
+ </li>
97
+ {% endfor %}
98
+ </ul>
99
+ </nav>
100
+
101
+ <!-- Vertical whitespace to separate the last TOC entry from the bottom. -->
102
+ <div class="sidebar-bottom"></div>
105
103
  </aside>
106
104
  <!-- #sidebar -->
@@ -765,6 +765,7 @@ $btn-mb: 0.5rem;
765
765
  user-select: none;
766
766
  }
767
767
 
768
+ /* Presentation in normal window, not maximized */
768
769
  ul {
769
770
  margin-bottom: 0rem;
770
771
 
@@ -779,7 +780,7 @@ $btn-mb: 0.5rem;
779
780
 
780
781
  display: flex;
781
782
  align-items: left;
782
- border-radius: 0.75rem;
783
+ border-radius: 0.5rem;
783
784
  font-weight: 600;
784
785
 
785
786
  &:hover {
@@ -815,10 +816,10 @@ $btn-mb: 0.5rem;
815
816
  }
816
817
  }
817
818
 
818
- .sidebar-bottom {
819
- padding-left: 2rem;
819
+ .sidebar-top {
820
+ padding-left: 2.5rem;
820
821
  padding-right: 1rem;
821
- margin-bottom: 1.5rem;
822
+ margin-bottom: 0rem;
822
823
 
823
824
  $btn-size: 1.75rem;
824
825
 
@@ -874,7 +875,14 @@ $btn-mb: 0.5rem;
874
875
  border-radius: 50%;
875
876
  margin-bottom: $btn-mb;
876
877
  }
877
- } /* .sidebar-bottom */
878
+ } /* .sidebar-top */
879
+
880
+ /* Vertical whitespace to separate last element from the bottom. */
881
+ .sidebar-bottom {
882
+ padding-left: 2.5rem;
883
+ padding-right: 1rem;
884
+ margin-bottom: 2rem;
885
+ }
878
886
  } /* #sidebar */
879
887
 
880
888
  @media (hover: hover) {
@@ -1515,9 +1523,53 @@ search {
1515
1523
  padding-left: 3.5rem;
1516
1524
  }
1517
1525
 
1526
+ /* Presentation when window is maximimzed */
1518
1527
  ul {
1519
1528
  li.nav-item {
1520
- @include pl-pr(2.75rem);
1529
+ @include pl-pr(1.5rem);
1530
+ opacity: 0.9;
1531
+ width: 100%;
1532
+ padding-left: 1rem;
1533
+ padding-right: 0rem;
1534
+
1535
+ a.nav-link {
1536
+ @include pt-pb(0.6rem);
1537
+
1538
+ display: flex;
1539
+ align-items: left;
1540
+ border-radius: 0.5rem;
1541
+ font-weight: 600;
1542
+
1543
+ &:hover {
1544
+ background-color: var(--sidebar-hover-bg);
1545
+ }
1546
+
1547
+ i {
1548
+ font-size: 95%;
1549
+ opacity: 0.8;
1550
+ margin-right: 1.5rem;
1551
+ }
1552
+
1553
+ span {
1554
+ font-size: 90%;
1555
+ letter-spacing: 0.2px;
1556
+ }
1557
+ }
1558
+
1559
+ &.active {
1560
+ .nav-link {
1561
+ color: var(--sidebar-active-color);
1562
+ background-color: var(--sidebar-hover-bg);
1563
+
1564
+ span {
1565
+ opacity: 1;
1566
+ }
1567
+ }
1568
+ }
1569
+
1570
+ &:not(:first-child) {
1571
+ margin-top: 0rem;
1572
+ }
1521
1573
  }
1522
1574
  }
1523
1575
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-coo
3
3
  version: !ruby/object:Gem::Version
4
- version: 6.3.10
4
+ version: 6.3.12
5
5
  platform: ruby
6
6
  authors:
7
7
  - Cotes Chung
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2023-11-24 00:00:00.000000000 Z
12
+ date: 2023-11-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: jekyll