feat: 🎨 为demo添加form me 右上图标

Fridolph · Jan 15, 2024 · 55a1e97 · 55a1e97
1 parent f55e40c
commit 55a1e97
Show file tree

Hide file tree

Showing 30 changed files with 30 additions and 39 deletions.
diff --git a/public/animation-js/chopper-animation/index.html b/public/animation-js/chopper-animation/index.html
@@ -12,6 +12,7 @@
 </head>
 
 <body>
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
   <div class="code-wrapper">
     <pre id="code"></pre>
   </div>

diff --git a/public/animation-js/chopper-animation/main.css b/public/animation-js/chopper-animation/main.css
@@ -26,8 +26,8 @@ body {
 }
 .actions {
     position: absolute;
-    right: 0;
-    top: 0;
+    right: 80px;
+    top: 20px;
     display: flex;
     flex-direction: column;
 }

diff --git a/public/animation-js/progress-demo/demo1.html b/public/animation-js/progress-demo/demo1.html
@@ -11,6 +11,7 @@
   </style>
 </head>
 <body>
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
   <!--<div class="loading">
     <i class="icon-loading"></i>
   </div>-->

diff --git a/public/animation-js/progress-demo/demo2.html b/public/animation-js/progress-demo/demo2.html
@@ -15,7 +15,7 @@
 </head>
 <body>
   <div class="loading"><i class="icon-loading"></i></div>
-
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
   <div class="gallery">
     <img src="http://ww2.sinaimg.cn/large/abde6512gw1eqlv5z4crjj21kw1b87wh.jpg" alt="op1" />
     <img src="http://f.hiphotos.baidu.com/zhidao/pic/item/9825bc315c6034a8db799c86cd13495409237619.jpg" alt="op2" />

diff --git a/public/animation-js/progress-demo/demo3.html b/public/animation-js/progress-demo/demo3.html
@@ -14,6 +14,7 @@
   </style>
 </head>
 <body>
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
   <div class="loading">
     <div class='uil-clock-css vh-center'>
       <div class="clock"></div>

diff --git a/public/animation-js/progress-demo/demo4.html b/public/animation-js/progress-demo/demo4.html
@@ -34,6 +34,7 @@
   </style>
 </head>
 <body>
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
   <div class="loading">
     <div class="pic">
       <i></i>

diff --git a/public/animation-js/progress-demo/demo5.html b/public/animation-js/progress-demo/demo5.html
@@ -37,7 +37,7 @@
       <b>0%</b>
     </div>
   </div>
-
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 
 
   <div class="gallery">

diff --git a/public/canvas/colorful-gallery/index.html b/public/canvas/colorful-gallery/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><title>根据图片提取相似色背景</title><link href=./static/css/app.fbb4edc9c1663e3e7b15.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.6da3dcf75c796ce0cd4c.js></script><script type=text/javascript src=./static/js/1.5d4016d591c0dcbc4e61.js></script><script type=text/javascript src=./static/js/2.b6ef973fc3d78e3f78eb.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><title>根据图片提取相似色背景</title><link href=./static/css/app.fbb4edc9c1663e3e7b15.css rel=stylesheet></head><body><a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a><div id=app></div><script type=text/javascript src=./static/js/manifest.6da3dcf75c796ce0cd4c.js></script><script type=text/javascript src=./static/js/1.5d4016d591c0dcbc4e61.js></script><script type=text/javascript src=./static/js/2.b6ef973fc3d78e3f78eb.js></script></body></html>
diff --git a/public/canvas/walking-dog/index.html b/public/canvas/walking-dog/index.html
@@ -8,6 +8,7 @@
 </head>
 
 <body style="background-color:#ebeced">
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
   <canvas id="dog-walking" width="0" height="0" style="position:fixed;bottom:0;left:0"></canvas>
   <script src="main.js?ver=1"></script>
 </body>

diff --git a/public/hover-transition/hover卡片2/index.html b/public/hover-transition/hover卡片2/index.html
@@ -11,7 +11,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="container demo-1">
 
 	<header>

diff --git a/public/hover-transition/hover卡片2/index2.html b/public/hover-transition/hover卡片2/index2.html
@@ -11,6 +11,7 @@
 
 </head>
 <body>
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="container demo-2">
 
 	<header>

diff --git a/public/hover-transition/hover卡片2/index3.html b/public/hover-transition/hover卡片2/index3.html
@@ -11,7 +11,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="container demo-3">
 
 	<header>

diff --git a/public/hover-transition/hover卡片2/index4.html b/public/hover-transition/hover卡片2/index4.html
@@ -11,7 +11,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="container demo-3">
 
 	<header>

diff --git a/public/hover-transition/hover卡片2/index5.html b/public/hover-transition/hover卡片2/index5.html
@@ -11,7 +11,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="container demo-3">
 
 	<header>

diff --git a/public/hover-transition/hover卡片2/index6.html b/public/hover-transition/hover卡片2/index6.html
@@ -11,7 +11,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="container demo-3">
 
 	<header>

diff --git a/public/hover-transition/hover卡片2/index7.html b/public/hover-transition/hover卡片2/index7.html
@@ -11,6 +11,7 @@
 
 </head>
 <body>
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="container demo-7">
 
 	<header>

