-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
135 lines (133 loc) · 11.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="./icon.svg" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="basic.css" rel="stylesheet"><link href="default.css" rel="stylesheet"><title>Sunzy's Git Page Index</title></head>
<body id="root"><h1 id="jayces-git-page">Jayce's Git Page</h1>
<h2 id="about-me">About Me</h2>
<p>乘风而行，踏浪而游，于海之尽头，于山之峰巅。</p>
<p>🥳🥳🥳</p>
<h4 id="custom-component-demos">Custom Component Demos</h4>
<ul>
<li><a href="https://joisun.github.io/demos/Components/effect-buttons/dist">按钮特效
</a></li>
<li><a href="https://joisun.github.io/demos/Components/hidden-search-widget/dist">动效搜索框
</a></li>
<li><a href="https://joisun.github.io/demos/Components/number-animation/dist">数字动画
</a></li>
<li><a href="https://joisun.github.io/demos/Components/radius-tabs/dist">圆角 tab 页
</a></li>
<li><a href="https://joisun.github.io/demos/Components/sticky-navbar/dist">Sticky Header Navigation
</a></li>
<li><a href="https://joisun.github.io/demos/Components/switcher/dist">Switcher
</a></li>
<li><a href="https://joisun.github.io/demos/Components/verify-code/dist">验证码
</a></li>
</ul>
<h4 id="css-tricks">CSS Tricks</h4>
<ul>
<li><a href="https://joisun.github.io/demos/CssTrick/DuangDuang/dist">DuangDuang</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/DynamicBackgroundColor/dist">动态颜色背景</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/DynamicNavgatorIndicator/dist">动态导航指示 demo Dynamic Indicator</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/HappyNewYear2022/dist">Happy New Year 2022 透视文字</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/ParallaxCard/dist">视差 Hover Parallax Card</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/ParallaxPage/dist">鼠标视差效果 Parallax Page</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/bilibili-thumbsup/dist">demos/CssTrick/bilibili-thumbsup/index.md 文件缺失,其内容应该是demo项目的名称,内容格式为纯文本</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/chessboard/dist">象棋盘,透明背景效果
</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/circleLoading/dist">小球Loading效果</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/deletion-ani/dist">demos/CssTrick/deletion-ani/index.md 文件缺失,其内容应该是demo项目的名称,内容格式为纯文本</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/drag-n-drop/dist">Drag-and-Drap Demo
</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/expanding-cards/dist">Expanding Cards 折叠卡 Banner</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/filter-switch/dist">一个滤镜预览器
</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/filtercomparison/dist">一个 Css Filter 预览器的实现</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/fliper-board/dist">Flipper Board 数字翻牌器</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/hover-board/dist">Hover Board 多元素渲染</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/interactiveCarousel/dist">联动 Tab Pages</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/progress-steps/dist">Progress Steps 步进条</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/purecss-continue-reading/dist">PureCSS 实现文章阅读更多+折叠效果</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/scale-blur/dist"> Scale+Blur 可爱的眼睛</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/scroll-animation/dist">Scroll Animation 视口元素检测案例</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/shared-element/dist">Shared Element
</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/sound-board/dist">H5 声音 API DEMO
</a></li>
<li><a href="https://joisun.github.io/demos/CssTrick/theme-clock/dist">Theme clock 主题时钟</a></li>
</ul>
<h4 id="demo-pages">Demo Pages</h4>
<ul>
<li><a href="https://joisun.github.io/demos/DemoPages/ChromeBookmarks/dist">Chrome Bookmarks
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/DragPullRefresh/dist">下拉刷新
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/GeneratePathSvg/dist">非矢量图转pathSvg矢量图
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/bilibili-banner/dist">Bilibili Banner 效果风车鼠标随动效果
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/canvas-clock/dist">canvas-clock
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/drag-attach/dist">Drag refer lines
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/drag-sort-list/dist">DragSort List and FLIP Animation</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/dvd-screensaver/dist">DvD 屏保效果
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/dynamicText/dist">动态背景+背景字体剪裁</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/flip-animation/dist">Flip 动画原理
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/image_binary_render/dist">图片字节流数据渲染
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/iphone-14/dist">iPhone14 效果页
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/iphone14pro-text/dist">iPhone14 动画文字
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/nextjs-official-ani/dist">Nextjs Official Site Animation
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/render-tree-command-json/dist">Tree Output Visualizer</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/threejs-rain/dist">Threejs 下雨特效
</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/view-transition-demo/dist">demos/DemoPages/view-transition-demo/index.md 文件缺失,其内容应该是demo项目的名称,内容格式为纯文本</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/view-transition-demo-elementplus/dist">View Transition Demo Element Plus</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/view-transition-demo-mpa/dist">view transition mpa demo</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/view-transition-demo-react/dist">View Transition API demo for React</a></li>
<li><a href="https://joisun.github.io/demos/DemoPages/wheelChange/dist">Drag and Zoom Draw Canvas Demo
</a></li>
</ul>
<h4 id="generate-arts">Generate Arts</h4>
<ul>
<li><a href="https://joisun.github.io/demos/GenerateArts/plum-effect/dist">梅花生长
</a></li>
</ul>
<h4 id="others">Others</h4>
<ul>
<li><a href="https://joisun.github.io/demos/Others/ChinaTradColorPick/dist">中国传统色选择器
</a></li>
<li><a href="https://joisun.github.io/demos/Others/ThreeJsDemoPlatform/dist">Threejs Playground
</a></li>
<li><a href="https://joisun.github.io/demos/Others/ThreejsPipesMapping/dist">Threejs 水管 Demo
</a></li>
<li><a href="https://joisun.github.io/demos/Others/TreeTool/dist">Tree Tool
</a></li>
<li><a href="https://joisun.github.io/demos/Others/markdown-diff-block-generater/dist">Mdiff: Markdown Diff CodeBlock Generator</a></li>
<li><a href="https://joisun.github.io/demos/Others/rabbitChat/dist">Websocket 聊天 Demo ShareTalk 社兔
</a></li>
<li><a href="https://joisun.github.io/demos/Others/svgConvert/dist">Svg Convert
</a></li>
<li><a href="https://joisun.github.io/demos/Others/v-drag/dist">demos/Others/v-drag/index.md 文件缺失,其内容应该是demo项目的名称,内容格式为纯文本</a><br>
<br>
<br>
<br></li>
</ul>
<h4 id="更多-httpscodepeniojoisunpens">更多 <a href="https://codepen.io/joisun/pens/">https://codepen.io/joisun/pens/</a></h4>
<h2 id="end-saying">END SAYING</h2>
<p>And we are friend if you like emoji too! 😋 😛 😝 😜 🤪</p>
<hr>
<p style="text-align: center; margin-top: 100px">
Powered by
<a href="https://github.com/joisun/gitpage-static-generator"> gitpage-static-generator </a> | <a style="vertical-align:sub" href="https://github.com/joisun" title="GitHub" class="jsx-75b7a50d20f1581e hover-black mr2">
<svg viewBox="0 0 16 16" width="18" height="18" fill="currentColor" data-darkreader-inline-fill="" style="--darkreader-inline-fill:currentColor;"><path d="M14.0609 4.65755C13.435 3.58505 12.5859 2.73595 11.5135 2.11005C10.4409 1.48413 9.26999 1.17125 7.99989 1.17125C6.72994 1.17125 5.55864 1.48423 4.4863 2.11005C3.4138 2.73591 2.56476 3.58505 1.9388 4.65755C1.31295 5.73002 1 6.90116 1 8.17095C1 9.69625 1.44501 11.0678 2.33526 12.2861C3.22542 13.5044 4.37536 14.3474 5.78501 14.8153C5.94909 14.8457 6.07056 14.8243 6.14954 14.7516C6.22855 14.6787 6.26801 14.5875 6.26801 14.4782C6.26801 14.46 6.26644 14.296 6.26341 13.9861C6.26028 13.6761 6.25881 13.4057 6.25881 13.175L6.04917 13.2113C5.91551 13.2358 5.74689 13.2461 5.54331 13.2432C5.33983 13.2404 5.1286 13.219 4.90989 13.1794C4.69109 13.1401 4.48757 13.0489 4.29919 12.9062C4.11091 12.7634 3.97725 12.5764 3.89823 12.3457L3.80709 12.136C3.74634 11.9963 3.6507 11.8412 3.52004 11.6712C3.38937 11.501 3.25724 11.3856 3.12358 11.3249L3.05977 11.2792C3.01724 11.2488 2.97779 11.2122 2.9413 11.1697C2.90484 11.1273 2.87755 11.0847 2.85932 11.0421C2.84106 10.9995 2.85619 10.9646 2.90487 10.9371C2.95356 10.9097 3.04154 10.8964 3.1692 10.8964L3.35142 10.9236C3.47295 10.948 3.62328 11.0208 3.80259 11.1424C3.98181 11.2639 4.12914 11.4218 4.2446 11.6162C4.38443 11.8654 4.55289 12.0552 4.75046 12.1859C4.94788 12.3166 5.14692 12.3818 5.3474 12.3818C5.54788 12.3818 5.72103 12.3666 5.86692 12.3364C6.01265 12.306 6.14938 12.2603 6.27704 12.1996C6.33173 11.7923 6.48062 11.4794 6.72359 11.2607C6.37728 11.2243 6.06593 11.1695 5.78938 11.0966C5.51299 11.0236 5.22737 10.9052 4.93271 10.741C4.6379 10.577 4.39334 10.3733 4.19895 10.1304C4.00454 9.88734 3.84499 9.56824 3.72052 9.17337C3.59598 8.77835 3.5337 8.32268 3.5337 7.80622C3.5337 7.07086 3.77377 6.4451 4.2538 5.92858C4.02893 5.37573 4.05016 4.75597 4.31755 4.06936C4.49377 4.01461 4.75509 4.05569 5.1014 4.19236C5.44777 4.32909 5.70137 4.44621 5.86245 4.54332C6.02354 4.6404 6.15261 4.72267 6.24984 4.78939C6.81505 4.63147 7.39832 4.55249 7.99982 4.55249C8.60133 4.55249 9.18473 4.63147 9.74996 4.78939L10.0963 4.57075C10.3331 4.42486 10.6128 4.29116 10.9347 4.16963C11.2567 4.04816 11.503 4.0147 11.6732 4.06945C11.9465 4.75609 11.9709 5.37582 11.7459 5.92867C12.2259 6.4452 12.4661 7.07112 12.4661 7.80632C12.4661 8.32277 12.4036 8.77989 12.2793 9.17794C12.1548 9.57606 11.9938 9.89485 11.7964 10.135C11.5988 10.3751 11.3526 10.5771 11.058 10.7411C10.7633 10.9052 10.4776 11.0236 10.2012 11.0966C9.92465 11.1695 9.6133 11.2244 9.26699 11.2608C9.58284 11.5342 9.7408 11.9656 9.7408 12.555V14.478C9.7408 14.5872 9.77879 14.6784 9.85483 14.7513C9.93078 14.8241 10.0507 14.8455 10.2148 14.815C11.6246 14.3472 12.7746 13.5041 13.6647 12.2858C14.5547 11.0676 14.9999 9.69599 14.9999 8.17069C14.9996 6.90106 14.6865 5.73002 14.0609 4.65755Z"></path></svg>
</a>
</p>
</body></html>