refactor: heatmap and comment and pre-release

eallion · Apr 16, 2024 · a0a1307 · a0a1307
1 parent 263fe57
commit a0a1307
Show file tree

Hide file tree

Showing 8 changed files with 618 additions and 237 deletions.
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
@@ -1664,6 +1664,14 @@ select {
   margin-bottom:1.5rem
 }
 
+.mb-8 {
+  margin-bottom:2rem
+}
+
+.mb-\[1px\] {
+  margin-bottom:1px
+}
+
 .mb-\[2px\] {
   margin-bottom:2px
 }
@@ -1835,10 +1843,6 @@ select {
   height:0.75rem
 }
 
-.h-32 {
-  height:8rem
-}
-
 .h-36 {
   height:9rem
 }
@@ -1908,10 +1912,6 @@ select {
   min-height:5rem
 }
 
-.min-h-4 {
-  min-height:1rem
-}
-
 .min-h-7 {
   min-height:1.75rem
 }
@@ -2024,10 +2024,6 @@ select {
   max-width:1600px
 }
 
-.max-w-\[45rem\] {
-  max-width:45rem
-}
-
 .max-w-\[5rem\] {
   max-width:5rem
 }
@@ -2848,6 +2844,10 @@ select {
   line-height:1.75rem
 }
 
+.leading-\[11px\] {
+  line-height:11px
+}
+
 .\!text-neutral {
   --tw-text-opacity:1 !important;
   color:rgba(var(--color-neutral), var(--tw-text-opacity)) !important

diff --git a/assets/css/custom.css b/assets/css/custom.css
@@ -4,6 +4,17 @@
     --media-bg-color-to: #ffffff;
     --media-bg-color-to-dark: rgb(30, 41, 59);
     --media-bg-color-cover: rgba(0, 0, 0, 80%);
+    --contributions-calendar-day-tile-default-background: #ebedf0;
+    --contributions-calendar-day-tile-margin: 1px;
+    --contributions-calendar-day-tile-height: 10px;
+    --contributions-calendar-day-tile-width: 10px;
+}
+
+contributions-calendar#calendar {
+    --contributions-calendar-day-tile-one-quarter-background: #9be9a8;
+    --contributions-calendar-day-tile-two-quarters-background: #40c463;
+    --contributions-calendar-day-tile-three-quarters-background: #30a14e;
+    --contributions-calendar-day-tile-four-quarters-background: #216e39;
 }
 
 .bg-yellow-600 {
@@ -38,44 +49,6 @@ footer nav ul {
     gap: 0.5rem !important;
 }
 
-#load-giscus {
-    display: block;
-    position: relative;
-    margin: 2rem auto;
-    width: 100%;
-    text-align: center;
-    color: rgba(100, 116, 139, 1);
-    transition: opacity 0.3s ease-in-out;
-}
-
-.dark #load-giscus {
-    color: rgba(148, 163, 184, 1);
-}
-
-#load-giscus:hover {
-    opacity: 1;
-    cursor: pointer;
-}
-
-#load-giscus::before {
-    content: "";
-    position: absolute;
-    top: -3rem;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 3rem;
-    height: 3rem;
-    background-image: url('/assets/images/comments/mona-loading-default.gif');
-    background-size: cover;
-    opacity: 0;
-    transition: opacity 0.3s ease-in-out;
-}
-
-#load-giscus:hover::before {
-    opacity: 1;
-    cursor: pointer;
-}
-
 .packery-drop-placeholder {
     outline: 3px dashed hsla(0, 0%, 0%, 0.5);
     outline-offset: -6px;
@@ -92,3 +65,33 @@ footer nav ul {
         opacity: 1;
     }
 }
+#heatmap{
+    flex-direction: column;
+    display: inline-flex;
+    /*
+    height: 84px;
+    width: 15px;
+    */
+    flex-wrap: wrap;
+}
+
+.entry{
+    display: inline-block;
+    border-radius: 2px;
+    margin: 1px;
+}
+.color-0{
+    background-color: #505050;
+}
+.color-1{
+    background-color: #006d32;
+}
+.color-2{
+    background-color: #26a641;
+}
+.color-3{
+    background-color: #26a641;
+}
+.color-4{
+    background-color: #39d353;
+}