-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (150 loc) · 8.67 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name=”renderer” content=”webkit”>
<title>关中刀客在青岛</title>
<meta name="keywords" content="关中刀客在青岛,喜欢音乐的程序猿,个人博客,web开发,前端技术博客">
<meta name="description" content="夕阳无限好,黄昏又如何——作者31岁转行,本站是以前端技术为主的个人博客">
<link rel="stylesheet" href="//at.alicdn.com/t/font_880295_s7rtthy10q.css">
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="stylesheet" href="assets/css/bootstrap-4.3.1.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body id="index">
<div class="bgVideo">
<h1 style="position: absolute;left: 99999px;display: none">关中刀客在青岛</h1>
</div>
<header hidden class="d-md-block">
<h1 class="text-center">夕阳无限好,<br class=" d-md-none">黄昏又如何?</h1>
<a href="http://e-art.top" class="logo" title="关中刀客在青岛">
<img src="img/logo_v0.1_w.png" alt="logo">
</a>
</header>
<main class="container">
<div class="row top">
<section class="col-md-4 item study">
<h2 class="text-center">学习笔记</h2>
<ul class="list-group">
<li class="list-group-item">
<a href="http://e-art.top/Css/css3Basics"> CSS3基础
<object><a href="https://gitee.com/daoke0818/css_css3Basics" target="_blank" title="码云上的源码"><i
class="iconfont i-gitee_bg"></i></a></object>
</a>
</li>
<!-- <li class="list-group-item"><a href="http://e-art.top/Css/css3Practice"> CSS3练习</a></li>-->
<li class="list-group-item"><a href="http://e-art.top/Js/jsBasics">js基础</a></li>
<li class="list-group-item"><a href="http://e-art.top/Js/jQueryBasics">jQuery基础
<object><a href="https://gitee.com/daoke0818/Js_jQueryBasics" target="_blank"
title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
</a></li>
<li class="list-group-item">
<a href="http://e-art.top/Js/vueStudy_liuguodong">vue(2.5.x)基础
<object><a href="https://gitee.com/daoke0818/Web_vueStudy_liuguodong" target="_blank"
title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
</a>
</li>
<li class="list-group-item"><a href="page/notes.html">更多…</a></li>
</ul>
</section>
<section class="col-md-4 item project">
<h2 class="text-center">项目</h2>
<ul class="list-group">
<li class="list-group-item">
<a href="http://e-art.top/projects/bigScreenCharts/">可视化大屏图表
<object><a href="https://github.com/daoke0818/pro_bigScreenCharts/" target="_blank"
title="github上的源码"><i class="iconfont i-github_bg"></i></a></object>
<object><a href="https://gitee.com/daoke0818/pro_bigScreenCharts/" target="_blank"
title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
</a>
</li>
<li class="list-group-item"><a href="http://e-art.top/projects/yigonglianmeng/">北京义工联盟(历史版)
<object><a href="https://gitee.com/daoke0818/pro_beijingyigonglm/" target="_blank"
title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
</a></li>
<li class="list-group-item"><a href="http://e-art.top/projects/dingFuHuangZhuangHome/">定福黄庄的小窝
<object><a href="https://gitee.com/daoke0818/pro_dingFuHuangZhuangHome/" target="_blank"
title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
</a></li>
<li class="list-group-item"><a href="http://e-art.top/projects/baby_literacy/">阿洛识字
<object><a href="https://gitee.com/daoke0818/pro_baby_literacy" target="_blank"
title="github上的源码"><i class="iconfont i-github_bg"></i></a></object>
<object><a href="https://github.com/daoke0818/pro_baby_literacy" target="_blank"
title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
</a></li>
<li class="list-group-item"><a href="http://e-art.top/projects/quickeningCounter/">胎动计数器(半成品)</a></li>
<!-- <li class="list-group-item disabled"><a href="">music++(挂起中。。。)</a></li>-->
</ul>
</section>
<section class="col-md-4 item friends">
<h2 class="text-center">小伙伴们</h2>
<ul class="list-group">
<li class="list-group-item">
<a href="https://yuedu.163.com/source/56f4c5e029e94db7b544a8ad57778588_4" target="_blank">姑姑的乡土随笔</a>
<a href="https://blog.csdn.net/fuhtead?from=singlemessage" target="_blank">fuhtead的博客</a>
<li class="list-group-item">
<a href="https://zhuanlan.zhihu.com/gemfield" target="_blank">Gemfield深度学习专栏</a>
<a href="https://www.zhangxinxu.com/" target="_blank">张鑫旭</a>
<li class="list-group-item">
<a href="http://www.hehaibao.com" target="_blank">何海宝的博客</a>
<a href="https://blog.fastrun.cn" target="_blank">crazycodes</a>
<li class="list-group-item">
<a href="http://www.ruanyifeng.com">阮一峰</a>
<a href="https://www.liaoxuefeng.com/">廖雪峰</a>
<a href="page/friendlyLink.html">更多…</a>
</ul>
</section>
</div>
<div class="row bottom">
<section class="col-md-4 item link">
<h2 class="text-center">常用网址</h2>
<ul class="list-group">
<li class="list-group-item"><a href="https://www.zhihu.com">知乎</a></li>
<li class="list-group-item"><a href="https://weibo.com">新浪微博</a></li>
<li class="list-group-item"><a href="http://www.chinaw3c.org">w3C中国</a></li>
<li class="list-group-item"><a href="page/websites.html">更多…</a></li>
</ul>
</section>
<section class="col-md-4 item life">
<h2 class="text-center">代码之外</h2>
<ul class="list-group">
<li class="list-group-item"><a href="https://music.163.com/#/djradio?id=350029457">我的电台</a></li>
<li class="list-group-item"><a href="https://blog.csdn.net/daoke_li/category_9564564.html">古典音乐笔记</a></li>
<li class="list-group-item"><a href="https://www.cnblogs.com/daoke0818/category/1645671.html">中医学习笔记</a></li>
</ul>
</section>
<section class="col-md-4 item about">
<h2 class="text-center">关于</h2>
<ul class="list-group">
<li class="list-group-item"><a href="page/aboutBlog.html">博客介绍</a></li>
<li class="list-group-item"><a href="page/aboutMe.html">个人介绍</a></li>
</ul>
</section>
</div>
</main>
<footer></footer>
<!--兄弟,备案链接失效了,新的是:http://www.beian.miit.gov.cn
顺便申请个友链,贵站已添加:http://www.e-art.top/page/friendlyLink.html-->
<!--
申请友链
站点名称: 关中刀客在青岛
站点地址: http://e-art.top
站点描述:夕阳无限好,黄昏又如何——31岁转行前端程序猿的博客(或站长根据印象随意写)
站点图标:http://localhost:1024/myWeb/img/logo_v0.1_w.png
贵站已添加:http://e-art.top/page/friendlyLink.html
-->
<script src="assets/js/jquery-2.2.4.min.js"></script>
<script src="js/common.js"></script>
<script>
$(function () {
if($(window).width()>=576){
$('.bgVideo').append(`
<video muted autoplay class="d-md-block" loop src="video/SF_SutroBaths-4K_nimia_573584_768_ZH-CN.mp4"></video>
`);
}
})
</script>
</body>
</html>