jekyll-zeta 0.6.0 → 0.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5fde83c61d8550570f325e6837e4e2c9d7dbcc46b86ae4759d45f0f0db98625c
-  data.tar.gz: 074165065c305b44267c8d4d9cf81e3de190a9a3e1292b1b2a169f8eecfb07b6
+  metadata.gz: 919077f0e2679d399ca69e89c32b77b4564f1b2f8e81b20b31eb681f5f59d5b0
+  data.tar.gz: 32ccee6ae73513ba00f818f1b3d47b5eb7eec2060eff0ab53e0fc0730075a4ad
 SHA512:
-  metadata.gz: ce34530fa0e16f37593fefed701c3ee56b9694028d078b012f953a9ac408533895932947948058f0e164b4f2de6319af7008d2658e007e4cec42dd905d331dc1
-  data.tar.gz: bd5ab3a4e6be686f366201a1c55cfbc1623fe9ba331eb688f712a195d63e39c8e6290c328d28a1a3a8fa19f10096d81d437c09d40661f1cbb240a3f3e21313e9
+  metadata.gz: 9b22c45cd8bb3e0611f4db3faab73b7297379bdc575c48838e51a0a587d25bb758c06b42b27b84fbeadd328d0033c2094e9cefacb765b68037c97b2c4997d22a
+  data.tar.gz: f8a182e18e976e2f9b08d00cf954cf8e5fa0a3451f92b876d595911e46fdfab37f562266764f0a6857d359fe18d67a99d3dc25eda4b472204429a3d159510227

data/_includes/heatmap.html

@@ -0,0 +1,51 @@
+{%- if include.collection -%}
+  {%- assign posts = include.collection -%}  
+{%- else -%}
+  {%- assign posts = site.posts -%}
+{%- endif -%}
+
+{%- assign jsstr='' -%}
+{%- for post in posts limit: include.limit -%}
+
+
+
+{%- capture url -%}
+{{ post.url | relative_url }}
+{%- endcapture -%}
+
+{%- capture postdate -%}
+{{ post.date | date: '%Y-%m-%d'  }}
+{%- endcapture -%}
+
+
+{%- capture posttitlex -%}
+{{ post.title | replace: '"'," "}}
+{%- endcapture -%}
+
+
+{%- capture jsstr -%}
+{{ jsstr | append: url  | append:"\x01" | append: posttitlex | append:"\x01" | append: postdate   | append:"\n" }} 
+{%- endcapture -%}
+{%- endfor -%}
+<div>
+<span class="heatmap-title">{{ heatMapTitle | site.theme_config.heatMapTitle }}</span>
+<div class='heatmap' id="heatmap">
+  
+
+</div>
+</div>
+<script >
+  (function(){
+    var _GALLPOSTSTR = "{{jsstr}}";
+    {%- assign MothStr = site.theme_config.heatMapMonth  -%}
+    {%- assign HeatMapShowWeek = site.theme_config.heatMapShowWeek  -%}
+
+    {%- assign HeatMapType = site.theme_config.heatMapType  -%}
+    
+
+    var _HeatMapType = "{{ HeatMapType | default:'1' }}"
+    var _MonthStr =  '{{ MothnStr | default: "Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec" }}'
+    var _showWeek =  '{{ HeatMapShowWeek | default: "Mon Wed Fri" }}';
+    {% include heatmap.js %}
+  })()
+</script>

data/_includes/heatmap.js

