首页 仓库（发现） 帮助
登录
guorui
/
A_personal_front-end_page
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: 36a2343573
分支列表 标签列表
A_personal_fron...
/
index.html

index.html 14 KB
文件历史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239 
  1. <!DOCTYPE html>
    2. 

  2. <html class="zyyo.net">
    3. 

  3. 

  4. <head class="zyyo.net">
    5. 

  5. 

  6. 	<meta charset="utf-8">
    7. 

  7. 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    8. 

  8. 	<title>
    9. 

  9. 		G.R.D </title>
    10. 

  10. 	<link rel="icon" href="static/img/favicon.ico">
    11. 

  11. 	<meta name="description" content="整天半吊子和不学无术的坏孩子,梦想成为庄稼地里的读书人.....">
    12. 

  12. 	<meta name="keywords" content="zyyo,张扬YO,ZYYO,张扬主页,ZYYO引导页,zhangyang">
    13. 

  13. 	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    14. 

  14. 	<link rel="stylesheet" href="./static/css/style.css">
    15. 

  15. 	<link rel="stylesheet" href="./static/css/root.css">
    16. 

  16. 

  17. </head>
    18. 

  18. 

  19. <body>
    20. 

  20. 	<div id="zyyo-loading">
    21. 

  21. 		<div id="zyyo-loading-center">
    22. 

  22. 		</div>
    23. 

  23. 	</div>
    24. 

  24. 	<div class="zyyo-filter"></div>
    25. 

  25. 	<div class="zyyo-main">
    26. 

  26. 		<div class="zyyo-left">
    27. 

  27. 			<div class="logo" style="background-image: url(static/img/logo.png);">
    28. 

  28. 				<img style="position: absolute;top:-15%;left:-10%;width: 120%; aspect-ratio: 1/1;"
    29. 

  29. 					src="static/img/logokuang.png">
    30. 

  30. 			</div>
    31. 

  31. 			<div class="left-div left-des">
    32. 

  32. 				<div class="left-des-item"><svg t="1705773709627" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1478"><path d="M512 249.976471c-99.388235 0-180.705882 81.317647-180.705882 180.705882s81.317647 180.705882 180.705882 180.705882 180.705882-81.317647 180.705882-180.705882-81.317647-180.705882-180.705882-180.705882z m0 301.17647c-66.258824 0-120.470588-54.211765-120.470588-120.470588s54.211765-120.470588 120.470588-120.470588 120.470588 54.211765 120.470588 120.470588-54.211765 120.470588-120.470588 120.470588z" p-id="1479"></path><path d="M512 39.152941c-216.847059 0-391.529412 174.682353-391.529412 391.529412 0 349.364706 391.529412 572.235294 391.529412 572.235294s391.529412-222.870588 391.529412-572.235294c0-216.847059-174.682353-391.529412-391.529412-391.529412z m0 891.482353C424.658824 873.411765 180.705882 686.682353 180.705882 430.682353c0-183.717647 147.576471-331.294118 331.294118-331.294118s331.294118 147.576471 331.294118 331.294118c0 256-243.952941 442.729412-331.294118 499.952941z" p-id="1480"></path></svg>China-Henan
    33. 

  33. 				</div>
    34. 

  34. 				<div class="left-des-item"><svg t="1705773906032" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2474"><path d="M729.6 234.666667H294.4V157.866667a51.2 51.2 0 0 1 51.2-51.2h332.8a51.2 51.2 0 0 1 51.2 51.2v76.8z m179.2 51.2a51.2 51.2 0 0 1 51.2 51.2v512a51.2 51.2 0 0 1-51.2 51.2H115.2a51.2 51.2 0 0 1-51.2-51.2v-512a51.2 51.2 0 0 1 51.2-51.2h793.557333z m-768 172.032c0 16.384 13.312 29.696 29.696 29.696h683.008a29.696 29.696 0 1 0 0-59.392H170.410667a29.696 29.696 0 0 0-29.696 29.696z m252.416 118.784c0 16.384 13.312 29.696 29.696 29.696h178.176a29.696 29.696 0 1 0 0-59.392H422.912a29.738667 29.738667 0 0 0-29.696 29.696z" p-id="2475"></path></svg>Sias</div>
    35. 

  35. 			</div>
    36. 

  36. 			<div class="left-div left-tag">
    37. 

  37. 				<div class="left-tag-item">帅哥
    38. 

  38. 				</div>
    39. 

  39. 				<div class="left-tag-item">小学生
    40. 

  40. 				</div>
    41. 

  41. 				<div class="left-tag-item">大一
    42. 

  42. 				</div>
    43. 

  43. 				<div class="left-tag-item">网页
    44. 

  44. 				</div>
    45. 

  45. 				<div class="left-tag-item">linux
    46. 

  46. 				</div>
    47. 

  47. 				<div class="left-tag-item">跑者
    48. 

  48. 				</div>
    49. 

  49. 				<div class="left-tag-item">前端
    50. 

  50. 				</div>
    51. 

  51. 				<div class="left-tag-item">骑行</div>
    52. 

  52. 			</div>
    53. 

  53. 			<div class="left-div left-time">
    54. 

  54. 				<ul id="line">
    55. 

  55. 					<li>
    56. 

  56. 						<div class="focus"></div>
    57. 

  57. 						<div>敬请期待
    58. 

  58. 						</div>
    59. 

  59. 						<div>2024.1</div>
    60. 

  60. 					</li>
    61. 

  61. 					<li>
    62. 

  62. 						<div class="focus"></div>
    63. 

  63. 						<div>ICP备案成功
    64. 

  64. 						</div>
    65. 

  65. 						<div>2023.8</div>
    66. 

  66. 					</li>
    67. 

  67. 					<li>
    68. 

  68. 						<div class="focus"></div>
    69. 

  69. 						<div>注册域名zyyo.net
    70. 

  70. 						</div>
    71. 

  71. 						<div>2023.3</div>
    72. 

  72. 					</li>
    73. 

  73. 					<li>
    74. 

  74. 						<div class="focus"></div>
    75. 

  75. 						<div>出来后洗心革面
    76. 

  76. 						</div>
    77. 

  77. 						<div>2021.2</div>
    78. 

  78. 					</li>
    79. 

  79. 					<li>
    80. 

  80. 						<div class="focus"></div>
    81. 

  81. 						<div>...
    82. 

  82. 						</div>
    83. 

  83. 						<div>...</div>
    84. 

  84. 					</li>
    85. 

  85. 					<li>
    86. 

  86. 						<div class="focus"></div>
    87. 

  87. 						<div>搭建第一个网站</div>
    88. 

  88. 						<div>2018.1</div>
    89. 

  89. 					</li>
    90. 

  90. 				</ul>
    91. 

  91. 			</div>
    92. 

  92. 		</div>
    93. 

  93. 		<div class="zyyo-right">
    94. 

  94. 			<header>
    95. 

  95. 				<div class="index-logo" style="background-image: url(static/img/logo.png);">
    96. 

  96. 					<img style="position: absolute;top:-15%;left:-10%;width: 120%; aspect-ratio: 1/1;"
    97. 

  97. 						src="static/img/logokuang.png">
    98. 

  98. 				</div>
    99. 

  99. 				<div class="welcome">
    100. 

  100. 					Hello I' m <span class="gradientText">
    101. 

  101. 						Zyyo </span>
    102. 

  102. 				</div>
    103. 

  103. 				<div class="description">👦 <span class="purpleText">Full Stack</span> Developer
    104. 

  104. 				</div>
    105. 

  105. 				<div class="description">📝 The only way to do <span class="purpleText textBackground">great</span> is
    106. 

  106. 					to <span class="purpleText textBackground">love</span> what you do. </div>
    107. 

  107. 

  108. 				<div class="iconContainer">
    109. 

  109. 					<a class="iconItem" onclick="" href="https://github.com/ZYYO666">
    110. 

  110. 						<svg t="1704870335945" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2487">
    111. 

  111.                             <path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9 23.5 23.2 38.1 55.4 38.1 91v112.5c0.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"  p-id="2488"></path>
    112. 

  112.                         </svg>
    113. 

  113. 						<div class="iconTip">Github</div>
    114. 

  114. 					</a><a class="iconItem" onclick="" href="mailto:i@zyyo.net">
    115. 

  115. 						<svg t="1704870588438" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3174" >
    116. 

  116.                             <path d="M926.47619 355.644952V780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V355.644952l304.103619 257.828572a170.666667 170.666667 0 0 0 220.745142 0L926.47619 355.644952zM853.333333 170.666667a74.044952 74.044952 0 0 1 26.087619 4.778666 72.704 72.704 0 0 1 30.622477 22.186667 73.508571 73.508571 0 0 1 10.678857 17.67619c3.169524 7.509333 5.12 15.652571 5.607619 24.210286L926.47619 243.809524v24.380952L559.469714 581.241905a73.142857 73.142857 0 0 1-91.306666 2.901333l-3.632762-2.925714L97.52381 268.190476v-24.380952a72.899048 72.899048 0 0 1 40.155428-65.292191A72.97219 72.97219 0 0 1 170.666667 170.666667h682.666666z"  p-id="3175"></path>
    117. 

  117.                         </svg>
    118. 

  118. 						<div class="iconTip">Mail</div>
    119. 

  119. 					</a><a class="iconItem" onclick="pop('./static/img/wxzsm.jpg')" href="javascript:void(0)">
    120. 

  120. 						<svg t="1705247464964" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4987" >
    121. 

  121.                             <path d="M995.575172 725.451034c-12.358621-26.835862-38.488276-64.794483-92.689655-94.27862-62.146207-33.721379-136.297931-40.96-208.860689-20.303448l-99.928276 28.424827-279.304828-126.057931H22.775172v489.401379h509.704828l432.375172-195.266207c15.006897-6.708966 26.835862-19.42069 32.662069-34.957241 5.649655-15.36 4.943448-31.955862-1.942069-46.962759z m-482.162758 188.910345H111.051034V601.688276h184.673104l166.664828 75.387586-3.354483 0.882759h-170.372414v88.275862H471.393103l246.819311-70.267586c49.434483-14.124138 101.517241-9.357241 142.653793 12.888275 18.184828 9.886897 30.72 20.833103 39.371034 30.896552l-386.824827 174.609655z"  p-id="4988"></path>
    122. 

  122.                             <path d="M695.437241 163.486897l58.615173-142.30069h-397.24138l66.736552 143.36c-121.82069 53.142069-207.095172 174.433103-207.095172 315.674483 0 28.601379 3.531034 57.202759 10.593103 84.744827l85.627586-21.715862c-5.12-20.48-7.768276-41.666207-7.768275-63.028965 0-141.241379 114.758621-256 256-256s256 114.758621 256 256c0 51.023448-14.830345 100.104828-43.078621 142.300689l73.268965 49.08138c37.958621-56.673103 58.085517-122.88 58.085518-191.382069-0.176552-141.947586-86.686897-264.121379-209.743449-316.733793zM467.508966 91.983448h180.965517l-21.009655 50.846897a348.16 348.16 0 0 0-66.913104-6.708966c-23.834483 0-46.962759 2.471724-69.384827 7.062069l-23.657931-51.2z"  p-id="4989"></path>
    123. 

  123.                             <path d="M683.431724 427.431724v-70.62069h-38.311724l30.190345-30.190344-49.964138-49.964138-62.49931 62.49931h-6.002759L494.344828 276.656552l-49.787587 49.964138 30.013793 30.190344h-38.311724v70.62069h88.275862v35.310345h-88.275862v70.62069h88.275862v52.965517h70.62069v-52.965517h88.275862v-70.62069h-88.275862v-35.310345z"  p-id="4990"></path>
    124. 

  124.                         </svg>
    125. 

  125. 						<div class="iconTip">赞助</div>
    126. 

  126. 					</a><a class="iconItem" onclick="pop('./static/img/wx.jpg')" href="javascript:void(0)">
    127. 

  127. 						<svg t="1712319361023" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1861" ><path d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z" p-id="1862"></path></svg>
    128. 

  128. 						<div class="iconTip">微信</div>
    129. 

  129. 					</a>  <a class="switch" href="javascript:void(0)">
    130. 

  130. 						<div class="onoffswitch">
    131. 

  131. 							<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch"
    132. 

  132. 								checked>
    133. 

  133. 							<label class="onoffswitch-label" for="myonoffswitch">
    134. 

  134. 								<span class="onoffswitch-inner"></span>
    135. 

  135. 								<span class="onoffswitch-switch"></span>
    136. 

  136. 							</label>
    137. 

  137. 						</div>
    138. 

  138. 					</a>
    139. 

  139. 				</div>
    140. 

  140. 

  141. 				<div class="tanChiShe">
    142. 

  142. 					<img id="tanChiShe" src="static/svg/snake-Light.svg" alt="">
    143. 

  143. 				</div>
    144. 

  144. 			</header>
    145. 

  145. 

  146. 

  147. 

  148. 

  149. 

  150. 

  151. 			<content>
    152. 

  152. 				<div class="title"><svg t="1705257422086" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1891" >
    153. 

  153.                         <path d="M629.333333 202.666667v213.333333h277.333334v448h-512v-213.333333h-277.333334v-448h512z m213.333334 277.333333h-213.333334v170.666667h-170.666666v149.333333h384v-320z m-277.333334-213.333333h-384v320h213.333334v-170.666667h170.666666v-149.333333z m0 213.333333h-106.666666v106.666667h106.666666v-106.666667z"  p-id="1892"></path>
    154. 

  154.                     </svg>site </div>
    155. 

  155. 				<div class="projectList"><a class="projectItem a" target="_blank" href="https://blog.zyyo.net">
    156. 

  156. 						<div class="projectItemLeft">
    157. 

  157. 							<h1>博客</h1>
    158. 

  158. 							<p>记录摆烂日常</p>
    159. 

  159. 						</div>
    160. 

  160. 						<div class="projectItemRight">
    161. 

  161. 							<img src="static/img/i1.png" alt="">
    162. 

  162. 						</div>
    163. 

  163. 

  164. 					</a><a class="projectItem a" target="_blank" href="https://i.zyyo.cc">
    165. 

  165. 						<div class="projectItemLeft">
    166. 

  166. 							<h1>云盘</h1>
    167. 

  167. 							<p>存储收集文件</p>
    168. 

  168. 						</div>
    169. 

  169. 						<div class="projectItemRight">
    170. 

  170. 							<img src="static/img/i2.png" alt="">
    171. 

  171. 						</div>
    172. 

  172. 

  173. 					</a><a class="projectItem a" target="_blank" href="https://zyyo.cc">
    174. 

  174. 						<div class="projectItemLeft">
    175. 

  175. 							<h1>实验室</h1>
    176. 

  176. 							<p>收集有趣html作品</p>
    177. 

  177. 						</div>
    178. 

  178. 						<div class="projectItemRight">
    179. 

  179. 							<img src="static/img/i3.png" alt="">
    180. 

  180. 						</div>
    181. 

  181. 

  182. 					</a></div>
    183. 

  183. 				<div class="title"><svg t="1705257422086" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1891" >
    184. 

  184.                         <path d="M629.333333 202.666667v213.333333h277.333334v448h-512v-213.333333h-277.333334v-448h512z m213.333334 277.333333h-213.333334v170.666667h-170.666666v149.333333h384v-320z m-277.333334-213.333333h-384v320h213.333334v-170.666667h170.666666v-149.333333z m0 213.333333h-106.666666v106.666667h106.666666v-106.666667z"  p-id="1892"></path>
    185. 

  185.                     </svg>project </div>
    186. 

  186. 				<div class="projectList"><a class="projectItem b" target="_blank"
    187. 

  187. 						href="https://github.com/ZYYO666/homepage">
    188. 

  188. 						<div class="projectItemLeft">
    189. 

  189. 							<h1>ZYYO主页</h1>
    190. 

  190. 							<p>本站同款</p>
    191. 

  191. 						</div>
    192. 

  192. 						<div class="projectItemRight">
    193. 

  193. 							<img src="static/img/i5.png" alt="">
    194. 

  194. 						</div>
    195. 

  195. 

  196. 					</a><a class="projectItem b" target="_blank" href="https://github.com/ZYYO666/ZYYO">
    197. 

  197. 						<div class="projectItemLeft">
    198. 

  198. 							<h1>ZYYO主题</h1>
    199. 

  199. 							<p>一款ty主题</p>
    200. 

  200. 						</div>
    201. 

  201. 						<div class="projectItemRight">
    202. 

  202. 							<img src="static/img/i6.png" alt="">
    203. 

  203. 						</div>
    204. 

  204. 

  205. 					</a></div>
    206. 

  206. 				<div class="title">
    207. 

  207. 					<svg t="1705257823317" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7833" >
    208. 

  208.                         <path d="M395.765333 586.570667h-171.733333c-22.421333 0-37.888-22.442667-29.909333-43.381334L364.768 95.274667A32 32 0 0 1 394.666667 74.666667h287.957333c22.72 0 38.208 23.018667 29.632 44.064l-99.36 243.882666h187.050667c27.509333 0 42.186667 32.426667 24.042666 53.098667l-458.602666 522.56c-22.293333 25.408-63.626667 3.392-54.976-29.28l85.354666-322.421333zM416.714667 138.666667L270.453333 522.581333h166.869334a32 32 0 0 1 30.933333 40.181334l-61.130667 230.954666 322.176-367.114666H565.312c-22.72 0-38.208-23.018667-29.632-44.064l99.36-243.882667H416.714667z"  p-id="7834"></path>
    209. 

  209.                     </svg>
    210. 

  210. 					skills
    211. 

  211. 				</div>
    212. 

  212. 				<div class="skill">
    213. 

  213. 					<img id="skillPc" src="static/svg/skillPc.svg" alt="" srcset="">
    214. 

  214. 					<img id="skillWap" src="static/svg/skillWap.svg" alt="" srcset="">
    215. 

  215. 				</div>
    216. 

  216. 			</content>
    217. 

  217. 		</div>
    218. 

  218. 	</div>
    219. 

  219. 	<footer>
    220. 

  220. 		<p>Copyright &copy; 2022~ <script>document.write(new Date().getFullYear());</script> <a href="https://grd.net.cn" target="_blank">G.R.D</a> All Rights Reserved. ｜G.R.D 版权所有</p>
    221. 

  221. 		<a href="https://beian.miit.gov.cn/">
    222. 

  222. 			豫ICP备2023015852号-1 </a>
    223. 

  223. 	</footer>
    224. 

  224. 	<div class="tc">
    225. 

  225. 		<div onclick="" class="tc-main">
    226. 

  226. 			<img class="tc-img" src="" alt="" srcset="">
    227. 

  227. 		</div>
    228. 

  228. 

  229. 	</div>
    230. 

  230. </body>
    231. 

  231. <script src="./static/js/script.js"> </script>
    232. 

  232. 

  233. 

  234. 

  235. 

  236. <!--<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>-->
    237. 

  237. <!--<script>LA.init({ id: "KFqltKSkJgQTGD9l", ck: "KFqltKSkJgQTGD9l" })</script>-->
    238. 

  238. 

  239. </html>
    240.