jekyll-theme-coo 6.3.10 → 6.3.12

Sign up to get free protection for your applications and to get access to all the features.
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