-
Notifications
You must be signed in to change notification settings - Fork 0
/
calligraphy.html
126 lines (108 loc) · 4.45 KB
/
calligraphy.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
<!DOCTYPE html>
<!-- KF 03/01/2019 specifically for calligraphy page -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
書法
</title>
<link rel="shortcut icon" type="image/x-icon" href="/assets/res/favicon.ico">
<!--
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/css/materialize.min.css">
-->
<link rel="stylesheet" href="/assets/css/materialize.min.css">
<link rel="stylesheet" href="/assets/css/Material+Icons.css">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/syntax.css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
<!-- Begin Jekyll SEO tag v2.5.0 -->
<meta name="generator" content="Jekyll v3.8.5" />
<meta property="og:title" content="書法" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Theme based on Materialize.css for jekyll sites." />
<meta property="og:description" content="Theme based on Materialize.css for jekyll sites." />
<link rel="canonical" href="http://localhost:4000/calligraphy" />
<meta property="og:url" content="http://localhost:4000/calligraphy" />
<meta property="og:site_name" content="Everest" />
<script type="application/ld+json">
{"url":"http://localhost:4000/calligraphy","headline":"書法","description":"Theme based on Materialize.css for jekyll sites.","@type":"WebPage","@context":"http://schema.org"}</script>
<!-- End Jekyll SEO tag -->
</head>
<body>
<header>
<nav class="top-nav calligraphy-gray">
<div class="nav-wrapper">
<div class="container">
<a class="page-title">習書不輟</a>
<!--
<img class="buckeye_leaf" src="/assets/res/buckeye_leaf.png">
-->
<img class="calligraphy" src="/assets/res/集.jpg" alt="calligraphy-image">
</div>
</div>
</nav>
<div class="container">
<a href="#" data-activates="slide-out" class="button-collapse top-nav full hide-on-large-only">
<i class="material-icons">menu</i>
</a>
</div>
<ul id="slide-out" class="side-nav fixed">
<li>
<div class="userView">
<div class="background"></div>
<img class="circle z-depth-2" src="/assets/res/zhu.jpg" alt="user_img">
</div>
</li>
<br><br>
<li><a class="waves-effect" href="/"><i class="material-icons">home</i>返回首頁</a></li>
</ul>
</header>
<main>
<div class="container">
<p>這裡是我的書法練習場。</p>
</div>
<!-- KF 03/01/2019 -->
<!-- Modify back to top button -->
<button onclick="topFunction()" id="myBtn-calligraphy" title="返回頂部"><i class="material-icons">vertical_align_top</i></button>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn-calligraphy").style.display = "block";
} else {
document.getElementById("myBtn-calligraphy").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</main>
<footer class="page-footer calligraphy-gray">
<!--
<div class="container">
<div class="row">
<div class="col s12">
<img src="/assets/res/logo.png" alt="logo"/>
<p class="grey-text text-lighten-4">Theme based on <a href="http://materializecss.com">Materialize.css</a> for jekyll sites.
</p>
</div>
</div>
</div>
-->
<div class="footer-copyright">
<div class="container">
西元二零一九 己亥年 版權所有 克峯
</div>
</div>
</footer>
<script src="//code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/js/materialize.min.js"></script>
<script src="/assets/js/main.js"></script>
</body>
</html>