-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
182 lines (172 loc) · 8.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ゲーム配信すきー|12mon.space</title>
<link rel="icon" href="support.12mon.space\img\favicon.ico" id="favicon">
<link rel="apple-touch-icon" sizes="180x180" href="support.12mon.space\img\apple-touch-icon-180x180.png">
<link href="https://use.fontawesome.com/releases/v5.12.0/css/all.css" rel="stylesheet" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous" />
<link rel="stylesheet" href="\css\style.css">
</head>
<body>
<!-- fontawesome -->
<!-- グローバルナビゲーション -->
<div class="bg-light sticky-top container-fluid">
<nav class="container navbar navbar-expand-lg navbar-light">
<!-- ブランドロゴ Image and text -->
<a class="navbar-brand" href="index.html">
<img src="https://file-r2-20230831.12mon.space/file-r2-20230831/7ba89a31-cd34-4f48-9e34-bcdf2a025853.webp" alt="" width="70" height="70" />
ゲーム配信すきー
</a>
<!-- toggler (ハンバーガーメニューのボタン) -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- スマホ画面では隠れるメニュー -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- メニューリスト -->
<ul class="navbar-nav text-center mr-auto">
<li class="nav-item active ml-3">
<a class="nav-link" href="index.html">ホーム<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item ml-3">
<a class="nav-link" href="settings.html">カスタマイズ</a>
</li>
<li class="nav-item ml-3">
<a class="nav-link" href="manual.html">マニュアル</a>
</li>
<li class="nav-item ml-3">
<a class="nav-link" href="contact.html">管理者たち</a>
</li>
</ul>
<!-- ログインと会員登録ボタン -->
<ul class="navbar-nav text-center">
<li class="nav-item ml-3">
<a class="btn btn-outline-secondary" href="https://misskey.12mon.space">Misskeyログイン</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- Contents Top-->
<!-- グリッドシステム container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- col : Text Area -->
<div class="col-12 col-md-5 d-flex align-items-center py-4">
<div class="container py-2">
<p class="font-weight-bold">ゲーム配信プレイすきー</p>
<h3 class="font-weight-bold">Let's play Games!</h3>
<p class="pt-3"><strong class="bg-warning">ゲーム・配信・技術話、なんでも</strong>なコミュニティ。</p>
<p>ゲームやる人、配信する人、作る人、なんでもござれ。</p>
<!-- Button コメントアウト-->
<a href="https://misskey.12mon.space/" class="btn btn-primary btn-lg mt-3">のぞいてみる</a>
</div>
</div>
<!-- col : Image Area -->
<div class="col-12 col-md-7 d-flex align-items-center">
<div class="container">
<img src="https://file-storage.12mon.space/file/df5febda-c610-41c0-8abe-38be90831ec1.webp" alt="Kyoukeiさん" class="img-fluid" />
</div>
</div>
</div>
</div>
<!-- Contents Middle -->
<!-- container -->
<div class="container text-center text-md-left py-3">
<!-- row : fontawesome speach bubble section-->
<div class="row">
<!-- col : Text Area -->
<div class="col-12 col-md-6 py-4">
<div class="container">
<h3 class="font-weight-bold pt-2">ゲーム・配信・技術のためのコミュニティ</h3>
<p class="pt-2">みんなでゲームやりたいとき、ゲーム配信の告知、リアタイで投稿、配信技術の相談など、好きなタイミングで、好きなだけ。</p>
</div>
</div>
<!-- col : Icon Area 中央寄せ -->
<div class="col-12 col-md-6 d-flex justify-content-center align-items-center py-4">
<i class="fas fa-comments fa-7x text-success"></i>
</div>
</div>
<!-- row : fontawesone headphone section 以下アイコンの位置を変えて繰り返し-->
<div class="row">
<!-- col : Text Area -->
<div class="col-12 col-md-6 py-4">
<div class="container">
<h3 class="font-weight-bold pt-2">1500を超えるリモートサーバーとつながる</h3>
<p class="pt-2">ゲームやお絵描き、技術、雑談など個性的なサーバーが多いMisskeyならではのつながりができます。
リスト・アンテナを設定して、独自のテーマをTLで知ることで広がりのあるSNSを体感してください！</p>
</div>
</div>
<!-- col : Icon Area 左寄せ -->
<div class="col-12 col-md-6 d-flex justify-content-center align-items-center py-4">
<i class="fas fa-wifi fa-7x text-primary"></i>
</div>
</div>
<!-- fontawesome trophy section-->
<div class="row">
<!-- col : Text Area -->
<div class="col-12 col-md-6 py-4">
<div class="container">
<h3 class="font-weight-bold pt-2">拡張性の高いUI設計。自分だけのアプリを作ろう！</h3>
<p class="pt-2">XやThreadsとは違い、オープンソースソフトウェアかつUIも拡張性が高いので、自分だけのカスタマイズが可能！</p>
</div>
</div>
<!-- col : Icon Area 右寄せ -->
<div class="col-12 col-md-6 d-flex justify-content-center align-items-center py-4">
<i class="fas fa-cogs fa-7x text-muted"></i>
</div>
</div>
</div>
<!-- Contents Bottom
<div class="container">
<div class="row">
###col : Text Area
<div class="col-12 col-md-6 py-4 d-flex align-items-center text-center text-md-left">
<div class="container py-2">
<h3 class="font-weight-bold">Whatever</h3>
<p class="pt-3"></p>
</div>
</div>
##col : Image Area
<div class="col-12 col-md-6 d-flex align-items-center">
<div class="container">
<img src="https://cdn.pixabay.com/photo/2017/01/28/11/00/white-tailed-eagle-2015098__340.jpg" alt="" class="img-fluid" />
</div>
</div>
</div>
</div>
-->
<!-- Conversion Button Area-->
<div class="bg-primary mt-5">
<div class="container text-center p-5">
<h2 class="text-white">既存のSNSとは異なる分散型SNSを体感しましょう！</h2>
<p class="text-white pt-2">使い方は、みなさん次第です</p>
<!-- Button
<a href="" class="btn btn-warning font-weight-bold mt-3">コミュニティに参加する</a>
-->
</div>
</div>
<!-- footer -->
<div class="footer my-3">
<div class="container">
<div class="text-center">
<div class="nothing">
<a href="https://www.youtube.com/@SANZOKUCHANNEL" ><img src="https://file-r2-20230831.12mon.space/file-r2-20230831/f8bcff57-7635-48bb-a5a8-1eccdeb05118.png" alt="" class="img-fluid m-3" width="50" height="50"></a>
<a href="https://twitter.com/sanzokuchanel"><img src="https://file-r2-20230831.12mon.space/file-r2-20230831/15827e5f-ad74-43b8-bd07-7a879a6ced2b.png" alt="" class="img-fluid m-3" width="50" height="50"></a>
<a href="https://github.com/twelvegates/support.12mon.space"><img src="https://file-r2-20230831.12mon.space/file-r2-20230831/da1f8e8d-52f3-47dd-973f-e3f8b2cc94b0.webp" alt="" class="img-fluid m-3" width="50" height="50"></a>
<a href="https://misskey.12mon.space/"><img src="https://file-r2-20230831.12mon.space/file-r2-20230831/431e84fa-d7de-4650-b87a-364798f23df3.png" alt="" class="img-fluid m-3" width="50" height="60"></a>
</div>
<p><small>Copyright © 2023 YouTube配信すきー | misskey.12mon.space</small></p>
</div>
</div>
</div>
<!-- ナビバーを動かすためのjs -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>