|
1 | 1 | <!DOCTYPE html> |
2 | 2 | <html lang='ja'> |
3 | | - |
4 | 3 | <head> |
5 | | - <meta charset='UTF-8'> |
6 | | - <meta name='viewport' content='width=device-width, initial-scale=1.0'> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"> |
| 6 | + <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--> |
7 | 7 |
|
8 | 8 | <!-- Settings for social web services (as minimum as possible) --> |
9 | | - <title>行動規範 - DojoCon Japan 2025</title> |
10 | | - <meta name="description" content="DojoCon Japan とは、日本の CoderDojo コミュニティメンバーが全国から集まる年に１度のカンファレンスです。"> |
11 | | - <meta property="og:type" content="website" /> |
12 | | - <meta name="twitter:image" content="https://dojocon2025.coderdojo.jp/img/ogp.jpg" /> |
13 | | - <meta property="og:image" content="https://dojocon2025.coderdojo.jp/img/ogp.jpg"> |
14 | | - <meta name="twitter:card" content="summary_large_image" /> |
| 9 | + <title>Coolest Projects Japan 2026</title> |
| 10 | + <meta name="description" content="Coolest Projects Japan 2026 Teaser Site"> |
| 11 | + <meta property="og:type" content="website" /> |
| 12 | + <meta property="og:image" content="https://coolestprojects2026.coderdojo.jp/img/cover.jpg"> |
| 13 | + <meta name="twitter:card" content="summary_large_image" /> |
15 | 14 |
|
16 | 15 | <!-- Settings for web browsers (as minimum as possible) --> |
17 | | - <link rel='canonical' href='https://dojocon2025.coderdojo.jp/code-of-conduct/' /> |
18 | | - <link rel='shortlink' href='https://dojocon2025.coderdojo.jp/code-of-conduct/' /> |
19 | | - <link rel="manifest" href="/site.webmanifest"> |
20 | | - <link rel="icon" href="/img/favicon.ico"> <!-- 32×32 --> |
21 | | - <link rel="apple-touch-icon" href="/img/apple-touch-icon.png"> <!-- 180×180 --> |
| 16 | + <link rel='canonical' href='https://coolestprojects2026.coderdojo.jp/' /> |
| 17 | + <link rel='shortlink' href='https://coolestprojects2026.coderdojo.jp/' /> |
| 18 | + <link rel="manifest" href="/site.webmanifest"> |
| 19 | + <link rel="icon" href="/favicon.ico"> <!-- 32×3 --> |
| 20 | + <link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 --> |
22 | 21 |
|
23 | 22 | <style> |
24 | 23 | @import url("../legal.css"); |
25 | 24 | </style> |
| 25 | + |
| 26 | + <style type="text/css"> |
| 27 | + @import"https://fonts.googleapis.com/css2?family=Space+Mono&display=swap"; |
| 28 | + html { scroll-behavior:smooth } |
| 29 | + body { |
| 30 | + font-family:"Roboto","Noto Sans JP",sans-serif; |
| 31 | + margin:0; |
| 32 | + text-align:center; |
| 33 | + color:#046; |
| 34 | + padding-top:60px; |
| 35 | + } |
| 36 | + .container { |
| 37 | + text-align: center; |
| 38 | + font-size: 4vw; |
| 39 | + font-family: 'Space Mono'; |
| 40 | + } |
| 41 | + |
| 42 | + .cursor::after{ |
| 43 | + content:"_"; |
| 44 | + animation: blink 1s infinite |
| 45 | + } |
| 46 | + @keyframes blink{ |
| 47 | + 0% { opacity:0 } |
| 48 | + 50% { opacity:0 } |
| 49 | + 51% { opacity:1 } |
| 50 | + 100% { opacity:1 } |
| 51 | + } |
| 52 | + </style> |
26 | 53 | </head> |
27 | 54 |
|
28 | 55 | <body> |
|
0 commit comments