-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
163 lines (130 loc) · 6.48 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>戸山高校 パソコン同好会</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="戸山高校パソコン同好会のホームページです。主に部員の作品紹介をしています。">
<link rel="stylesheet" href="css/style.css">
<script src="js/fixmenu_pagetop.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WNB1R94BQZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-WNB1R94BQZ');
</script>
</head>
<body>
<!-- Header -->
<header>
</header>
<!-- Main -->
<div id="container">
<div id="contents">
<section id="menubar">
<ul>
<li><a href="#new">What's New</a></li>
<li><a href="#aboutUs">About Us</a></li>
<li><a href="#works">Works</a></li>
<li><a href="#links">Links</a></li>
</ul>
</section>
<!-- What's New -->
<section id="new">
<h2>What's New</h2>
<dl>
<dt>2022/08/30</dt>
<dd>
サイト公開。
<span class="newicon">NEW</span>
</dd>
</dl>
</section>
<!-- About Us -->
<section id="aboutUs">
<h2>About Us</h2>
<table class="ta1">
<tr>
<th rowspan="2">部員</th>
<td>1年生 : 5人</td>
</tr>
<tr>
<td>2年生 : 5人</td>
</tr>
<tr>
<th>活動時間</th>
<td>毎週火・木 15:30~16:50</td>
</tr>
</table>
</section>
<!-- Works -->
<section id="works">
<h2>Works</h2>
<p>画像クリックで個々の作品を閲覧できます。</p>
<div class="list">
<a href="https://scratch.mit.edu/projects/708634287/" target="_blank" rel="noopener noreferrer">
<img src="images/works/当番決め.png" alt="image of '当番決め'"></a>
<h4>当番決め</h4>
<p>当番を決めるのに役立ててください。 - created by saku1217</p>
</div>
<div class="list">
<a href="https://scratch.mit.edu/projects/717933243/" target="_blank" rel="noopener noreferrer">
<img src="images/works/当番決め(改良版).png" alt="image of '当番決め~改良版~'"></a>
<h4>当番決め~改良版~</h4>
<p>当番を決めるのに役立ててください。 - created by saku1217</p>
</div>
<div class="list">
<a href="https://scratch.mit.edu/projects/725099467/" target="_blank" rel="noopener noreferrer">
<img src="images/works/黒色を避けるゲーム.png" alt="image of '黒色を避けるゲーム'"></a>
<h4>黒色を避けるゲーム</h4>
<p>黒色に当たってはいけません。 - created by rtnox</p>
</div>
<div class="list">
<a href="https://rtnox.github.io/linear-calculator/" target="_blank" rel="noopener noreferrer">
<img src="images/works/計算機.png" alt="image of '計算機'"></a>
<h4>計算機</h4>
<p>1次式と定数の計算をするツールです。変数xと+-*/の四則演算がご利用いただけます。また、絶対値関数の計算ができます。 - created by rtnox</p>
</div>
<div class="list">
<a href="https://ranhai613.github.io/english_line_bot/" target="_blank" rel="noopener noreferrer">
<img src="images/works/勉強用LINE_BOT.jpg" alt="image of '勉強用LINE BOT'"></a>
<h4>勉強用LINE BOT</h4>
<p>速読英単語必修編の英単語をLINEでのやりとりで勉強できます。 - created by らんはい</p>
</div>
<div class="list">
<a href="https://unityroom.com/games/target1000" target="_blank" rel="noopener noreferrer">
<img src="images/works/Target1000.png" alt="image of 'Target1000'"></a>
<h4>Target1000</h4>
<p>target1000出題bot - created by らんはい</p>
</div>
<div class="list">
<a href="https://yuulis.github.io/Yuulis-Home/works/evaTimer.html" target="_blank"
rel="noopener noreferrer">
<img src="images/works/エヴァタイマー.png" alt="image of 'エヴァンゲリオン活動限界タイマー'"></a>
<h4>エヴァンゲリオン活動限界タイマー</h4>
<p>シン・エヴァンゲリオン劇場版:||が公開されたのでってみた。 - created by Yuulis</p>
<p>このサイトの作成者でもあります。よろしく。</p>
</div>
</section>
<!-- Contact -->
<section id="links">
<h2>Links</h2>
<p><a href="https://github.com/tympc" target="_blank" rel="noopener noreferrer"><img class="img_center"
src="images/github_icon.png" alt="Github"></a></p>
</section>
</div>
</div>
<!-- Footer -->
<footer>
<p><small>2022 Copyright© <a href="index.html">tym_pc</a> All Rights Reserved.</small></p>
</footer>
<!-- jQueryファイルの読み込み -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- ページの上部へ戻るボタンとスクリプト -->
<p class="scroll"><a href="#">↑</a></p>
<script src="js/scroll.js"></script>
</body>
</html>