Sync

2023-11-26 18:56:40 +08:00
parent be14f5fdb1
commit 64431e7a73
144 changed files with 497072 additions and 3730 deletions
--- a/resources/css/app-front.css
+++ b/resources/css/app-front.css
@@ -0,0 +1,128 @@
+.lqip-loader {
+  position: relative;
+  overflow: hidden;
+  width: auto;
+}
+
+.lqip-loader img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
+.lqip-loader img,
+.lqip-loader img {
+  display: block;
+}
+
+.lqip-loader img {
+  position: relative;
+  float: left;
+  display: block;
+}
+
+.lqip-frozen {
+  -webkit-filter: blur(8px);
+  -moz-filter: blur(8px);
+  -o-filter: blur(8px);
+  -ms-filter: blur(8px);
+  filter: blur(8px);
+  transform: scale(1.04);
+  animation: 0.2s ease-in 0.4s 1 forwards lqipFade;
+  width: 100%;
+}
+
+@keyframes lqipFade {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+.hover-text-white {
+  --bs-nav-link-hover-color: white;
+}
+
+.hover-text-white:hover {
+  color: white !important;
+}
+
+figure.image > img {
+  max-width: 100%;
+  height: auto;
+}
+
+footer.image-caption {
+  font-size: 0.875em;
+  text-align: center;
+  opacity: 0.7;
+}
+
+.glow-1 {
+  -webkit-box-shadow: 0px 0px 9px 5px rgba(45, 255, 196, 0.38);
+  -moz-box-shadow: 0px 0px 9px 5px rgba(45, 255, 196, 0.38);
+  box-shadow: 0px 0px 9px 5px rgba(45, 255, 196, 0.38);
+}
+
+.glow-2 {
+  -webkit-box-shadow: 0px 0px 9px 5px rgba(238, 46, 255, 0.38);
+  -moz-box-shadow: 0px 0px 9px 5px rgba(238, 46, 255, 0.38);
+  box-shadow: 0px 0px 9px 5px rgba(238, 46, 255, 0.38);
+}
+
+.glow-3 {
+  -webkit-box-shadow: 0px 0px 9px 5px rgba(46, 147, 255, 0.38);
+  -moz-box-shadow: 0px 0px 9px 5px rgba(46, 147, 255, 0.38);
+  box-shadow: 0px 0px 9px 5px rgba(46, 147, 255, 0.38);
+}
+
+.line-clamp-1 {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-3 {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.hover-grow {
+  transition: 0.3s;
+  transform: scale(1);
+}
+
+.hover-grow:hover,
+.d-grow {
+  transform: scale(1.03);
+  transition: 0.3s;
+}
+
+@keyframes breathing {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.breathing-effect {
+  animation: breathing 1s ease-in-out infinite;
+}