-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
teaser.html
101 lines (85 loc) · 3.78 KB
/
teaser.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
<!DOCTYPE html>
<html lang="ja" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
<!-- Settings for social web services (as minimum as possible) -->
<title>DojoCon Japan - 年１回の CoderDojo カンファレンス</title>
<meta name="description" content="DojoCon Japan とは、日本の CoderDojo コミュニティメンバーが全国から集まる年に１度のカンファレンスです。">
<meta property="og:type" content="website" />
<meta property="og:image" content="https://dojocon2024.coderdojo.jp/img/teaser/cover.jpg" />
<meta name="twitter:image" content="https://dojocon2024.coderdojo.jp/img/teaser/cover.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@DojoConJapan" />
<meta name="twitter:title" content="DojoCon Japan 2024 @ 岡山" />
<meta property="og:title" content="DojoCon Japan 2024 @ 岡山" />
<meta property="og:url" content="https://dojocon2024.coderdojo.jp/img/teaser/cover.jpg" />
<meta property="og:description" content="DojoCon Japan とは、日本の CoderDojo コミュニティメンバーが全国から集まる年に１度のカンファレンスです。" />
<meta name="twitter:description" content="DojoCon Japan とは、日本の CoderDojo コミュニティメンバーが全国から集まる年に１度のカンファレンスです。" />
<meta name="description" content="DojoCon Japan とは、日本の CoderDojo コミュニティメンバーが全国から集まる年に１度のカンファレンスです。" />
<!-- Settings for web browsers (as minimum as possible) -->
<link rel='canonical' href='https://dojocon2024.coderdojo.jp/' />
<link rel='shortlink' href='https://dojocon2024.coderdojo.jp/' />
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" href="/favicon.ico"> <!-- 32×3 -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->
<style type="text/css">
@import"https://fonts.googleapis.com/css2?family=Space+Mono&display=swap";
html {
scroll-behavior: smooth
}
body {
font-family: "Roboto", "Noto Sans JP", sans-serif;
margin: 0;
text-align: center;
color: #046;
padding-top: 60px;
}
.container {
text-align: center;
font-size: 4vw;
font-family: 'Space Mono';
}
.cursor::after {
content: "_";
animation: blink 1s infinite
}
@keyframes blink {
0% {
opacity: 0
}
50% {
opacity: 0
}
51% {
opacity: 1
}
100% {
opacity: 1
}
}
</style>
</head>
<body>
<div class='container'>
<div style='margin-top: 1.0em;'>
<img src="/img/teaser/logo.webp" loading="lazy" width='50%' alt="CoderDojo Logo" title="CoderDojo Logo" />
</div>
<div style="margin-top: 1.0em;">DojoCon Japan 2024 at Okayama</div>
<div style="margin-top: 0.0em; color:red;">"Dream Up！"</div>
<div style="margin-top: 0.5em;">2024年09月15日（日曜）開催決定!</div>
<div style="margin-top: 0.5em;">【開催場所 岡山市 杜の街グレース貸し会議室】</div>
<div style="margin-top: 0.5em;" class="cursor">SAVE THE DATE</div>
<div style='margin-top: 2.0em;'>
<img src="/img/teaser/cover-photo.webp" loading="lazy" width='100%' alt="DojoCon Japan Cover Photo"
title="DojoCon Japan Cover Photo" />
</div>
<div style='margin-top: 2.0em; margin-bottom: 0.5em; font-size: 55%;'>
<a href='https://dojocon.coderdojo.jp/' style='text-decoration: none;'>
» 過去の開催事例を見る
</a>
</div>
</div>
</body>
</html>