From c36f81867db049092ebac8e04a4564329a3f4f5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=88=E8=89=AF=E6=B2=8F=E5=AD=90?=
 <12232907+nhqz@user.noreply.gitee.com>
Date: Sun, 18 Dec 2022 08:36:47 +0000
Subject: [PATCH] update Christmas.html.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 奈良沏子 <12232907+nhqz@user.noreply.gitee.com>
---
 Christmas.html | 564 +++++++++++++++++++++++++++++++++++--------------
 1 file changed, 401 insertions(+), 163 deletions(-)
diff --git a/Christmas.html b/Christmas.html
index 7f1c77c..e0b3638 100644
--- a/Christmas.html
+++ b/Christmas.html
@@ -1,143 +1,374 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
 
-    <title>Merry Christmas</title>
-
-    <style>
-      button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*# sourceMappingURL=normalize.min.css.map */
-    </style>
-
-    <style>
-      * {
-        box-sizing: border-box;
-      }
-
-      body {
-        margin: 0;
-        height: 100vh;
-        overflow: hidden;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background: #161616;
-        color: #c5a880;
-        font-family: sans-serif;
-      }
-
-      label {
-        display: inline-block;
-        background-color: #161616;
-        padding: 16px;
-        border-radius: 0.3rem;
-        cursor: pointer;
-        margin-top: 1rem;
-        width: 300px;
-        border-radius: 10px;
-        border: 1px solid #c5a880;
-        text-align: center;
-      }
-
-      ul {
-        list-style-type: none;
-        padding: 0;
-        margin: 0;
-      }
-
-      .btn {
-        background-color: #161616;
-        border-radius: 10px;
-        color: #c5a880;
-        border: 1px solid #c5a880;
-        padding: 16px;
-        width: 300px;
-        margin-bottom: 16px;
-        line-height: 1.5;
-        cursor: pointer;
-      }
-      .separator {
-        font-weight: bold;
-        text-align: center;
-        width: 300px;
-        margin: 16px 0px;
-        color: #a07676;
-      }
-
-      .title {
-        color: #a07676;
-        font-weight: bold;
-        font-size: 3rem;
-        margin-bottom: 16px;
-      }
-
-      .text-loading {
-        font-size: 2rem;
-      }
-
-      .btn {
-        background-color: transparent;
-        border: none;
-        font-size: 15rem;
-        animation: shack 0.4s ease-in-out infinite;
-      }
-
-      @keyframes shack {
-        0% {
-          transform: rotate(0);
-        }
-        25% {
-          transform: rotate(-10deg);
-        }
-        50% {
-          transform: rotate(0);
-        }
-        75% {
-          transform: rotate(10deg);
-        }
-        100% {
-          transform: rotate(0);
-        }
-      }
-
-      #labels,
-      #extra {
-        /* color: rgb(106, 17, 11); */
-        color: #c5a880;
-        font-weight: bold;
-        font-size: 3.25rem;
-        position: absolute;
-        width: 100%;
-        text-align: center;
-        opacity: 0;
-        transition: all 1s ease-in-out;
-        z-index: -1;
-        top: 20%;
-      }
-      #labels.hide {
-        opacity: 0;
-      }
-      #labels.show,
-      #extra.show {
-        opacity: 1;
-        z-index: 100;
-      }
-    </style>
-
-    <script>
-      window.console = window.console || function (t) {};
-    </script>
-
-    <script>
-      if (document.location.search.match(/type=embed/gi)) {
+<head>
+	<meta charset="UTF-8" />
+
+	<title>Merry Christmas</title>
+
+	<style>
+		button,
+		hr,
+		input {
+			overflow: visible
+		}
+		
+		audio,
+		canvas,
+		progress,
+		video {
+			display: inline-block
+		}
+		
+		progress,
+		sub,
+		sup {
+			vertical-align: baseline
+		}
+		
+		html {
+			font-family: sans-serif;
+			line-height: 1.15;
+			-ms-text-size-adjust: 100%;
+			-webkit-text-size-adjust: 100%
+		}
+		
+		body {
+			margin: 0
+		}
+		
+		menu,
+		article,
+		aside,
+		details,
+		footer,
+		header,
+		nav,
+		section {
+			display: block
+		}
+		
+		h1 {
+			font-size: 2em;
+			margin: .67em 0
+		}
+		
+		figcaption,
+		figure,
+		main {
+			display: block
+		}
+		
+		figure {
+			margin: 1em 40px
+		}
+		
+		hr {
+			box-sizing: content-box;
+			height: 0
+		}
+		
+		code,
+		kbd,
+		pre,
+		samp {
+			font-family: monospace, monospace;
+			font-size: 1em
+		}
+		
+		a {
+			background-color: transparent;
+			-webkit-text-decoration-skip: objects
+		}
+		
+		a:active,
+		a:hover {
+			outline-width: 0
+		}
+		
+		abbr[title] {
+			border-bottom: none;
+			text-decoration: underline;
+			text-decoration: underline dotted
+		}
+		
+		b,
+		strong {
+			font-weight: bolder
+		}
+		
+		dfn {
+			font-style: italic
+		}
+		
+		mark {
+			background-color: #ff0;
+			color: #000
+		}
+		
+		small {
+			font-size: 80%
+		}
+		
+		sub,
+		sup {
+			font-size: 75%;
+			line-height: 0;
+			position: relative
+		}
+		
+		sub {
+			bottom: -.25em
+		}
+		
+		sup {
+			top: -.5em
+		}
+		
+		audio:not([controls]) {
+			display: none;
+			height: 0
+		}
+		
+		img {
+			border-style: none
+		}
+		
+		svg:not(:root) {
+			overflow: hidden
+		}
+		
+		button,
+		input,
+		optgroup,
+		select,
+		textarea {
+			font-family: sans-serif;
+			font-size: 100%;
+			line-height: 1.15;
+			margin: 0
+		}
+		
+		button,
+		input {}
+		
+		button,
+		select {
+			text-transform: none
+		}
+		
+		[type=submit],
+		[type=reset],
+		button,
+		html [type=button] {
+			-webkit-appearance: button
+		}
+		
+		[type=button]::-moz-focus-inner,
+		[type=reset]::-moz-focus-inner,
+		[type=submit]::-moz-focus-inner,
+		button::-moz-focus-inner {
+			border-style: none;
+			padding: 0
+		}
+		
+		[type=button]:-moz-focusring,
+		[type=reset]:-moz-focusring,
+		[type=submit]:-moz-focusring,
+		button:-moz-focusring {
+			outline: ButtonText dotted 1px
+		}
+		
+		fieldset {
+			border: 1px solid silver;
+			margin: 0 2px;
+			padding: .35em .625em .75em
+		}
+		
+		legend {
+			box-sizing: border-box;
+			color: inherit;
+			display: table;
+			max-width: 100%;
+			padding: 0;
+			white-space: normal
+		}
+		
+		progress {}
+		
+		textarea {
+			overflow: auto
+		}
+		
+		[type=checkbox],
+		[type=radio] {
+			box-sizing: border-box;
+			padding: 0
+		}
+		
+		[type=number]::-webkit-inner-spin-button,
+		[type=number]::-webkit-outer-spin-button {
+			height: auto
+		}
+		
+		[type=search] {
+			-webkit-appearance: textfield;
+			outline-offset: -2px
+		}
+		
+		[type=search]::-webkit-search-cancel-button,
+		[type=search]::-webkit-search-decoration {
+			-webkit-appearance: none
+		}
+		
+		::-webkit-file-upload-button {
+			-webkit-appearance: button;
+			font: inherit
+		}
+		
+		summary {
+			display: list-item
+		}
+		
+		[hidden],
+		template {
+			display: none
+		}
+		/*# sourceMappingURL=normalize.min.css.map */
+	</style>
+
+	<style>
+		* {
+			box-sizing: border-box;
+		}
+		
+		body {
+			margin: 0;
+			height: 100vh;
+			overflow: hidden;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background: #161616;
+			color: #c5a880;
+			font-family: sans-serif;
+		}
+		
+		label {
+			display: inline-block;
+			background-color: #161616;
+			padding: 16px;
+			border-radius: 0.3rem;
+			cursor: pointer;
+			margin-top: 1rem;
+			width: 300px;
+			border-radius: 10px;
+			border: 1px solid #c5a880;
+			text-align: center;
+		}
+		
+		ul {
+			list-style-type: none;
+			padding: 0;
+			margin: 0;
+		}
+		
+		.btn {
+			background-color: #161616;
+			border-radius: 10px;
+			color: #c5a880;
+			border: 1px solid #c5a880;
+			padding: 16px;
+			width: 300px;
+			margin-bottom: 16px;
+			line-height: 1.5;
+			cursor: pointer;
+		}
+		
+		.separator {
+			font-weight: bold;
+			text-align: center;
+			width: 300px;
+			margin: 16px 0px;
+			color: #a07676;
+		}
+		
+		.title {
+			color: #a07676;
+			font-weight: bold;
+			font-size: 3rem;
+			margin-bottom: 16px;
+		}
+		
+		.text-loading {
+			font-size: 2rem;
+		}
+		
+		.btn {
+			background-color: transparent;
+			border: none;
+			font-size: 15rem;
+			animation: shack 0.4s ease-in-out infinite;
+		}
+		
+		@keyframes shack {
+			0% {
+				transform: rotate(0);
+			}
+			25% {
+				transform: rotate(-10deg);
+			}
+			50% {
+				transform: rotate(0);
+			}
+			75% {
+				transform: rotate(10deg);
+			}
+			100% {
+				transform: rotate(0);
+			}
+		}
+		
+		#labels,
+		#extra {
+			/* color: rgb(106, 17, 11); */
+			color: #c5a880;
+			font-weight: bold;
+			font-size: 3.25rem;
+			position: absolute;
+			width: 100%;
+			text-align: center;
+			opacity: 0;
+			transition: all 1s ease-in-out;
+			z-index: -1;
+			top: 20%;
+		}
+		
+		#labels.hide {
+			opacity: 0;
+		}
+		
+		#labels.show,
+		#extra.show {
+			opacity: 1;
+			z-index: 100;
+		}
+	</style>
+
+	<script>
+		window.console = window.console || function (t) {};
+	</script>
+
+	<script>
+		if (document.location.search.match(/type=embed/gi)) {
         window.parent.postMessage("resize", "*");
       }
