-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
180 lines (151 loc) · 8.4 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
<!DOCTYPE html>
<html lang="ja">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-107302562-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-107302562-1');
</script>
<!-- Google Analytics ここまで-->
<!-- recaptcha V3 -->
<script src="https://www.google.com/recaptcha/api.js?render=6Lct-L8UAAAAAAJDrurpcfNA_Gfab85PqRVRuoA9"></script>
<script>
grecaptcha.ready(function() {
grecaptcha.execute('6Lct-L8UAAAAAAJDrurpcfNA_Gfab85PqRVRuoA9', {action: 'homepage'}).then(function(token) {
...
});
});
</script>
<!-- twitter card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@Kogyokusha_GCC" />
<meta property="og:url" content="https://kogyokusha-gcc.github.io/" />
<meta property="og:title" content="攻玉社中学・高校 コンピュータ部 公式サイト" />
<meta property="og:description" content="輝玉祭で配布したPCゲームのダウンロードはこちらからどうぞ！" />
<meta property="og:image" content="https://kogyokusha-gcc.github.io/files/dummy-logo3.png" />
<!-- いろいろ大事なmeta -->
<meta http-equiv="content-type" charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=yes" />
<meta name="keyword" content="攻玉社, コンピュータ部">
<meta name="description" content="攻玉社中学・高校 コンピュータ部 公式サイト">
<meta name="author" content="Kogyokusha-GCC">
<!-- ファビコン指定 -->
<link rel="icon" href="./files/dummy-logo2.jpg" type="img/jpg">
<!-- script.js インクルード -->
<script src="js/script.js"></script>
<script>
window.onload = function () {
includeBootstrap();
writeNavigationBar();
writeFooter();
}
</script>
<!-- Bootstrap インクルード -->
<span id="includeBootstrap_id"></span>
<!-- CSSインクルード -->
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link href="css/navbar-style.css" type="text/css" rel="stylesheet" />
<link href="css/modern-normalize.css" type="text/css" rel="stylesheet" />
<title>攻玉社中学・高校 コンピュータ部 公式サイト - GCC</title>
</head>
<body class="is-slide" id="page-animate">
<noscript id="noscript">
<p>当ページはJavaScriptを使用しております。当ページを閲覧するには、お手数ですがブラウザの設定からJavaScriptを有効にしてください。
<!--[if lt IE 9]><br>
Internet Explorer 7／8をお使いの方はJavaScriptをオンにしてご覧ください。<![endif]-->
</p>
</noscript>
<!-- Navigation bar-->
<span id="navMenu"></span>
<!-- header -->
<header class="jumbotron jumbotron-extend">
<div class="container-fluid jumbotron-container">
<h1 class="site-name">
<span class="line">Kogyokusha</span>
<span class="line">Computer</span>
<span class="line">Club</span>
</h1>
<p>
<a class="btn" href="product.html" role="button">DOWNLOAD OUR GAMES!</a>
</p>
</div>
</header>
<hr>
<!-- 本文ここから -->
<div class="container-fluid">
<div class="row">
<!-- <header class="bg">
<div class="container">
<div class="row">
</div>
</div>
</header> -->
<div class="col-sm-12">
<h2>ごあいさつ</h2>
<p>
<strong>攻玉社中学・高校コンピュータ部 公式サイトへようこそ！</strong>
</p>
<p>私たち『攻玉社学園コンピュータ部』 (GCC) は、ゲーム制作をはじめとしたコンピュータプログラミングを通して、情報技術に対する興味と関心を高めることを目標とした、私立攻玉社中学校・高等学校の部活動です。</p>
<p>現在の主な活動内容は、パソコン・スマートフォン向けゲームを開発し、毎年9月に開催される『
<a href="http://kigyoku.com">輝玉祭</a>』にて無料配布することです。詳しくは
<a href="activities.html">こちら</a>をご覧ください。</p>
<p>2020年現在、およそ40名以上の部員を擁し、普段は毎週水・金・土曜日に活動しています。</p>
<p>このホームページでは、活動報告・輝玉祭に出展したゲームの配布などを行っております。</p>
</div>
<hr>
<div class="col-sm-12">
<h2>お知らせ</h2>
<div class="col-sm-12">
<h3>【輝玉祭の配布ゲームについて】</h3>
<p>
2013年度~2022年度の輝玉祭に向け制作した、部員自作のゲームです！
<br>ダウンロードは<a href=product.html>こちらのリンク</a>から！！
</p>
</div>
</div>
<hr>
<div class="col-sm-12">
<!--<h2>Twitter</h2>
<div class="twitter well">
<a class="twitter-timeline" data-lang="ja" data-dnt="true" data-theme="light" data-height="400" href="https://twitter.com/Kogyokusha_GCC?ref_src=twsrc%5Etfw">Tweets by Kogyokusha_GCC</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div> -->
</div>
<hr>
<div class="col-sm-6">
<h2>リンク</h2>
<ul>
<li>
<a href="http://www.kogyokusha.ed.jp/index.shtml">攻玉社</a>
<br>学校法人攻玉社学園の公式サイトです。</li>
<!-- <li>
<a href="https://twitter.com/Kogyokusha_GCC">攻玉社中高 コンピュータ部（GCC）(@Kogyokusha_GCC)</a>
<br>攻玉社中高コンピュータ部の公式Twitterです。</li> -->
<li>
<a href="http://kigyoku.com/">輝玉祭</a>
<br>攻玉社学園の文化祭、『輝玉祭』の公式サイトです。</li>
<li>
<a href="http://github.com/kogyokusha-gcc">Kogyokusha Computer Club - GitHub</a>
<br>攻玉社中高コンピュータ部のGitHubアカウントです。</li>
</ul>
</div>
<div class="col-sm-6">
<h2>お問い合わせ</h2>
<img class="img-responsive pull-left" src="./files/m.png" style="cursor:pointer" onclick="d='m';for(i=0;i=(9+i)%26;)d+='ml:[email protected]'[i];location=d"/>
<br>
<p>配布ゲームや活動内容、輝玉祭のコンピュータ部展示につきまして、ご意見・ご質問があれば上記メールアドレスからご連絡下さい。</p>
<!-- メールアドレスの暗号化：https://www.wizforest.com/tech/hideadr/ を使用-->
</div>
</div>
<!-- 本文 ここまで -->
<!-- footer -->
<span id="footer"></span>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>