-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
194 lines (177 loc) · 8.81 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
<!DOCTYPE html>
<html>
<head>
<title>KAU Astro Chaser</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<!-- 화면 해상도에 따라 글자 크기 대응(모바일 대응) -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
<script src="https://cdn.jsdelivr.net/npm/bulma-extensions@6.2.7/dist/js/bulma-extensions.min.js"></script>
<!-- jquery CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- fullcalendar CDN -->
<link href='https://cdn.jsdelivr.net/npm/fullcalendar@5.8.0/main.min.css' rel='stylesheet' />
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@5.8.0/main.min.js'></script>
<!-- fullcalendar 언어 CDN -->
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@5.8.0/locales-all.min.js'></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./css/index.css" />
<link rel="stylesheet" type="text/css" href="./css/reset.css" />
<link rel="stylesheet" type="text/css" href="./css/interactive.css" />
<!-- <link href='./packages/core/main.css' rel='stylesheet' />
<script src='./packages/core/main.js'></script>
<script src='./packages/interaction/main.js'></script> -->
<script type="text/javascript" src="./js/APIsecretKey.js"></script>
<script type="text/javascript" src="./js/hostAddr.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</head>
<body>
<main>
<nav class="navbar is-dark">
<div class="navbar-brand">
<a class="navbar-item" id="nav-home">
<img src="./image/Astro logo intro.png" alt="AC logo" width="130" height="50">
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarExampleTransparentExample" class="navbar-menu">
<div class="navbar-start is-active">
<a class="navbar-item" id="nav-home">
Home
</a>
<a class="navbar-item" id="nav-aboutus">
About Us
</a>
<a class="navbar-item" id="nav-chasinghistory">
Chasing History
</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
Telescopes
</a>
<div class="navbar-dropdown is-boxed">
<a class="navbar-item" id="nav-owned-telescopes">
보유 망원경
</a>
<a class="navbar-item" id="nav-setting-telescope">
설치법
</a>
</div>
</div>
</div>
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-primary" id="nav-sign-up">
<strong>회원가입</strong>
</a>
<a class="button is-light" id="nav-sign-in">
로그인
</a>
</div>
</div>
</div>
</div>
</nav>
<section class="mainPage">
<div class="imageWrap">
<div class="textWrap"><img src="./image/Astro logo intro.png" class="text3d" alt="Astro Chaser" width="8000bit 00px" style="z-index: 999;" ></div>
<img src="./image/Stars.png" class="bg" id="stars1" alt="별배경 1">
<img src="./image/Stars2.png" class="stars" id="stars2" alt="별배경 2">
<img src="./image/Stars3.png" class="stars" id="stars3" alt="별배경 3">
</div>
<img src="./image/Space Travel/IntoTheStars0.jpg" id="intoTheStars" style="left:-50px">
</section>
<section class="subPage upperPage">
<div class="innerWrap">
<div class="contWrap" id = "firstIntroduce" style="height: auto;">
<div class="tile is-ancestor">
<div class="tile is-4 is-vertical is-parent">
<div class="tile is-child box">
<p class="title">공지사항</p>
<p>
<div class="content">
<ul>
<li>2022 6월 정기관측회 안내</li>
<li>MT안내</li>
<li>홈페이지가 개설되었습니다!</li>
</ul>
</div>
</p>
</div>
<div class="tile is-child box">
<p class="title">별지기 게시판</p>
<p>
<div class="content">
<ul>
<li>이런</li>
<li>저런</li>
<li>게시글들</li>
</ul>
</div>
</p>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="title">천문력</p>
<div id='calendar-container'>
<div id='calendar'></div>
</div>
</div>
</div>
</div>
</div>
<div class="contWrap" id = "firstIntroduce" style="margin-top: 200px; height: 150vh;">
<div class="tile is-ancestor">
<div class="tile is-parent" style="height: 15vh;">
<article class="tile is-child box">
<p class="title" style="margin-top: 0px; margin-bottom: 5px;">방명록</p>
</article>
</div>
</div>
<div class="tile is-ancestor">
<div class="tile is-parent" style="height: 130vh;">
<article class="tile is-child box">
<textarea class="textarea is-info has-fixed-size"
placeholder="방명록을 작성해주세요(200자 이내)"
style="height: 50px; width: 50px;"
id="guestbookContent"></textarea>
<div class="guestBookWriterInfoBox">
<div id="guestbookContent_cnt">(0 / 200)</div>
<div id="guestbookCommit">
<input class="input is-link" id="guestbookCommit_nickname" type="text" placeholder="닉네임" style="width: 200px; height: 100%; max-height: 40px;">
<button class="button is-primary" id="guestbookCommitBtn" style="height: 100%; max-height: 40px;">등록</button>
</div>
</div>
<hr>
<div class="guestbook-area">
</div>
<div class="guestbook-page-navigator">
<button class="button is-responsive" id="guetbook-prev-btn" style="float: left;">
이전글
</button>
<button class="button is-responsive" id="guetbook-next-btn" style="float: right;">
다음글
</button>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
</main>
</body>
<script type="text/javascript" src="./js/navHref.js"></script>
<script type="text/javascript" src="./js/index_guestbook.js"></script>
<script type="text/javascript" src="./js/spaceCalendar.js"></script>
</html>