https://alpha-gun.github.io/summer/

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<html lang="ja">
4
5<head>
6<meta charset="utf-8">
7<meta name="viewport" content="width=device-width, initial-scale=1">
8<meta name="description" content="">
9<title>夏休み合作投稿祭</title>
10<link rel="stylesheet" href="css/normalize.css">
11<link rel="stylesheet" href="css/main.css">
12<link rel="stylesheet" href="css/swiper.css">
13<link rel="icon" href="images/favicon.ico"><!-- favicon.ico -->
14<!-- フォントの設定 -->
15<link rel="preconnect" href="https://fonts.googleapis.com">
16<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap" rel="stylesheet">
18<!-- OGPの設定 -->
19<meta property="og:type" content="article" />
20<meta property="og:title" content="夏休み合作投稿祭2025" />
21<meta property="og:description" content="2025年は夏休み合作投稿10周年！" />
22<meta property="og:url" content="https://alpha-gun.github.io/summer/" />
23<meta property="og:site_name" content="チャ一研投稿祭'25" />
24<meta property="og:image" content="https://alpha-gun.github.io/summer/images/x.png" />
25<!-- Twitterカードの設定 -->
26<meta name="twitter:card" content="summary_large_image" />
27<meta name="twitter:title" content="夏休み合作投稿祭2025" />
28<meta name="twitter:description" content="2025年は夏休み合作投稿10周年！" />
29<meta name="twitter:site" content="@alpha_gun" />
30</head>
31
32<body>
33<!-- ========== header ========== -->
34
35<div class="logo">
36	<img src="images/title.png">
37</div>
38
39<!-- ========== /header ========== -->
40
41<section class="page-cover">
42
43<!-- ========== main ========== -->
44<section class="main">
45	<div class="container">
46		<main>
47
48			<div class="loading">
49				<img class="loading__logo" src="images/title.png" alt="夏休み合作投稿祭">
50			</div>
51
52			<div class="title"><img src="images/title.png"></div>
53			<div class="fade"><img src="images/kaisai.png"></div>
54			<div class="fade"><img src="images/about.png"></div>
55			<div class="fade"><img src="images/kikan.png"></div>
56
57			<div class="fade"><img src="images/sanka.png"></div>
58			<div class="fade">
59				<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeN4uL6QhM5j0gjcfZbuOepTFJ-aWLQnzgqdFbhTV_yRnovsQ/viewform?embedded=true" width="100%" height="1400" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
60			</div>
61			<div class="fade"><img src="images/attention.png"></div>
62			<div class="fade"><img src="images/attention1.png"></div>
63			<div class="fade"><img src="images/attention2.png"></div>
64			<div class="fade"><img src="images/attention3.png"></div>
65			<div class="fade"><img src="images/attention4.png"></div>
66			<div class="fade"><img src="images/attention5.png"></div>
67			<div class="fade"><img src="images/attention6.png"></div>
68			<div class="fade"><img src="images/attention7.png"></div>
69			<div class="fade"><img src="images/attention8.png"></div>
70			<div class="fade"><img src="images/attention9.png"></div>
71
72			<div class="fade"><img src="images/advice.png"></div>
73			<div class="fade"><img src="images/advice1.png"></div>
74			<div class="fade"><img src="images/advice2.png"></div>
75			<div class="fade"><img src="images/advice3.png"></div>
76			<div class="fade"><img src="images/advice4.png"></div>
77			<div class="fade"><img src="images/advice5.png"></div>
78			<div class="fade"><img src="images/advice6.png"></div>
79
80			<div class="fade"><img src="images/gallery.png"></div>
81			<div class="fade">

81<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm45224062/script"></script>

81<noscript><a href="https://www.nicovideo.jp/watch/sm45224062">DINOSAURI夏休み合作2025</a></noscript></div>
82			<div class="fade">

82<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm45295202/script"></script>

82<noscript><a href="https://www.nicovideo.jp/watch/sm45295202">天才変態敬愛鯖内輪合作</a></noscript></div>
83			<div class="fade">

83<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm45298266/script"></script>

83<noscript><a href="https://www.nicovideo.jp/watch/sm45298266">ゴーバリ夏休み合作25</a></noscript></div>
84			<div class="fade">

84<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm45438603/script"></script>

84<noscript><a href="https://www.nicovideo.jp/watch/sm45438603">チャー研インスタント夏休み合作</a></noscript></div>
85
86			<div class="link"><a href="https://alpha-gun.github.io/summer/2022/" target="_blank" class="img_wrap"><img src="images/archives.png"></a></div>
87			<div class="link"><a href="https://message.blogcms.jp/livedoor/alpha_gun/message" target="_blank" class="img_wrap"><img src="images/form.png"></a></div>
88			<div class="link"><a href="https://twitter.com/alpha_gun" target="_blank" class="img_wrap"><img src="images/twitter.png"></a></div>
89
90		</main>
91	</div>
92</section>
93<!-- ========== /main ========== -->
94
95</section>
96
97<!-- ========== footer ========== -->
98<!-- ========== /footer ========== -->
99

100<script src="script/script.js"></script>

100

101<script src="script/swiper.js"></script>

101

102<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

102

103<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

103

104<script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>

104
105

106<script>
107//画像スライダー
108var swiper = new Swiper('.swiper-container', {
109	navigation: {
110		nextEl: '.swiper-button-next',
111		prevEl: '.swiper-button-prev',
112	},
113	loop: true,
114	autoHeight: true,
115	autoplay: {
116		delay: 3000,
117		disableOnInteraction: true
118	},
119	pagination: {
120		el: '.swiper-pagination',
121		type: 'bullets',
122		clickable: true,
123	},
124});
125//一番上に戻る
126jQuery(document).ready(function() {
127	var offset = 100;
128	var duration = 500;
129	jQuery(window).scroll(function() {
130		if (jQuery(this).scrollTop() > offset) {
131			jQuery('.pagetop').fadeIn(duration);
132		} else {
133			jQuery('.pagetop').fadeOut(duration);
134		}
135	});
136	jQuery('.pagetop').click(function(event) {
137		event.preventDefault();
138		jQuery('html, body').animate({scrollTop: 0}, duration);
139		return false;
140	})
141});
142//ロゴ
143jQuery(document).ready(function() {
144	var offset = 1500;
145	var duration = 500;
146	jQuery(window).scroll(function() {
147		if (jQuery(this).scrollTop() > offset) {
148			jQuery('.logo').fadeIn(duration);
149		} else {
150			jQuery('.logo').fadeOut(duration);
151		}
152	});
153});
154
155</script>

155
156
157<div class="pagetop"><img src="images/top.png" class="pagetop-img"></div> 
158
159</body>
160</html>