-    </script>
-  </head>
+	</script>
+</head>
 
-  <body translate="no">
-    <script>
-      // threejs.org/license
+<body translate="no">
+	<script>
+		// threejs.org/license
 (function(k,Ea){"object"===typeof exports&&"undefined"!==typeof module?Ea(exports):"function"===typeof define&&define.amd?define(["exports"],Ea):(k=k||self,Ea(k.THREE={}))})(this,function(k){function Ea(){}function t(a,b){this.x=a||0;this.y=b||0}function wa(){this.elements=[1,0,0,0,1,0,0,0,1];0<arguments.length&&console.error("THREE.Matrix3: the constructor no longer reads arguments. use .set() instead.")}function V(a,b,c,d,e,f,g,h,l,m){Object.defineProperty(this,"id",{value:pj++});this.uuid=L.generateUUID();
 this.name="";this.image=void 0!==a?a:V.DEFAULT_IMAGE;this.mipmaps=[];this.mapping=void 0!==b?b:V.DEFAULT_MAPPING;this.wrapS=void 0!==c?c:1001;this.wrapT=void 0!==d?d:1001;this.magFilter=void 0!==e?e:1006;this.minFilter=void 0!==f?f:1008;this.anisotropy=void 0!==l?l:1;this.format=void 0!==g?g:1023;this.internalFormat=null;this.type=void 0!==h?h:1009;this.offset=new t(0,0);this.repeat=new t(1,1);this.center=new t(0,0);this.rotation=0;this.matrixAutoUpdate=!0;this.matrix=new wa;this.generateMipmaps=
 !0;this.premultiplyAlpha=!1;this.flipY=!0;this.unpackAlignment=4;this.encoding=void 0!==m?m:3E3;this.version=0;this.onUpdate=null}function ka(a,b,c,d){this.x=a||0;this.y=b||0;this.z=c||0;this.w=void 0!==d?d:1}function Ha(a,b,c){this.width=a;this.height=b;this.scissor=new ka(0,0,a,b);this.scissorTest=!1;this.viewport=new ka(0,0,a,b);c=c||{};this.texture=new V(void 0,c.mapping,c.wrapS,c.wrapT,c.magFilter,c.minFilter,c.format,c.type,c.anisotropy,c.encoding);this.texture.image={};this.texture.image.width=
@@ -1174,8 +1405,9 @@ Wb;k.Uint32Attribute=function(a,b){console.warn("THREE.Uint32Attribute has been
 return new Dd(a,b)};k.Uint8ClampedBufferAttribute=Dd;k.Uncharted2ToneMapping=3;k.Uniform=vf;k.UniformsLib=D;k.UniformsUtils=Uh;k.UnsignedByteType=1009;k.UnsignedInt248Type=1020;k.UnsignedIntType=1014;k.UnsignedShort4444Type=1017;k.UnsignedShort5551Type=1018;k.UnsignedShort565Type=1019;k.UnsignedShortType=1012;k.VSMShadowMap=3;k.Vector2=t;k.Vector3=n;k.Vector4=ka;k.VectorKeyframeTrack=ed;k.Vertex=function(a,b,c){console.warn("THREE.Vertex has been removed. Use THREE.Vector3 instead.");return new n(a,
 b,c)};k.VertexColors=2;k.VideoTexture=sg;k.WebGLCubeRenderTarget=Db;k.WebGLMultisampleRenderTarget=Zf;k.WebGLRenderTarget=Ha;k.WebGLRenderTargetCube=function(a,b,c){console.warn("THREE.WebGLRenderTargetCube( width, height, options ) is now WebGLCubeRenderTarget( size, options ).");return new Db(a,c)};k.WebGLRenderer=og;k.WebGLUtils=Zh;k.WireframeGeometry=Rc;k.WireframeHelper=function(a,b){console.warn("THREE.WireframeHelper has been removed. Use THREE.WireframeGeometry instead.");return new ma(new Rc(a.geometry),
 new la({color:void 0!==b?b:16777215}))};k.WrapAroundEnding=2402;k.XHRLoader=function(a){console.warn("THREE.XHRLoader has been renamed to THREE.FileLoader.");return new Ra(a)};k.ZeroCurvatureEnding=2400;k.ZeroFactor=200;k.ZeroSlopeEnding=2401;k.ZeroStencilOp=0;k.sRGBEncoding=3001;Object.defineProperty(k,"__esModule",{value:!0})});
-    </script>
-    <script>/**
+	</script>
+	<script>
+		/**
       * @author alteredq / http://alteredqualia.com/
       */
      
@@ -1473,8 +1705,9 @@ new la({color:void 0!==b?b:16777215}))};k.WrapAroundEnding=2402;k.XHRLoader=func
        return FullScreenQuad;
      
      } )();
