-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
217 lines (188 loc) · 7.04 KB
/
index.html
File metadata and controls
217 lines (188 loc) · 7.04 KB
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
215
216
217
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>华东理工大学计算机信息交流协会 - 苏联分部</title>
<style>
body {
font-family: 'Times New Roman', serif;
background-color: #e0e0e0;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-image: url('Hammer_and_sickle_red_on_transparent.svg');
background-repeat: no-repeat;
background-position: right top;
background-size: 150px;
background-attachment: fixed;
}
header {
text-align: center;
border-bottom: 3px solid #cc0000;
/* padding-bottom: 10px;
margin-bottom: 20px; */
}
h1 {
color: #cc0000;
font-size: 28px;
text-transform: uppercase;
}
h2 {
color: #990000;
border-left: 5px solid #cc0000;
padding-left: 10px;
}
.logo {
width: 100px;
height: 100px;
margin: 0 auto;
display: block;
}
.soviet-banner {
background-color: #cc0000;
color: gold;
padding: 10px;
text-align: center;
font-weight: bold;
margin: 20px 0;
border-radius: 5px;
}
.propaganda {
background-color: #f5f5f5;
border: 1px solid #ddd;
padding: 15px;
margin: 15px 0;
font-style: italic;
}
.news-item {
border-bottom: 1px dashed #999;
padding: 10px 0;
}
footer {
text-align: center;
margin-top: 30px;
padding-top: 10px;
border-top: 3px solid #cc0000;
font-size: 12px;
}
.cyrillic {
font-family: 'Times New Roman', serif;
font-style: italic;
}
/* 导航栏样式 */
nav {
padding: 10px 0;
margin-bottom: 20px;
/* border-top: 2px solid #cc0000; */
border-bottom: 2px solid #cc0000;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
nav li {
margin: 0 15px;
}
nav a {
color: #cc0000;
text-decoration: none;
font-weight: bold;
padding: 5px 10px;
transition: all 0.3s ease;
}
nav a:hover {
text-decoration: underline;
color: #990000;
}
/* 响应式设计 */
@media (max-width: 600px) {
nav ul {
flex-direction: column;
align-items: center;
}
nav li {
margin: 5px 0;
}
nav {
padding: 5px 0;
}
}
</style>
</head>
<body>
<header id="home">
<img src="logo.png" alt="CIC标志" class="logo">
<h1>Ассоциация компьютерной информации Восточно-Китайского университета науки и технологии — Советский сектор</h1>
<p>华东理工大学计算机信息交流协会 - 苏联分部</p>
</header>
<nav>
<ul>
<li><a href="#home">首页</a></li>
<li><a href="#news">最新公告</a></li>
<li><a href="#mission">我们的使命</a></li>
<li><a href="#plan">五年计划</a></li>
<li><a href="#join">加入我们</a></li>
<li><a href="wenye.html">文野书记</a></li>
</ul>
</nav>
<div class="soviet-banner">
Пролетарии всех стран, программируйте! (全世界无产者,编程吧!)
</div>
<div class="propaganda">
"计算机科学是建设共产主义的重要工具。每一个字节都是射向资本主义的子弹!"<br>
— CIC 苏联分部委员会书记 <a href="wenye.html" style="color: #cc0000; font-weight: bold;"></a>文野</a>
</div>
<h2 id="news">最新公告</h2>
<div class="news-item">
<strong>1984年11月7日</strong><br>
庆祝伟大的十月革命67周年!CIC苏联分部将举办"红色代码"编程马拉松,主题为"用算法建设共产主义"。
</div>
<div class="news-item">
<strong>1984年10月1日</strong><br>
CIC苏联分部与莫斯科国立大学计算机系建立"同志般的合作关系"。双方将在FORTRAN语言教学和穿孔卡片技术方面展开深入交流。
</div>
<div class="news-item">
<strong>1984年9月15日</strong><br>
热烈欢迎来自华东理工大学本部的交换生!请注意,苏联分部的计算机使用西里尔字母键盘,请同志们尽快适应。
</div>
<h2 id="mission">我们的使命</h2>
<p>在伟大的苏维埃社会主义共和国联盟的领导下,CIC苏联分部致力于:</p>
<ul>
<li>用计算机技术为无产阶级服务</li>
<li>培养又红又专的计算机人才</li>
<li>开发符合社会主义价值观的软件</li>
<li>与资本主义国家的技术封锁作斗争</li>
</ul>
<h2 id="plan">五年计划 (1981-1985)</h2>
<p>根据第11个五年计划,CIC苏联分部将实现以下目标:</p>
<ol>
<li>完成EC-1840计算机的汉化工作</li>
<li>开发基于DOS的俄中双语编程环境</li>
<li>培养100名掌握ALGOL语言的红色程序员</li>
<li>在全校推广计算机知识,实现"每个班级一台计算机"</li>
</ol>
<div class="propaganda">
"在苏联,计算机不是奢侈品,而是劳动人民的工具!"<br>
— CIC苏联分部宣传委员会
</div>
<h2 id="join">加入我们</h2>
<p>凡华东理工大学在校生,思想进步,热爱计算机技术,均可申请加入CIC苏联分部。</p>
<p>请填写申请书,并附上推荐信(来自党组织/苏联分部成员)。</p>
<div class="soviet-banner">
Пролетарии всех стран, соединяйтесь! (全世界无产者,联合起来!)
</div>
<footer>
<p>华东理工大学计算机信息交流协会 苏联分部 © 1984</p>
<p>本网站使用 <span class="cyrillic">сервер</span> (服务器) 位于莫斯科</p>
<p>访问量: 19,980,101 (自1984年1月1日)</p>
<p>本网站纯属搞笑,请勿当真!</p>
<p>官方网站: <a href="//www.ecustcic.com/">www.ecustcic.com</a></p>
</footer>
</body>
</html>