-
Notifications
You must be signed in to change notification settings - Fork 0
/
menu.html
executable file
·129 lines (127 loc) · 4.88 KB
/
menu.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta name="generator" content="jemdoc, see http://jemdoc.jaboc.net/" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="icon" href="./images/zju-logo.png">
<link rel="stylesheet" href="main.css" type="text/css" />
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<!--- <title>jemdoc – add a menu</title> --->
<title>Qi SUN (孙奇)</title>
<!-- MathJax -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML' async>
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
TeX: { equationNumbers: { autoNumber: "AMS" } }
});
</script>
<!-- End MathJax -->
</head>
<body>
<div id="main-container">
<div id="header-container">
<div id="header">
<div id="header-icon-text-container">
<div id="header-icon-container" >
</div>
<div id="header-text-container">
</div>
</div>
<div id="main">
<button class="openbtn" onclick="openNav()">☰</button>
</div>
</div>
</div>
<div id="layout">
<div id="layout-menu-container">
<div id="layout-menu">
<div class="menu-item"><a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a></div>
<a href="index.html"><img src="./images/zju-logo.png" alt="ZJU校徽"></a>
<div class="menu-category">Qi SUN</div>
<div class="menu-item"><a href="index.html">About</a></div>
<div class="menu-item"><a href="research.html">Research</a></div>
<div class="menu-item"><a href="publication.html">Publications</a></div>
<div class="menu-item"><a href="experience.html">Experience</a></div>
<div class="menu-item"><a href="services.html">Services</a></div>
<div class="menu-item"><a href="tips.html">Tips</a></div>
<div class="menu-item"><a href="calendar.html">Calendar</a></div>
<div class="menu-item"><a href="https://person.zju.edu.cn/qisunchn">浙大主页</a></div>
</div> <!-- <div id="layout-menu"> -->
</div> <!-- <div id="layout-menu-container"> -->
<div id="layout-content-container">
<div id="layout-content">
<div id="toptitle">
<h1>jemdoc – add a menu</h1>
</div>
<p>jemdoc provides an easy way to add a ‘menu’ like the one you see at the left of
this page. You should create a file called <tt>MENU</tt>, for example, in the current
directory. This website's <tt>MENU</tt> looks something like this:</p>
<div class="codeblock">
<div class="blockcontent"><pre>
jemdoc
home [index.html]
download [download.html]
revision history [revision.html]
contact [contact.html]
user's guide
cheat sheet [cheatsheet.html]
using [using.html]
goodies
add a menu [menu.html]
other stuff [stuff.html]
</pre></div></div>
<p>To use the menu, start the first line of <i>each</i> source file with a special
comment like this one:</p>
<div class="codeblock">
<div class="blockcontent"><pre>
# jemdoc: menu{MENU}{index.html}
</pre></div></div>
<p>(Replace <tt>index.html</tt> with the name of the relevant html page.) This will add a
menu from the file called <tt>MENU</tt>, and underline and darken the menu entry
corresponding to <tt>index.html</tt>.</p>
<h2>Relative paths</h2>
<p>Optionally, include a <tt>prefix</tt> which instructs jemdoc where the root of the menu
is located relative to a particular page.</p>
<div class="codeblock">
<div class="blockcontent"><pre>
# jemdoc: menu{MENU}{pageinsubdir.html}{prefix}
</pre></div></div>
<h2>A note on menu widths</h2>
<p>jemdoc will create menu entries that do not wrap. If you have a particularly
long title, or menu item, insert manual linebreaks using <tt>\</tt><tt>n</tt> in your
MENU file. Multi-line menu items will (by default) have their second and
subsequent lines slightly indented.</p>
</div> <!-- <div id="layout-content"> -->
<div id="footer-container">
<div id="footer">
<div id="footer-text">
</div> <!-- <div id="footer-text"> -->
</div> <!-- <div id="footer"> -->
</div> <!-- <div id="footer-container"> -->
</div> <!-- <div id="layout-content-container"> -->
</div> <!--- <div id="layout"> --->
</div> <!--- <div id="main-container"> --->
<script>
function openNav() {
if (window.innerWidth <= 1200) {
document.getElementById("layout-menu").style.width = "280px";
document.getElementById("layout-content-container").style.marginLeft = "280.8px";
document.getElementById("layout-content-container").style.position = "fixed";
}
}
function closeNav() {
if (window.innerWidth <= 1200) {
document.getElementById("layout-menu").style.width = "0";
document.getElementById("layout-content-container").style.position = "static";
document.getElementById("layout-content-container").style.marginLeft = "0px";
setInterval(
function(){ location.reload() },
500
);
}
}
</script>
</body>
</html>