-     </script>
-    <script>/**
+	</script>
+	<script>
+		/**
       * @author alteredq / http://alteredqualia.com/
       */
      
@@ -1553,8 +1786,9 @@ new la({color:void 0!==b?b:16777215}))};k.WrapAroundEnding=2402;k.XHRLoader=func
        }
      
      } );
-     </script>
-    <script>/**
+	</script>
+	<script>
+		/**
       * @author alteredq / http://alteredqualia.com/
       */
      
@@ -1620,8 +1854,9 @@ new la({color:void 0!==b?b:16777215}))};k.WrapAroundEnding=2402;k.XHRLoader=func
        }
      
      } );
-     </script>
-    <script>/**
+	</script>
+	<script>
+		/**
       * @author alteredq / http://alteredqualia.com/
       *
       * Full-screen textured quad shader
@@ -1667,8 +1902,9 @@ new la({color:void 0!==b?b:16777215}))};k.WrapAroundEnding=2402;k.XHRLoader=func
        ].join( "\n" )
      
      };
-     </script>
-    <script>/**
+	</script>
+	<script>
+		/**
       * @author bhouston / http://clara.io/
       *
       * Luminosity
@@ -1732,8 +1968,9 @@ new la({color:void 0!==b?b:16777215}))};k.WrapAroundEnding=2402;k.XHRLoader=func
        ].join( "\n" )
      
      };
-     </script>
-    <script>/**
+	</script>
+	<script>
+		/**
       * @author spidersharma / http://eduperiment.com/
       */
      
