jekyll-theme-lily 2.1.2.3.0 → 3.0.3.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 46002c08672c462e1ab92a0e29a7aa4d612e728f75251b27269a8e8431a41eec
-  data.tar.gz: 6d05c221bbd87ea1e87898f6f2b7883529b72cd71be24fcf05fdc33a3d2b2ed5
+  metadata.gz: f7db28fb6813b2d7b1481e783bf78db5156e18e98957f7fa8f8afa1281f50131
+  data.tar.gz: 4d491d39c79d084f7ac3fd2ca4e6fad45fbced5c9efc62b5b85208fd94032519
 SHA512:
-  metadata.gz: cb49479758e1e8b07b1ebc7c4ac54c89e2c4aeb82df1e4a7d2c9791db4579b45bb0fe29721381bbe2b521e12b87b2fce6031df1f382f848a820850d9f577dd67
-  data.tar.gz: 35ca1af6bf29cd1973fe7de7bb7b8a1143a6cb67b92d961cac7ba1e5d168898d3c00bdcf67eebc4a579a846ac7537ccb1884c6e9ea508562ad6bf7988536e7c5
+  metadata.gz: ee23cd1cfdb44235b6c78e194b150541eb2f65dfb0ca940f147341c97e9369c66d46413d4386be3bceae5fae6867c53716adb30c00e32f2fffbd67a65458edd2
+  data.tar.gz: 1428b5b26714cb583295cc004e0774d201498716d80042bc087f6027d07539b206237eff689cb9e55278b8a3bf10a06bc20edcf89b83ecb21cdf063bd38e4e89

data/README.md

@@ -5,6 +5,11 @@
 *Lily is a fresh Jekyll theme based on [Beercss](https://www.beercss.com/). You can [preview the theme to see what it looks like](https://howerziu.github.io/jekyll-theme-lily), or [directly use it](#usage).*
 
 
+**BREAKING CHANGES**
+
+* Due to breaking changes of Beercss 3.0, you need to divide rem unit by 16 and multiply px unit by 16 if you have custom css with rem or px units and update jekyll-theme-lily from 2.2 or below to 3.0 or above ( [view details](https://github.com/beercss/beercss/releases/tag/v3.0.0) )
+
+
 ## Installation
 
 Add this line to your Jekyll site's `Gemfile`:
@@ -34,7 +39,7 @@ To directly use the Lily theme:
 1. Add the following to your site's `_config.yml`:
 
     ```yml
-    remote_theme: HowerZiu/jekyll-theme-lily@2.1.2.3.0
+    remote_theme: HowerZiu/jekyll-theme-lily@3.0.3.1.3
     plugins:
     - jekyll-remote-theme # add this line to the plugins list if you already have one
     ```

data/_includes/head.html

@@ -12,7 +12,7 @@
     {% if site.lily.beercss.css_url %}
     <link rel="stylesheet" type="text/css" href="{{ site.lily.beercss.css_url }}">
     {% else %}
-    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/beercss@2.3.0/dist/cdn/beer.min.css">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/beercss@3.1.3/dist/cdn/beer.min.css">
     {% endif %}
     <link rel="stylesheet" type="text/css" href="{{ "/assets/css/style.css" | relative_url }}">
     {% for css in layout.css %}
@@ -32,14 +32,14 @@
     {% if site.lily.beercss.js_url %}
     <script type="text/javascript" src="{{ site.lily.beercss.js_url }}"></script>
     {% else %}
-    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/beercss@2.3.0/dist/cdn/beer.min.js"></script>
+    <script type="module" src="//cdn.jsdelivr.net/npm/beercss@3.1.3/dist/cdn/beer.min.js"></script>
     {% endif %}
     {% seo %}
     <script type="text/javascript" src="{{ "/assets/js/lily.js" | relative_url }}"></script>
     <script type="text/javascript">
         window.onpageshow=function(e) {
             if (e.persisted)
-                setLilyMode();
+                setLightMode();
         }
     </script>
     {% include head-custom.html %}

data/_includes/header.html

@@ -1,22 +1,22 @@
 <header class="responsive fixed lily-translucent-bar">
     <nav>
         {% if page.hide_title %}
-        <h5 class="max lily-bar-text" ondblclick="lilyScrollTop()"></h5>
+        <h5 class="max lily-bar-text" ondblclick="scrollToTop()"></h5>
         {% else %}
         {% if page.hide_excerpt %}
-        <h5 class="max lily-bar-text" ondblclick="lilyScrollTop()">{{ page.title | default: site.title | default: site.github.repository_name }}</h5>
+        <h5 class="max lily-bar-text" ondblclick="scrollToTop()">{{ page.title | default: site.title | default: site.github.repository_name }}</h5>
         {% else %}
         {% if page.layout=="post" %}
-        <h5 class="max lily-bar-text" ondblclick="lilyScrollTop()">{{ page.title | default: site.title | default: site.github.repository_name }}</h5>
+        <h5 class="max lily-bar-text" ondblclick="scrollToTop()">{{ page.title | default: site.title | default: site.github.repository_name }}</h5>
         {% else %}
-        <div class="max lily-bar-text" ondblclick="lilyScrollTop()">
+        <div class="max lily-bar-text" ondblclick="scrollToTop()">
             <h6 class="lily-bar-text">{{ page.title | default: site.title | default: site.github.repository_name }}</h6>
             <p class="lily-bar-text">{{ page.excerpt | default: site.description | default: site.github.project_tagline }}</p>
         </div>
         {% endif %}
         {% endif %}
         {% endif %}
-        <button class="circle transparent" title="Light mode switch" onclick="changeLilyMode()">
+        <button class="circle transparent" title="Light mode switch" onclick="changeLightMode()">
             <i>light_mode</i>
         </button>
     </nav>

data/_layouts/default.html

@@ -31,7 +31,7 @@
             <div class="divider"></div>
             {% include footer.html %}
         </div>
-        <script>setLilyMode();</script>
+        <script>setLightMode();</script>
         <script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
     </body>
 

data/_sass/jekyll-theme-lily.scss

@@ -1,3 +1,17 @@
+:root {
+    scroll-behavior: smooth;
+}
+
+:target {
+    scroll-margin-top: 4rem;
+    background: var(--surface);
+}
+
+body.transition {
+    transition: all 300ms !important;
+    transition-delay: 0ms !important;
+}
+
 .lily-mode-light {
     --primary:#4d57a9;--on-primary:#ffffff;--primary-container:#dee0ff;--on-primary-container:#000965;--secondary:#5c5d72;--on-secondary:#ffffff;--secondary-container:#e0e0f9;--on-secondary-container:#181a2c;--tertiary:#78536c;--on-tertiary:#ffffff;--tertiary-container:#ffd7f1;--on-tertiary-container:#2e1127;--error:#ba1b1b;--error-container:#ffdad4;--on-error:#ffffff;--on-error-container:#410001;--background:#fffbff;--on-background:#1b1b1f;--surface:#fffbff;--on-surface:#1b1b1f;--surface-variant:#e3e1ec;--on-surface-variant:#46464f;--outline:#77767f;--inverse-on-surface:#f3f0f5;--inverse-surface:#303034;--inverse-primary:#bbc2ff;--shadow:#000000;--mode: light;
     @import "rouge-light";
@@ -13,6 +27,9 @@
 }
 
 .lily-translucent-bar {
+    ---blur: .032rem;
+    -webkit-backdrop-filter: blur(var(---blur));
+    backdrop-filter: blur(var(---blur));
     &:after {
         content: "";
         position: absolute;
@@ -34,7 +51,7 @@
 }
 
 .lily-footer {
-    padding: 16rem 16rem;
+    padding: 1rem 1rem;
 }
 
 .lily-post-date {
@@ -46,11 +63,11 @@ main {
     line-height: 1.5;
 
     p, ul, ol, table, dl {
-        margin: 0 0 16rem;
+        margin: 0 0 1rem;
     }
 
     ul, ol {
-        padding-inline-start: 32rem;
+        padding-inline-start: 2rem;
     }
 
     li {
@@ -58,7 +75,7 @@ main {
     }
 
     dd {
-        margin-inline-start: 32rem;
+        margin-inline-start: 2rem;
     }
 
     table {
@@ -67,7 +84,7 @@ main {
     }
 
     section {
-        padding-bottom: 32rem;
+        padding-bottom: 2rem;
     }
 
 }
@@ -86,31 +103,31 @@ main, footer {
 }
 
 blockquote {
-    border-left: 4rem solid var(--secondary);
+    border-left: 0.25rem solid var(--secondary);
     margin: 0;
-    padding: 0 0 0 16rem;
+    padding: 0 0 0 1rem;
     font-style: italic;
 }
 
 pre {
-    padding: 8rem;
+    padding: 0.5rem;
     overflow-x: auto;
 }
 
 .highlighter-rouge, .highlight {
-    padding: 8rem;
-    margin-bottom: 16rem;
+    padding: 0.5rem;
+    margin-bottom: 1rem;
 }
 
 .highlighter-rouge>.highlight, .highlight>.highlight {
-    border-radius: 8rem;
+    border-radius: 0.5rem;
     margin-bottom: 0;
 }
 
 figure.highlight {
-    padding: 8rem;
-    border-radius: 8rem;
-    margin-bottom: 16rem;
+    padding: 0.5rem;
+    border-radius: 0.5rem;
+    margin-bottom: 1rem;
 }
 
 table {
@@ -118,7 +135,7 @@ table {
 }
 
 td, th {
-    border-bottom: 1rem solid var(--outline)
+    border-bottom: 0.0625rem solid var(--outline)
 }
 
 dt {
@@ -133,8 +150,8 @@ kbd {
     box-shadow: var(--shadow1);
     background-color: var(--surface-variant);
     color: var(--on-surface-variant);
-    padding: 4rem;
-    border-radius: 4rem;
+    padding: 0.25rem;
+    border-radius: 0.25rem;
     display: inline-block;
     vertical-align: middle;
     transition: var(--speed3) transform,var(--speed3) border-radius,var(--speed3) padding;

data/assets/js/lily.js

@@ -1,28 +1,8 @@
-function setLilyCookie(cname,cvalue,exdays,path) {
-    var d=new Date();
-    d.setTime(d.getTime()+(exdays*24*60*60*1000));
-    c=cname+"="+cvalue;
-    if (exdays) c=c+"; expires="+d.toGMTString();
-    if (path) c=c+"; path="+path;
-    document.cookie=c;
-}
-function getLilyCookie(cname) {
-    var name=cname+"=";
-    var carr=document.cookie.split(';');
-    for (var i=0; i<carr.length; ++i) {
-        var c=carr[i].trim();
-        if (c.indexOf(name)==0) return c.substring(name.length,c.length);
-    }
-    return "";
-}
-function delLilyCookie(cname) {
-    document.cookie=cname+"=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
-}
-function setLilyMode() {
+function setLightMode() {
     body=document.body;
-    var lily_mode=getLilyCookie("lily_mode");
+    var light_mode=localStorage.getItem("light_mode");
     var theme_color_meta=document.querySelector('meta[name="theme-color"]');
-    if (lily_mode=="dark") {
+    if (light_mode=="dark") {
         body.classList.remove("light");
         body.classList.add("dark");
         document.getElementById("body").classList.remove("lily-mode-light");
@@ -36,16 +16,20 @@ function setLilyMode() {
         theme_color_meta.setAttribute("content","#dee0ff");
     }
 }
-function changeLilyMode() {
-    var lily_mode=getLilyCookie('lily_mode');
-    if (lily_mode=='dark')
-        lily_mode='light';
+function changeLightMode() {
+    var light_mode=localStorage.getItem("light_mode");
+    if (light_mode=='dark')
+        light_mode='light';
     else
-        lily_mode='dark';
-    setLilyCookie('lily_mode',lily_mode,180,'/');
-    setLilyMode();
+        light_mode='dark';
+    localStorage.setItem('light_mode',light_mode);
+    setLightMode();
+    document.body.classList.add("transition");
+    window.setTimeout(()=>{
+        document.body.classList.remove("transition");
+    },500);
 }
-function lilyScrollTop() {
+function scrollToTop() {
     var elm=document.body||document.documentElement;
-    elm.scrollIntoView({behavior:"smooth"});
+    elm.scrollIntoView();
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-lily
 version: !ruby/object:Gem::Version
-  version: 2.1.2.3.0
+  version: 3.0.3.1.3
 platform: ruby
 authors:
 - HowerZiu
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-11-13 00:00:00.000000000 Z
+date: 2023-05-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll