-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
112 lines (107 loc) · 5.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Browser Compatiable -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- SEO : Search Engine Optimization -->
<meta name="keywords" content="HTML5,Website,xgqfrms,2016,shanghai,github,front-end,front end,learning programming,...">
<meta name="description" content="HTML5 :This is a web front-end learning webiste for anybody who love web programming!">
<meta name="author" content="xgqfrms">
<meta name="generator" content="Sublime Text3 && WAMP || LAMP">
<!-- 自动刷新 $ 重定向 -->
<meta http-equiv="refresh" content="60; url=https://xgqfrms.xyz">
<link href="../../images/favicon.png" rel="shortcut icon" type="image/x-icon">
<!-- CSS3 Media Query -->
<!-- Bootstrap -->
<link rel="stylesheet" href="https://xgqfrms.github.io/HTML5/lib/bootstrap/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- HTML5 shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--
https://github.com/aFarkas/html5shiv/tree/master/dist 3.7.3
https://github.com/scottjehl/Respond/blob/master/dest/respond.min.js 1.4.2
CDN:
https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js
https://oss.maxcdn.com/respond/1.4.2/respond.min.js
https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js
https://cdn.jsdelivr.net/respond/1.4.2/respond.min.js
-->
<!--[if lt IE 9]>
<script src="https://xgqfrms.github.io/HTML5/lib/hack/html5shiv-3.7.3.min.js"></script>
<script src="https://xgqfrms.github.io/HTML5/lib/hack/respond-1.4.2.min.js"></script>
<![endif]-->
<title>demo template</title>
<style>
.wiki-main-content {
padding-top: 30px!important;
}
.wiki-main-content {
background-color: rgba(255, 217, 217, 1);
border: 20px solid red;
border-image: repeating-linear-gradient(-45deg, rgba(255, 0, 0, 1) 0px, rgba(255,0, 0, 1) 10px, rgba(255, 168, 0, 1) 10px, rgba(255, 168, 0, 1) 20px, rgba(255,0,0,1) 20px) 20 20 repeat;
}
.wiki-main-content {
background: #fff;
min-height: 300px;
}
</style>
</head>
<body>
<h1>Hello, AI!</h1>
<div>
<a href="http://xgqfrms.xyz">http://xgqfrms.xyz</a><br>
<a href="https://xgqfrms.xyz">https://xgqfrms.xyz</a>
</div>
<!-- Draft: JSX Specification -->
<div>
<h3><a href="https://facebook.github.io/jsx/">Draft: JSX Specification</a></h3>
<p>
<mark>JSX </mark>is a <strong>XML-like syntax extension to ECMAScript</strong> without any defined semantics. <br>
It's NOT intended to be implemented by engines or browsers. <br>
It's NOT a proposal to incorporate JSX into the ECMAScript spec itself. <br>
It's intended to be used by various preprocessors (transpilers) to transform these tokens into standard ECMAScript. <br>
</p>
</div>
<!-- CSS3 background渐变 border -->
<h3><a href="https://developer.mozilla.org/en-US/docs/Archive/JXON">CSS3: background渐变 border</a></h3>
<div class="wiki-main-content">
<!-- https://developer.mozilla.org/en-US/docs/Archive/JXON -->
<p>
<h3>
<mark><a href="https://developer.mozilla.org/en-US/docs/Archive/JXON">JXON</a></mark>
(<strong>lossless JavaScript XML Object Notation</strong>)<br/>
is a generic name by which is defined the representation of JavaScript Objects using XML.
</h3>
</p>
</div>
<!-- js -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://xgqfrms.github.io/HTML5/lib/jquery/jquery-1.12.4.js" integrity="sha384-KcyRSlC9FQog/lJsT+QA8AUIFBgnwKM7bxm7/YaX+NTr4D00npYawrX0h+oXI3a2" crossorigin="anonymous"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://xgqfrms.github.io/HTML5/lib/bootstrap/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- https://tagmanager.google.com/?hl=en#/container/accounts/410193853/containers/2472428 -->
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KD5KNC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KD5KNC');</script>
<!-- End Google Tag Manager -->
<!-- adobe fonts -->
<!-- https://typekit.com/fonts/source-han-sans-simplified-chinese -->
<script>
(function(d) {
var config = {
kitId: 'usf0zfa',
scriptTimeout: 3000,
async: true
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
})(document);
</script>
</body>
</html>