@@ -0,0 +1,152 @@
+;(function(){
+
+var Map = {}
+var  arr1 = _GALLPOSTSTR.split("\n")
+arr1.forEach(element => {
+  var post = element.split('\x01')
+
+  var url = post[0]
+  var title = post[1]
+  var date = post[2]
+  if (date && title && url) {
+    var arrDatePost = Map[date]
+  if (!arrDatePost ) {
+    arrDatePost = []
+    Map[date] = arrDatePost;
+  }
+  arrDatePost.push({title,url})
+  }
+  
+});
+ 
+
+var Father = document.getElementById("heatmap");
+
+const Frag = document.createDocumentFragment();
+
+const monthEle = document.createElement("div");
+monthEle.className = "heatmap-month";
+Frag.appendChild(monthEle);
+const monthStr = _MonthStr.split(" ");
+
+var dateEnd = new Date();
+
+{%- comment -%}
+if(_HeatMapType == '1'){
+  dateEnd = new Date()
+}else if(_HeatMapType == '2'){
+  
+  let chooseddate = ''
+  for (const key in Map) {
+    if (Object.prototype.hasOwnProperty.call(Map, key)) {
+      const element = Map[key];
+      if(element){
+        if(key && key > chooseddate){
+          chooseddate = key
+        }
+      }
+    }
+  }
+
+  dateEnd = new Date(chooseddate)
+  console.log(chooseddate,dateEnd,typeof chooseddate)
+
+}else{
+  dateEnd = new Date()
+}
+
+{% endcomment %}
+
+var nowM = dateEnd.getMonth();
+var nowWeek = dateEnd.getDay();
+var  endStamp = dateEnd.getTime()
+
+for (var i = 0; i < monthStr.length; i++) {
+  var m = document.createElement("span");
+  m.className = "heatmap-month-cell";
+  m.innerHTML = `${monthStr[(i + nowM + 1) % 12]}`;
+  monthEle.appendChild(m);
+}
+
+const weekEle = document.createElement("div");
+weekEle.className = "heatmap-week";
+const WeekStr = _showWeek.split(" ");
+
+for (var i = 0; i < WeekStr.length; i++) {
+  var m = document.createElement("div");
+  m.className = "heatmap-week-cell";
+  m.innerHTML = `<span>${WeekStr[i]}</span>`;
+  weekEle.appendChild(m);
+}
+
+Frag.appendChild(weekEle);
+
+const dayEle = document.createElement("div");
+
+dayEle.className = "heatmap-day";
+
+const ColumnsCount = 53;
+const RowCount = 7;
+
+var  firstDateDayDiff = (ColumnsCount - 1) * RowCount + nowWeek;
+
+
+console.log(nowWeek, firstDateDayDiff);
+
+for (let c = 0; c < ColumnsCount; c++) {
+  for (let r = 0; r < RowCount; r++) {
+    if (r > nowWeek && c == ColumnsCount - 1) {
+      break
+    }
+    const i = c * RowCount + r ;
+    const date = new Date(endStamp - (firstDateDayDiff - i) * 3600000 * 24);
+    const month = date.getMonth() + 1
+    let dateStr = `${date.getFullYear()}-${month < 10 ? '0' + month : month}-${date.getDate() < 10 ? '0' + date.getDate() :  date.getDate() }`
+
+    var m = document.createElement("span");
+    const arrPostInOneDay = Map[dateStr]
+    m.classList = `heatmap-day-cell ${!arrPostInOneDay ? 'hm-check-no':arrPostInOneDay.length > 1 ? 'hm-check2' : 'hm-check' }`  
+    
+
+    if (arrPostInOneDay ) {
+      var isDirectly = arrPostInOneDay.length == 1
+      var tip = document.createElement("div");
+
+      if (isDirectly) {
+        var lnk = document.createElement('a');
+        lnk.href = arrPostInOneDay[0].url
+        m.appendChild(lnk)
+      }
+
+      tip.className = "hm-tip";
+      var desc = ''
+      arrPostInOneDay.forEach(element => {
+
+        var lnk = document.createElement('a');
+        lnk.className = 'hm-tiplink'
+        lnk.href = element.url
+        tip.appendChild(lnk)
+
+        var t = document.createElement('span')
+        t.className = 'hm-date'
+        t.innerText = dateStr.substring(5);
+        lnk.appendChild(t);
+
+        
+        var t2 = document.createElement('span')
+        t2.className = 'hm-title'
+        t2.innerText = element.title
+        lnk.appendChild(t2);
+
+      });
+      m.appendChild(tip);
+      
+    }
+    dayEle.appendChild(m);
+  }
+}
+
+
+Frag.appendChild(dayEle);
+Father.append(Frag);
+})()

data/_includes/home.html

@@ -1,9 +1,16 @@
+
+
+ 
+{%- include heatmap.html -%}
+ 
+
 {%- assign titlelen = page.title.size -%}
 {%- if titlelen > 0 -%}
 <h2>{{ page.title }}</h2>
 {%- endif -%}
 {%-assign nextPage = site.paginate_path | replace: ':num', '2' -%}
 
+
 {%
   include post_list.html
     limit=site.paginate
@@ -12,4 +19,4 @@
     show_more_url= nextPage 
 -%}
 
-{{ content }}
+{{ content }}

data/_layouts/about.html

@@ -0,0 +1,15 @@
+---
+layout: default
+---
+
+
+{%- if page.heatmap -%}
+{%- include heatmap.html -%}
+{%- endif -%}
+
+{%- assign titlelen = page.title.size -%}
+{%- if titlelen > 0 -%}
+<!-- <h2>{{ page.title }}</h2> -->
+{%- endif -%}
+
+{{ content }}

data/_layouts/archive.html

@@ -1,9 +1,14 @@
 ---
 layout: default
 ---
+
+
+{%- if page.heatmap -%}
+{%- include heatmap.html -%}
+{%- endif -%}
 {%- assign titlelen = page.title.size -%}
 {%- if titlelen > 0 -%}
-<h2>{{ page.title }}</h2>
+<!-- <h2>{{ page.title }}</h2> -->
 {%- endif -%}
 
 {%-assign posts = site.posts-%}

data/_layouts/heatmap.html

@@ -0,0 +1,6 @@
+---
+layout: default
+---
+<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}" />
+<br/><br/><br/>
+{%- include heatmap.html -%}

data/_layouts/tags.html

@@ -5,7 +5,7 @@ layout: default
 <div class="post">
 {%- assign titlelen = page.title.size -%}
 {%- if titlelen > 0 -%}