diff --git a/public/hover-transition/iconHover效果/index.html b/public/hover-transition/iconHover效果/index.html
@@ -13,7 +13,7 @@
 </head>
 
 <body>
-
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
   <div class="container">
 
     <header>

diff --git a/public/hover-transition/text-hover/index.html b/public/hover-transition/text-hover/index.html
@@ -10,6 +10,7 @@
 </head>
 
 <body>  
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
   <button class="btn-nav">
     <div class="bar arrow-top-r"></div>
     <div class="bar arrow-middle-r"></div>

diff --git a/public/hover-transition/tooltip/index.html b/public/hover-transition/tooltip/index.html
@@ -13,6 +13,7 @@
 	<link rel="stylesheet" href="css/hint.css">
 </head>
 <body>
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 	<div class="container">
 		<header class="header">
 			<h1>纯CSS功能齐全的Tooltip工具提示插件 <span>A tooltip library in CSS for your lovely websites</span></h1>

diff --git a/public/hover-transition/悬停卡片/index.html b/public/hover-transition/悬停卡片/index.html
@@ -9,7 +9,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="ai_card">
 	<h2 class="t">我们接入AI  实现新零售</h2>
 	<p class="sub_t">电商进化从人工智能开始，更精准、更快、更周到</p>

diff --git a/public/hover-transition/悬停菜单/index.html b/public/hover-transition/悬停菜单/index.html
@@ -10,7 +10,7 @@
 </head>
 
 <body>
-
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="demo">
   <div class="demo__content">
     <h2 class="demo__heading">你喜欢什么样的页面布局呢？</h2>

diff --git a/public/hover-transition/科技感炫酷menu/index.html b/public/hover-transition/科技感炫酷menu/index.html
@@ -156,6 +156,7 @@
 
 <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200">
 
+<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="all">
 <div class="lefter">
   <div class="text">Hosting</div>

diff --git a/public/hover-transition/竖menubar/index.html b/public/hover-transition/竖menubar/index.html
@@ -66,7 +66,7 @@
 }</style>
 </head>
 <body>
-
+   <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="container">
   <div class="link">
     <div class="text">首页</div>

diff --git a/public/hover-transition/自制loading/index.html b/public/hover-transition/自制loading/index.html
@@ -9,7 +9,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="inner">
 
 	<link rel="stylesheet" href="css/load1.css">

diff --git a/public/hover-transition/自制表情/index.html b/public/hover-transition/自制表情/index.html
@@ -382,6 +382,7 @@
 
 </head>
 <body>
+  <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <div class="container">
   <div class="wrapper">
     <div class="emoji grin">

diff --git a/public/hover-transition/里程图片/index.html b/public/hover-transition/里程图片/index.html
@@ -14,7 +14,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <nav class="codrops-demos">
 	<a class="current" href="index.html">Demo 1</a>
 	<a href="index2.html">Demo 2</a>

diff --git a/public/hover-transition/里程图片/index2.html b/public/hover-transition/里程图片/index2.html
@@ -14,7 +14,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <nav class="codrops-demos">
 	<a href="index.html">Demo 1</a>
 	<a class="current" href="index2.html">Demo 2</a>

diff --git a/public/hover-transition/里程图片/index3.html b/public/hover-transition/里程图片/index3.html
@@ -14,7 +14,7 @@
 
 </head>
 <body>
-
+	<a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
 <nav class="codrops-demos">
 	<a href="index.html">Demo 1</a>
 	<a href="index2.html">Demo 2</a>

diff --git a/views/index.html b/views/index.html
@@ -216,6 +216,7 @@
   </head>
 
   <body>
+    <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
     <div class="bg-layer"></div>
     <div id="container" class="box-container">
       <div class="container-inner">

diff --git a/views/program.html b/views/program.html
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,6 +12,7 @@ @@
     </head>
     <body>
+      <a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a>
       <div class="code-wrapper">
         <pre id="code"></pre>
       </div>
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html><head><meta charset=utf-8><title>根据图片提取相似色背景</title><link href=./static/css/app.fbb4edc9c1663e3e7b15.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.6da3dcf75c796ce0cd4c.js></script><script type=text/javascript src=./static/js/1.5d4016d591c0dcbc4e61.js></script><script type=text/javascript src=./static/js/2.b6ef973fc3d78e3f78eb.js></script></body></html>
		<!DOCTYPE html><html><head><meta charset=utf-8><title>根据图片提取相似色背景</title><link href=./static/css/app.fbb4edc9c1663e3e7b15.css rel=stylesheet></head><body><a style="position: absolute; top: 0; right: 0; border: 0;" href="https://github.com/Fridolph/my-program"><img src="https://fridolph.github.io/my-program/views/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="https://fridolph.github.io/my-program/views/img/forkme.png"></a><div id=app></div><script type=text/javascript src=./static/js/manifest.6da3dcf75c796ce0cd4c.js></script><script type=text/javascript src=./static/js/1.5d4016d591c0dcbc4e61.js></script><script type=text/javascript src=./static/js/2.b6ef973fc3d78e3f78eb.js></script></body></html>