-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (132 loc) · 3.35 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
background-color: #7d8391;
font-family: Arial, Helvetica, sans-serif;
}
/* for navigation bar*/
.topnav {
overflow: hidden;
background-color: #333;
}
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #4CAF50;
color: white;
}
.topnav .icon {
display: none;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}
/* for gallery */
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 350px;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<!-- begin of navigation bar -->
<div class="topnav" id="myTopnav">
<a href="./" class="active">首页</a>
<a href="timeline.html">野协编年史</a>
<a href="https://www.sjtuoutdoor.com/">野协现用论坛</a>
<a href="posts/bbsdoc,board,outdoor.html">水源outdoor板面备份</a>
<a href="htm/a.htm">水源outdoor精华区备份</a>
<a href="freebag/index.htm">野协老网站freebag备份</a>
<a href="https://github.com/hemind/SJTUoutdoor">Fork me on Github</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<!-- end of navigation bar -->
<!-- begin of gallery -->
<div class="gallery">
<a target="_blank" href="pics/bbs_current.png">
<img src="pics/bbs_current.png" alt="交大野协" width="1200" height="800">
</a>
<div class="desc"><a href="https://www.sjtuoutdoor.com/">野协现用论坛</a></div>
</div>
<div class="gallery">
<a target="_blank" href="pics/bbs_web.png">
<img src="pics/bbs_web.png" alt="Outdoor板面" width="1200" height="800">
</a>
<div class="desc"><a href="posts/bbsdoc,board,outdoor.html">水源outdoor板面备份</a></div>
</div>
<div class="gallery">
<a target="_blank" href="pics/bbs_telnet.png">
<img src="pics/bbs_telnet.png" alt="Outdoor精华区" width="1200" height="800">
</a>
<div class="desc"><a href="htm/a.htm">水源outdoor精华区备份</a></div>
</div>
<div class="gallery">
<a target="_blank" href="pics/freebag_archive.png">
<img src="pics/freebag_archive.png" alt="freebag" width="1200" height="800">
</a>
<div class="desc"><a href="freebag/index.htm">野协老网站freebag备份</a></div>
</div>
<!-- end of gallery -->
</body>
</html>