-<h2>{{ page.title }}</h2>
+<!-- <h2>{{ page.title }}</h2> -->
 {%- endif -%}
 <article>
     {%- comment -%}

data/_sass/jekyll-zeta.scss

@@ -6,6 +6,15 @@ $color-hove: #0064c1;
 $color-gray: #9ca3af;
 $color-lightGray: #9ca3af;
 $color-lightGrayBg: #F0f2f4;
+$heatFont:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",sans-serif;
+
+$dbgBorder:none;//ssolid 1px red;
+$hmbloksizeW:12px;
+$hmbloksizeH:15.2px;
+$dayGap:1px;
+$hmdaywidth: $dayGap * 52 + $hmbloksizeW * 53;
+$hmmonthWidth:40px;
+$hmmwidth: $hmmonthWidth + $hmdaywidth;
 li {
   padding: 0.2rem;
 }
@@ -330,3 +339,167 @@ img{
   // filter: grayscale(0.1) brightness(0.6);
   font-size: 0.6em;
 }
+
+.heatmap{
+  display: grid;
+  grid-template-rows: auto 1fr;
+  grid-template-columns: $hmmonthWidth 1fr;
+  width: $hmmwidth;
+  border: $dbgBorder;
+}
+
+.heatmap-title{
+  color: $color-black;
+  font-size: 1.2rem;
+}
+ 
+ 
+.heatmap-month{
+  
+  grid-column-start: 2;
+  grid-column-end: 3;
+
+  display: grid;
+  grid-template-columns:repeat(12,1fr);
+
+  width: $hmdaywidth;
+  border: $dbgBorder;
+  
+}
+
+ 
+.heatmap-month-cell{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  font-family:  $heatFont;
+  font-size: 0.8rem;
+
+  border: $dbgBorder;
+  height: 12px;
+
+  padding: 0.2em 0;
+  
+}
+
+
+.heatmap-week{
+  
+  grid-row-start: 2;
+  grid-row-end: 3;
+  display: grid;
+  // grid-template-rows:repeat(4,1fr);
+  
+
+  grid-auto-flow: row;
+
+  height: $hmbloksizeW * 7
+}
+ 
+
+.heatmap-week-cell{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-right: 10px;
+  font-size: 0.8rem;
+  font-family:  $heatFont
+}
+
+.heatmap-day{
+
+  display: grid;
+  grid-template-columns: repeat(53,1fr);
+  grid-template-rows: repeat(7,1fr);
+  grid-auto-flow: column;
+  gap: $dayGap;
+  width: $hmdaywidth;
+}
+
+.heatmap-day-cell{
+
+  border-radius: 2px;
+  // height: 20px;
+  width: $hmbloksizeW;
+  height: $hmbloksizeH;
+}
+
+.heatmap-day-cell a{
+  height: 100%;
+  width: 100%;
+  display: block;
+  white-space: nowrap;
+  overflow:hidden;
+}
+
+.hm-check{
+  background-color: #40c463bb;
+  position: relative;
+  cursor: pointer;
+}
+
+.hm-check2{
+  background-color: #40c463ff;
+  position: relative;
+}
+
+.hm-check-no{
+  background-color: #edebf0;
+}
+
+.heatmap-day-cell:hover{
+  transform: scale(1.3);
+  z-index: 999;
+}
+
+.heatmap-day-cell:hover .hm-tip{
+  display: block;
+}
+
+.hm-tip{
+  position: absolute; /* 让子元素浮动 */
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: rgba(0, 0, 0, 0.8);
+  color: white;
+  padding: 10px;
+  border-radius: 5px;
+  z-index: 999;
+
+  width: auto;
+  font-size: 0.8rem;
+  display: none;
+}
+
+.hm-date{
+  color: #fff;
+  text-align: center;
+
+  padding: 0;
+}
+
+.hm-title{
+  color: #fff;
+  white-space: nowrap;
+  overflow:hidden;
+  text-overflow: ellipsis;
+  text-align: left;
+  padding-left:0.5rem;
+
+  max-width: 600px;
+  
+}
+
+.hm-tiplink{
+  padding: 0.2rem 0;
+}
+
+.red{
+  background-color: #ee5500;
+}
+
+.border{
+  border:solid 1px red;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-zeta
 version: !ruby/object:Gem::Version
-  version: 0.6.0
+  version: 0.7.1
 platform: ruby
 authors:
 - vitock
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-11-14 00:00:00.000000000 Z
+date: 2024-11-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -68,14 +68,18 @@ files:
 - _includes/encrypted.html
 - _includes/goat_counter.html
 - _includes/head.html
+- _includes/heatmap.html
+- _includes/heatmap.js
 - _includes/home.html
 - _includes/main.css
 - _includes/menu_item.html
 - _includes/navbar.html
 - _includes/paginate.html
 - _includes/post_list.html
+- _layouts/about.html
 - _layouts/archive.html
 - _layouts/default.html
+- _layouts/heatmap.html
 - _layouts/home.html
 - _layouts/page.html
 - _layouts/paginate.html