Site updated: 2024-06-29 17:25:54

Anthony-hcy · Jun 29, 2024 · c927868 · c927868
1 parent 87455b0
commit c927868
Show file tree

Hide file tree

Showing 72 changed files with 9,673 additions and 845 deletions.
diff --git a/2024/06/27/2024-6-27/index.html b/2024/06/27/2024-6-27/index.html
diff --git a/2024/06/28/hello-world/index.html b/2024/06/28/hello-world/index.html
diff --git a/404.html b/404.html
diff --git a/about/index.html b/about/index.html
diff --git a/archives/2024/06/index.html b/archives/2024/06/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/assets/404_1.jpg b/assets/404_1.jpg
diff --git a/assets/QRCode.jpg b/assets/QRCode.jpg
diff --git a/assets/avatar.webp b/assets/avatar.webp
diff --git a/assets/c10.cur b/assets/c10.cur
diff --git a/assets/c11.cur b/assets/c11.cur
diff --git a/assets/c3.cur b/assets/c3.cur
diff --git a/assets/c4.cur b/assets/c4.cur
diff --git a/assets/c7.cur b/assets/c7.cur
diff --git a/assets/c8.cur b/assets/c8.cur
diff --git a/assets/c9.cur b/assets/c9.cur
diff --git a/assets/close.webp b/assets/close.webp
diff --git a/assets/coffee.png b/assets/coffee.png
diff --git a/assets/gulp/404.jpg b/assets/gulp/404.jpg
diff --git a/assets/gulp/comment_bg.png b/assets/gulp/comment_bg.png
diff --git a/assets/gulp/friend_404.gif b/assets/gulp/friend_404.gif
diff --git a/assets/gulp/loading.gif b/assets/gulp/loading.gif
diff --git a/assets/gulp/siteicon/128.png b/assets/gulp/siteicon/128.png
diff --git a/assets/gulp/siteicon/144.png b/assets/gulp/siteicon/144.png
diff --git a/assets/gulp/siteicon/16.png b/assets/gulp/siteicon/16.png
diff --git a/assets/gulp/siteicon/192.png b/assets/gulp/siteicon/192.png
diff --git a/assets/gulp/siteicon/32.png b/assets/gulp/siteicon/32.png
diff --git a/assets/gulp/siteicon/48.png b/assets/gulp/siteicon/48.png
diff --git a/assets/gulp/siteicon/512.png b/assets/gulp/siteicon/512.png
diff --git a/assets/gulp/siteicon/64.png b/assets/gulp/siteicon/64.png
diff --git a/assets/head.jpg b/assets/head.jpg
diff --git a/assets/loading2.gif b/assets/loading2.gif
diff --git a/assets/loading3.gif b/assets/loading3.gif
diff --git a/assets/open.webp b/assets/open.webp
diff --git a/assets/pusheencode.webp b/assets/pusheencode.webp
diff --git a/assets/r1.jpg b/assets/r1.jpg
diff --git a/assets/r2.jpg b/assets/r2.jpg
diff --git a/box/animation/index.html b/box/animation/index.html
diff --git a/box/gallery/index.html b/box/gallery/index.html
diff --git a/box/nav/index.html b/box/nav/index.html
diff --git a/categories/index.html b/categories/index.html
diff --git a/comments/index.html b/comments/index.html
diff --git a/css/bounce.css b/css/bounce.css
@@ -0,0 +1,230 @@
+.pace {
+	width: 140px;
+	height: 300px;
+	position: fixed;
+	top: -90px;
+	right: -20px;
+	z-index: 2000;
+	-webkit-transform: scale(0);
+	-moz-transform: scale(0);
+	-ms-transform: scale(0);
+	-o-transform: scale(0);
+	transform: scale(0);
+	opacity: 0;
+	-webkit-transition: all 2s linear 0s;
+	-moz-transition: all 2s linear 0s;
+	transition: all 2s linear 0s;
+}
+
+.pace.pace-active {
+	-webkit-transform: scale(.25);
+	-moz-transform: scale(.25);
+	-ms-transform: scale(.25);
+	-o-transform: scale(.25);
+	transform: scale(.25);
+	opacity: 1;
+}
+
+.pace .pace-activity {
+	width: 140px;
+	height: 140px;
+	border-radius: 70px;
+	background: #22aedd;
+	position: absolute;
+	top: 0;
+	z-index: 1911;
+	-webkit-animation: pace-bounce 1s infinite;
+	-moz-animation: pace-bounce 1s infinite;
+	-o-animation: pace-bounce 1s infinite;
+	-ms-animation: pace-bounce 1s infinite;
+	animation: pace-bounce 1s infinite;
+}
+
+.pace .pace-progress {
+	position: absolute;
+	display: block;
+	left: 50%;
+	bottom: 0;
+	z-index: 1910;
+	margin-left: -30px;
+	width: 60px;
+	height: 75px;
+	background: rgba(20, 20, 20, .1);
+	box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
+	border-radius: 30px / 40px;
+	-webkit-transform: scaleY(.3) !important;
+	-moz-transform: scaleY(.3) !important;
+	-ms-transform: scaleY(.3) !important;
+	-o-transform: scaleY(.3) !important;
+	transform: scaleY(.3) !important;
+	-webkit-animation: pace-compress .5s infinite alternate;
+	-moz-animation: pace-compress .5s infinite alternate;
+	-o-animation: pace-compress .5s infinite alternate;
+	-ms-animation: pace-compress .5s infinite alternate;
+	animation: pace-compress .5s infinite alternate;
+}
+
+@-webkit-keyframes pace-bounce {
+	0% {
+		top: 0;
+		-webkit-animation-timing-function: ease-in;
+	}
+	40% {}
+	50% {
+		top: 140px;
+		height: 140px;
+		-webkit-animation-timing-function: ease-out;
+	}
+	55% {
+		top: 160px;
+		height: 120px;
+		border-radius: 70px / 60px;
+		-webkit-animation-timing-function: ease-in;
+	}
+	65% {
+		top: 120px;
+		height: 140px;
+		border-radius: 70px;
+		-webkit-animation-timing-function: ease-out;
+	}
+	95% {
+		top: 0;
+		-webkit-animation-timing-function: ease-in;
+	}
+	100% {
+		top: 0;
+		-webkit-animation-timing-function: ease-in;
+	}
+}
+
+@-moz-keyframes pace-bounce {
+	0% {
+		top: 0;
+		-moz-animation-timing-function: ease-in;
+	}
+	40% {}
+	50% {
+		top: 140px;
+		height: 140px;
+		-moz-animation-timing-function: ease-out;
+	}
+	55% {
+		top: 160px;
+		height: 120px;
+		border-radius: 70px / 60px;
+		-moz-animation-timing-function: ease-in;
+	}
+	65% {
+		top: 120px;
+		height: 140px;
+		border-radius: 70px;
+		-moz-animation-timing-function: ease-out;}
+	95% {
+		top: 0;
+		-moz-animation-timing-function: ease-in;
+	}
+	100% {top: 0;
+		-moz-animation-timing-function: ease-in;
+	}
+}
+
+@keyframes pace-bounce {
+	0% {
+		top: 0;
+		animation-timing-function: ease-in;
+	}
+	50% {
+		top: 140px;
+		height: 140px;
+		animation-timing-function: ease-out;
+	}
+	55% {
+		top: 160px;
+		height: 120px;
+		border-radius: 70px / 60px;
+		animation-timing-function: ease-in;
+	}
+	65% {
+		top: 120px;
+		height: 140px;
+		border-radius: 70px;
+		animation-timing-function: ease-out;
+	}
+	95% {
+		top: 0;
+		animation-timing-function: ease-in;
+	}
+	100% {
+		top: 0;
+		animation-timing-function: ease-in;
+	}
+}
+
+@-webkit-keyframes pace-compress {
+	0% {
+		bottom: 0;
+		margin-left: -30px;
+		width: 60px;
+		height: 75px;
+		background: rgba(20, 20, 20, .1);
+		box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
+		border-radius: 30px / 40px;
+		-webkit-animation-timing-function: ease-in;
+	}
+	100% {
+		bottom: 30px;
+		margin-left: -10px;
+		width: 20px;
+		height: 5px;
+		background: rgba(20, 20, 20, .3);
+		box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
+		border-radius: 20px / 20px;
+		-webkit-animation-timing-function: ease-out;
+	}
+}
+
+@-moz-keyframes pace-compress {
+	0% {
+		bottom: 0;
+		margin-left: -30px;
+		width: 60px;
+		height: 75px;
+		background: rgba(20, 20, 20, .1);
+		box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
+		border-radius: 30px / 40px;
+		-moz-animation-timing-function: ease-in;
+	}
+	100% {
+		bottom: 30px;
+		margin-left: -10px;
+		width: 20px;
+		height: 5px;
+		background: rgba(20, 20, 20, .3);
+		box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
+		border-radius: 20px / 20px;
+		-moz-animation-timing-function: ease-out;
+	}
+}
+
+@keyframes pace-compress {
+	0% {
+		bottom: 0;
+		margin-left: -30px;
+		width: 60px;
+		height: 75px;
+		background: rgba(20, 20, 20, .1);
+		box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
+		border-radius: 30px / 40px;
+		animation-timing-function: ease-in;
+	}
+	100% {
+		bottom: 30px;
+		margin-left: -10px;
+		width: 20px;
+		height: 5px;
+		background: rgba(20, 20, 20, .3);
+		box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
+		border-radius: 20px / 20px;
+		animation-timing-function: ease-out;
+	}
+}