-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
214 lines (177 loc) · 10.2 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en-zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>语文小组Poster</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f5f5f5;
margin: 20px;
}
h1 {
color: #333;
text-align: center;
font-size: 28px;
margin-bottom: 20px;
}
h2 {
color: #333;
margin-top: 30px;
margin-bottom: 10px;
font-size: 24px;
}
img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin: 10px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
p {
color: #555;
text-align: center;
margin: 20px 0;
}
audio {
width: 100%;
margin-top: 20px;
}
.collaborators {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.collaborator {
text-align: center;
}
.collaborator img {
width: 40px; /* Adjust the width to your preference */
height: 40px; /* Adjust the height to your preference */
border-radius: 50%;
margin-bottom: 10px;
}
.collaborator p {
margin: 0;
font-size: 14px;
}
.tabs {
display: flex;
justify-content: space-around;
background-color: #ddd;
padding: 10px;
margin-top: 20px;
}
.tab {
cursor: pointer;
text-decoration: none;
color: #333;
padding: 5px;
border-radius: 5px;
}
.tab:hover {
background-color: #ccc;
}
.tab-content {
display: none;
}
</style>
</head>
<body>
<h1>语文小组 Poster</h1>
<!-- Tabs -->
<div class="tabs">
<a href="#" class="tab" onclick="showContent('introduction')">周恩来介绍</a>
<a href="#" class="tab" onclick="showContent('theme')">纪念馆主题建筑</a>
<a href="#" class="tab" onclick="showContent('design')">纪念馆内部设计</a>
</div>
<!-- Content -->
<div id="introductionContent" class="tab-content">
<h2>周恩来介绍</h2>
<img src="https://raw.githubusercontent.com/CrazyChloe03/Chinese-project/main/files/image1.jpg" alt="Image 0">
<p>
<strong>少年时代</strong> <br>
<i>“为中华崛起而读书”</i> <br>
周恩来以国家兴亡为己任，培养了读书的习惯，心怀对中华崛起的渴望。他从小就展现出志存高远的品质，年少间就怀抱着胸怀天下的抱负，为将来为国家、为人民而奋斗打下了坚实基础。
<br><br>
<strong>青壮年时期</strong> <br>
周恩来投身于革命事业，为实现中国的独立和解放付出了艰辛努力。他呕心沥血，奋斗在反抗帝国主义、封建主义和官僚资本主义的战斗中。在这一时期，他展现出了不屈不挠的革命精神，为中国人民的自由和解放而努力奋斗。
<br><br>
<strong>建国后</strong> <br>
周恩来成为中华人民共和国的首任总理。在这个阶段，他既参与国内事务，推动着内政的发展，又积极参与国际事务，展现出卓越的外交智慧。他的雄才伟略在内政外交中尽显，被誉为人民的好总理。他致力于推动国家的建设和发展，为中国在国际舞台上赢得尊重和地位做出了卓越贡献。
<br><br>
综合而言，周恩来一生都在为中华之崛起而努力，无论是在读书的少年时代、革命的青壮年时期，还是在建国后的总理任上，他都是中国历史上杰出的政治家和外交家.</p>
</div>
<div id="themeContent" class="tab-content">
<h2>纪念馆主题建筑 </h2>
<img src="https://raw.githubusercontent.com/CrazyChloe03/Chinese-project/main/files/image3.jpg" alt="纪念馆主题建筑">
<p>这个纪念馆坐落于江苏淮安，雕像中的拳头象征着力量与决心，代表了周恩来在面对挑战时的坚韧和勇气。这一元素强调了在革命、外交和追求和平的过程中所必需的勇气。手中紧握的毛笔代表着文化、智慧和外交手段。这种书写工具的存在强调了对话和交流在解决问题时的重要性，呼应了通过文化和智慧维护国家和人民的利益。而毛笔后的橄榄枝则是和平的象征，传统上橄榄枝代表着寻求和平的意愿。这个雕像通过巧妙地融合这三个元素，体现出了周恩来性格的多样性：及有坚毅勇敢的一面，又有追求自由热爱和平的一面，并且善于用所学处理复杂的国际国内关系。</p>
<h2>Audio</h2>
<audio controls>
<source src="https://raw.githubusercontent.com/CrazyChloe03/Chinese-project/main/files/audio2.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
</div>
<div id="designContent" class="tab-content">
<h2>纪念馆内部设计 </h2>
<img src="https://raw.githubusercontent.com/CrazyChloe03/Chinese-project/main/files/image2.jpg" alt="纪念馆内部设计">
<p><strong>内部介绍</strong> <br>
入口处是一条向下的阶梯, 过道俩旁都是水, 整个纪念馆被它包围着, 水中有些标志性的雕塑, 如周总理与苏联领导人握手, 和基层共产战士讨论问题, 以及其他他做出巨大贡献的物品, 像战舰, 原子弹, 卫星等等. 进入负一楼展厅, 映入眼帘的是一尊雕刻在石柱上巨大的大理石雕塑, 石柱非常巨大, 一半是雕塑, 一半是通往上层的楼梯, 楼梯上有一首诗<br>
在沧桑岁月中崇，<br>
周公恩德令人慕。<br>
国士风范世所钦，<br>
智慧谋略横溢间。<br>
百年风云传佳话，<br>
临危受命荡平乱。<br>
心系江山一片悲，<br>
护卫国家任重担。<br>
历史长河留千古，<br>
周公楷模永铭心。<br>
领导风范传后人，<br>
激励奋斗不言懈。<br>这首诗赞美了周恩来对中国的贡献。雕塑中周总理昂首挺胸目视前方, 旁边的各路革命豪杰也都面向东方, 整个雕塑右朝太阳升起的方向, 周总理和毛主席站在最前, 后面邓小平, 贺龙, 彭德怀及其他优秀革命先烈从右到左交替站立. 圆柱的周围则是休息用的长椅, 每一个正对着玻璃外水中雕塑的位置都有一个解释牌, 讲述着这些屹立在水中巨大雕塑的故事.
<br><br>走上台阶来到一楼, 光亮透了进来, 整个一楼的墙壁都是玻璃和钢骨架建造而成, 阳光可以完全透进来, 一楼分为三个展厅, 分别是周恩来的个人事迹展厅, 作为淮安本地的纪念馆必将阐述这位伟人的事迹, 剩下两个则分别讲述着周总理带领着新中国的外交之路, 整个走廊通过时间顺序像人们展示了中国从任人宰割到在世界上拥有话语权, 周恩来从一个充满豪情壮志的小孩到引领整个中国的领导人, 让游客充分感受到路途的跌宕起伏, 展厅里摆放着部分周恩来的书信, 一句一字吐露着对国家的负责和爱, 另外别的革命先烈的物品也同样展出, 如国民革命军的军服, 苏联志愿战士的飞机碎片等, 最后一个展厅主要是一个放映厅, 投影将周恩来总理的纪录片投到墙上, 而一侧则是书架, 放慢了和新中国有关的书籍, 一楼的出口俩侧挂着各国领导人对周总理好不吝啬的评价与夸奖<br><br>
出口空间设置屏幕上面也有一首诗<br>
丰碑铸就赤子心，<br>不灭灵魂永远鲜。<br>
长征路上峥嵘往，<br>鲜花簇拥铁血身。<br>
雄关漫道真英雄，<br>一生风云永不倾。<br>
冰雪聚成钢铁魂，<br>春华秋实满江南。<br>
毛子辈出兴华夏，<br>红军胜利唱豪歌。<br>
苍穹下颂毛嘉言，<br>千秋伟业盛中华。<br>
众志成城齐奋斗，<br>繁荣祖国展宏图。<br>滚动播放朝鲜和韩国“三八线“边界的风景，以及双方各自换岗的实录，回溯半岛战争停战是签约的场景。
出口空间对面墙上也只设置追光，以时间轴方式再现抗美援朝战争的经过，标注周恩来在关键时点扮演的角色。前方设置志愿军英雄群像模板，供参观者拍照纪念。
出口门洞设置半岛地图轮廓，与地面地图轮廓连接对应形成，暗示从分裂走向统一，也起到导览作用
<br><br>
</p>
<h2>Audio2</h2>
<audio controls>
<source src="https://raw.githubusercontent.com/CrazyChloe03/Chinese-project/main/files/audio3.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
</div>
<div class="collaborators">
<div class="collaborator">
<img src="https://raw.githubusercontent.com/CrazyChloe03/Chinese-project/main/files/icon1.jpg" alt="Collaborator 1">
<p>Aaron<br>画设计图 出口</p>
</div>
<div class="collaborator">
<img src="https://raw.githubusercontent.com/CrazyChloe03/Chinese-project/main/files/icon2.jpg" alt="Collaborator 2">
<p>Kevin<br>纪念馆内部设计介绍 选址</p>
</div>
<div class="collaborator">
<img onclick="openLink('https://www.google.com')" src="https://raw.githubusercontent.com/CrazyChloe03/Chinese-project/main/files/icon3.jpg" alt="Collaborator 3">
<p>Jerry<br>写诗 纪念馆主题建筑介绍 周恩来背景 网站</p>
</div>
<script>
function showContent(tab) {
var tabContents = document.getElementsByClassName('tab-content');
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].style.display = 'none';
}
document.getElementById(tab + 'Content').style.display = 'block';
}
showContent('introduction');
</script>
</body>
</html>