Build and Deploy from Github Actions

carrieeex · Jul 8, 2024 · 488337b · 488337b
commit 488337b
Show file tree

Hide file tree

Showing 119 changed files with 28,033 additions and 0 deletions.
diff --git a/2022/02/20/hello-world/index.html b/2022/02/20/hello-world/index.html
diff --git a/2024/07/02/contact-me/index.html b/2024/07/02/contact-me/index.html
diff --git a/2024/07/02/my-first-blog-post/index.html b/2024/07/02/my-first-blog-post/index.html
diff --git a/2024/07/03/handpan-00/index.html b/2024/07/03/handpan-00/index.html
diff --git a/2024/07/04/acoustics-00/index.html b/2024/07/04/acoustics-00/index.html
diff --git a/2024/07/06/handpan-rsc/index.html b/2024/07/06/handpan-rsc/index.html
diff --git a/404.html b/404.html
diff --git a/about/index.html b/about/index.html
diff --git a/archives/2022/02/index.html b/archives/2022/02/index.html
diff --git a/archives/2022/index.html b/archives/2022/index.html
diff --git a/archives/2024/07/index.html b/archives/2024/07/index.html
diff --git a/archives/2024/index.html b/archives/2024/index.html
diff --git a/archives/index.html b/archives/index.html
diff --git a/categories/About-Me/index.html b/categories/About-Me/index.html
diff --git a/categories/Acoustics/index.html b/categories/Acoustics/index.html
diff --git a/categories/Handpan/index.html b/categories/Handpan/index.html
diff --git a/categories/Misc/index.html b/categories/Misc/index.html
diff --git a/categories/index.html b/categories/index.html
diff --git a/css/announcement.css b/css/announcement.css
@@ -0,0 +1,24 @@
+/* Override the shake animation for .icon.left */
+.website-announcement .icon.left {
+  content: url('../images/chat-bubble-with-quotation-marks-svgrepo-com.svg'); /* Change this path to your new icon */
+  font-size: 1.2rem; /* This will not affect SVG size */
+  width: 24px; /* Adjust the width to fit your layout */
+  height: 24px; /* Adjust the height to fit your layout */
+  background-size: contain; /* Ensure the icon fits within the dimensions */
+  display: inline-block; /* Ensures the SVG is displayed properly */
+  animation: none !important; /* This will remove the shake animation */
+  /* Or apply a new animation */
+}
+
+/* Ensure that your CSS selector matches the element that holds the icon */
+.website-announcement .announcement {
+  white-space: normal !important; /* Allow text to wrap */
+  overflow: visible !important; /* Ensure text is not truncated */
+  text-overflow: clip !important; /* Ensure text does not show ellipsis */
+}
+
+.website-announcement p {
+  white-space: normal !important; /* Allow text to wrap */
+  overflow: visible !important; /* Ensure text is not truncated */
+  text-overflow: clip !important ; /* Ensure text does not show ellipsis */
+}
diff --git a/css/common/animated.css b/css/common/animated.css
@@ -0,0 +1,248 @@
+.fade-in-down-animation {
+  animation-name: fade-in-down;
+  animation-duration: 1s;
+  animation-fill-mode: both;
+}
+.title-hover-animation {
+  position: relative;
+  display: inline-block;
+  color: var(--text-color-2);
+  line-height: 1.3;
+  vertical-align: top;
+  border-bottom: none;
+}
+.title-hover-animation::before {
+  position: absolute;
+  bottom: -4px;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  background-color: var(--text-color-2);
+  transform: scaleX(0);
+  visibility: hidden;
+  content: "";
+  transition-delay: 0s, 0s, 0s, 0s, 0s, 0s;
+  transition-timing-function: ease, ease, ease, ease, ease-in-out, ease-in-out;
+  transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s;
+  transition-property: color, background, box-shadow, border-color, visibility, transform;
+}
+.title-hover-animation:hover::before {
+  transform: scaleX(1);
+  visibility: visible;
+}
+@-moz-keyframes fade-in-down {
+  0% {
+    transform: translateY(-50px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@-webkit-keyframes fade-in-down {
+  0% {
+    transform: translateY(-50px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@-o-keyframes fade-in-down {
+  0% {
+    transform: translateY(-50px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes fade-in-down {
+  0% {
+    transform: translateY(-50px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@-moz-keyframes heartbeat-animate {
+  0%, 100% {
+    transform: scale(1);
+  }
+  10%, 30% {
+    transform: scale(0.88);
+  }
+  20%, 40%, 60%, 80% {
+    transform: scale(1.08);
+  }
+  50%, 70% {
+    transform: scale(1.08);
+  }
+}
+@-webkit-keyframes heartbeat-animate {
+  0%, 100% {
+    transform: scale(1);
+  }
+  10%, 30% {
+    transform: scale(0.88);
+  }
+  20%, 40%, 60%, 80% {
+    transform: scale(1.08);
+  }
+  50%, 70% {
+    transform: scale(1.08);
+  }
+}
+@-o-keyframes heartbeat-animate {
+  0%, 100% {
+    transform: scale(1);
+  }
+  10%, 30% {
+    transform: scale(0.88);
+  }
+  20%, 40%, 60%, 80% {
+    transform: scale(1.08);
+  }
+  50%, 70% {
+    transform: scale(1.08);
+  }
+}
+@keyframes heartbeat-animate {
+  0%, 100% {
+    transform: scale(1);
+  }
+  10%, 30% {
+    transform: scale(0.88);
+  }
+  20%, 40%, 60%, 80% {
+    transform: scale(1.08);
+  }
+  50%, 70% {
+    transform: scale(1.08);
+  }
+}
+@-moz-keyframes img-loading-animation {
+  to {
+    transform: rotate(1turn);
+  }
+}
+@-webkit-keyframes img-loading-animation {
+  to {
+    transform: rotate(1turn);
+  }
+}
+@-o-keyframes img-loading-animation {
+  to {
+    transform: rotate(1turn);
+  }
+}
+@keyframes img-loading-animation {
+  to {
+    transform: rotate(1turn);
+  }
+}
+@-moz-keyframes blink-caret {
+  from, to {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes blink-caret {
+  from, to {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@-o-keyframes blink-caret {
+  from, to {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@keyframes blink-caret {
+  from, to {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@-moz-keyframes shake {
+  0% {
+    transform: rotate(-5deg);
+  }
+  25% {
+    transform: rotate(5deg);
+  }
+  50% {
+    transform: rotate(-5deg);
+  }
+  75% {
+    transform: rotate(5deg);
+  }
+  100% {
+    transform: rotate(-5deg);
+  }
+}
+@-webkit-keyframes shake {
+  0% {
+    transform: rotate(-5deg);
+  }
+  25% {
+    transform: rotate(5deg);
+  }
+  50% {
+    transform: rotate(-5deg);
+  }
+  75% {
+    transform: rotate(5deg);
+  }
+  100% {
+    transform: rotate(-5deg);
+  }
+}
+@-o-keyframes shake {
+  0% {
+    transform: rotate(-5deg);
+  }
+  25% {
+    transform: rotate(5deg);
+  }
+  50% {
+    transform: rotate(-5deg);
+  }
+  75% {
+    transform: rotate(5deg);
+  }
+  100% {
+    transform: rotate(-5deg);
+  }
+}
+@keyframes shake {
+  0% {
+    transform: rotate(-5deg);
+  }
+  25% {
+    transform: rotate(5deg);
+  }
+  50% {
+    transform: rotate(-5deg);
+  }
+  75% {
+    transform: rotate(5deg);
+  }
+  100% {
+    transform: rotate(-5deg);
+  }
+}