@@ -2130,30 +2367,30 @@ new la({color:void 0!==b?b:16777215}))};k.WrapAroundEnding=2402;k.XHRLoader=func
      
      THREE.UnrealBloomPass.BlurDirectionX = new THREE.Vector2( 1.0, 0.0 );
      THREE.UnrealBloomPass.BlurDirectionY = new THREE.Vector2( 0.0, 1.0 );
-     </script>
+	</script>
 
-    <div id="overlay">
-      <ul>
-        <li class="title">To 肥汪卷：</li>
-        <li>
-          <button class="btn" id="btnA" type="button">
+	<div id="overlay">
+		<ul>
+			<li class="title">To 倪翰轩：</li>
+			<li>
+				<button class="btn" id="btnA" type="button">
             <!-- Merry Christmas  -->
             🎁
           </button>
-        </li>
-        <!-- <li class="separator">或者</li>
+			</li>
+			<!-- <li class="separator">或者</li>
         <li>
           <input type="file" id="upload" hidden />
           <label for="upload">Upload File</label>
         </li> -->
-      </ul>
-    </div>
-    <div id="labels"></div>
+		</ul>
+	</div>
+	<div id="labels"></div>
 
-    <script id="rendered-js">
-      // 💗 ‼️ ‼️ 想要说的话在这里 💗
+	<script id="rendered-js">
+		// 💗 ‼️ ‼️ 想要说的话在这里 💗
       const my_labels = [
-        "肥汪卷",
+        "倪翰轩",
         "Merry Christmas",
         "一定要成为更好的人鸭",
         "健健康康，平安喜乐",
@@ -2741,6 +2978,7 @@ function requestListData(url) {
           false
         );
       }
-    </script>
-  </body>
-</html>
+	</script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee

