-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
155 lines (147 loc) · 6.88 KB
/
about.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
---
layout: about-default
---
<script>
document.addEventListener('DOMContentLoaded', function() {
const button = document.getElementById('toggleButton');
const sidebar = document.getElementById('sidebar1');
// 找到所有具有指定 class 的 details 元素
const ulsElements = document.querySelectorAll('ul.nav.nav-pills.nav-stacked');
button.addEventListener('click', function() {
// 切换 sidebar 的 collapsed 状态
sidebar.classList.toggle('collapsed');
const expanded = !sidebar.classList.contains('collapsed');
button.setAttribute('aria-expanded', expanded);
// 切换 details 元素的显示状态
ulsElements.forEach(details => {
details.style.display = details.style.display === 'none' ? '' : 'none';
});
});
});
</script>
<style>
.new_figma_des{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
padding: 0;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
z-index: 1;
}
#toggleButton {
transition: opacity 0.3s;
background-color: transparent;
cursor: pointer;
}
#sidebar1 {
transition: width 0.3s;
overflow: hidden;
}
#sidebar1.collapsed {
width: 65px;
}
.c_k {
width: 100%;
}
#sidebar1.collapsed #logo,
#sidebar1.collapsed #toggleButton {
opacity: 1; /* 保持可见 */
}
.c_k {
width: 100%;
}
</style>
{% assign posts_about_desc = site.categories["about"] | sort: 'date' | group_by_exp:"post", "post.desc" |reverse %}
{% assign posts_about = site.categories["about"] | sort: 'date' %}
<div id="help-page">
<div class="visible-xs"><!--nav banner with logo. 响应式::菜单::表单-->
{% include nav.html %}
<div class="spacing"></div>
<form class="form-inline">
<div class="form-group"><details>
{% for descs in posts_about_desc %}
{% if page.desc contains descs.name %}
<summary class="edSFyN flex justify-between">
<a><strong>{{descs.name | replace: "「", "" | replace: "」", ""|upcase}}</strong></a>
</summary>
{% for post in descs.items %}
<ul class="nav nav-pills nav-stacked">
<li id="toc-{{post.Researchname}}" class="table-of-contents table-of-contents__left-border {% if post.Researchname == page.Researchname or post.redirect_help_id == page.Researchname %} active{%endif%}">
<a href="{{ post.url }}">{{ forloop.index| roman }}. {{ post.Researchname | upcase}}</a>
</li>
</ul>
{% endfor %}
{% endif %}
{% endfor %}
</details>
</div>
</form>
</div><!--响应式::菜单::表单 end class="area-scroll" style="height:100vh"-->
<!--left area: menu 左边菜单栏 col-sm-3 ./25%-->
<div id="post-content" class="row markdown-body-img d-flex">
<div id="sidebar1" class="flex-column col-md-3 position-sticky ml-hide overflow-y-auto top-0 d-none d-lg-block flex-shrink-0 border-right" style="height:100vh">
<div tabindex="-1" class="position-sticky navbar-default top-0 color-bg-default new_figma_des" style="z-index:3">
<a href="/" target="blank" id="logo">
{% include pic.html name="logo-small" %}
{% if site.harmony %}
<a rel="" class="f4 text-semibold color-fg-default no-underline no-wrap pl-2 flex-auto" style="padding-top: 25px;">{{ site.harmony }}</a>
{% endif %}
</a>
<a id="toggleButton" aria-expanded="true" aria-label="折叠边栏" class="c_fp c_fq c_es c_fr c_eu c_ev c_ew c_ex c_dc c_c c_k">
{% include pic.html name="expand-icon" %}
</a>
</div>
<ul id="help-nav" aria-expanded="true" class="nav nav-pills nav-stacked" >
{% for descs in posts_about_desc %}
<details {%if page.desc contains descs.name %}open{%endif%}>
<summary class="edSFyN flex justify-between"><!--left - detail - summary-->
<a class="no-underline"><strong>{{descs.name | replace: "「", "" | replace: "」", ""|upcase}}</strong></a>
</summary>
{% for post in descs.items %}
<ul class="nav nav-pills nav-stacked no-underline">
<li id="toc-{{ post.Researchname }}" class="table-of-contents table-of-contents__left-border {% if post.Researchname == page.Researchname or post.redirect_help_id == page.Researchname %} active{%endif%}">
<a href="{{ post.url }}">{{ forloop.index| roman }}. {{ post.Researchname | upcase}}</a>
{% comment %} - @link {https://www.zhangxinxu.com/study/201306/ajax-page-html5-history-api.html?area=putuo}
<a onclick="window.history.pushState(null, null, '{{ post.url }}');">{{ forloop.index| roman }}. {{ post.Researchname | upcase}}</a>
{% endcomment %}
</li>
</ul>
{% endfor %}
</details>
{% endfor %}
</ul>
</div><!-- side menu end. 左边菜单栏结束-->
<!--中间内容-->
<div class="flex-column">
{% include top-banner.html %}
<div id="help-content"><!--page main content-->
<div class="px-md-6">
<h1>
<span class="post-print pull-right"><a onclick="printpage()"><!--href="javascript:window.print()"-->
<ion-icon><svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 512 512" style="fill:currentColor;stroke:none;"><title>Print document</title><path d="M400,96V56a8,8,0,0,0-8-8H120a8,8,0,0,0-8,8V96"/><rect x="152" y="264" width="208" height="160" rx="4" ry="4" style="fill:none;stroke:none;"/><path d="M408,112H104a56,56,0,0,0-56,56V376a8,8,0,0,0,8,8h56v72a8,8,0,0,0,8,8H392a8,8,0,0,0,8-8V384h56a8,8,0,0,0,8-8V168A56,56,0,0,0,408,112ZM360,420a4,4,0,0,1-4,4H156a4,4,0,0,1-4-4V268a4,4,0,0,1,4-4H356a4,4,0,0,1,4,4ZM394,207.92a24,24,0,1,1,22-22A24,24,0,0,1,394,207.92Z"/></svg>
</ion-icon></a></span>
<span class="post-print pull-right"><a href="{{site.githubAccess}}/{{site.githubRepos}}/edit/{{site.githubRepos-Branch}}/{{page.path}}" target="_blank">
<ion-icon><svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 512 512" style="fill:currentColor;stroke:none;"><title>Edit on github</title><path d="M459.94,53.25a16.06,16.06,0,0,0-23.22-.56L424.35,65a8,8,0,0,0,0,11.31l11.34,11.32a8,8,0,0,0,11.34,0l12.06-12C465.19,69.54,465.76,59.62,459.94,53.25Z"/><path d="M399.34,90,218.82,270.2a9,9,0,0,0-2.31,3.93L208.16,299a3.91,3.91,0,0,0,4.86,4.86l24.85-8.35a9,9,0,0,0,3.93-2.31L422,112.66A9,9,0,0,0,422,100L412.05,90A9,9,0,0,0,399.34,90Z"/><path d="M386.34,193.66,264.45,315.79A41.08,41.08,0,0,1,247.58,326l-25.9,8.67a35.92,35.92,0,0,1-44.33-44.33l8.67-25.9a41.08,41.08,0,0,1,10.19-16.87L318.34,125.66A8,8,0,0,0,312.69,112H104a56,56,0,0,0-56,56V408a56,56,0,0,0,56,56H344a56,56,0,0,0,56-56V199.31A8,8,0,0,0,386.34,193.66Z"/></svg>
</ion-icon>
</a></span>
</h1>
{{ content }}
</div>
<div class="spacing"></div>
{% include suggestion.html %}
</div><!--page main content end-->
</div><!--content display end-->
<!--右边文章目录开始-->{% include article-index.html %}<!--右边目录结束-->
</div>
</div>
</div>
<!--/pages -->
<!--</div>
vim: ts=2 sts=2 sw=2 noexpandtab
-->