Add template logo/style/html/etc. files to quickly setup teaser site …

…for DojoCon Japan
coderdojo-japan · May 7, 2024 · c034568 · c034568
1 parent 6e28a77
commit c034568
Show file tree

Hide file tree

Showing 19 changed files with 180 additions and 0 deletions.
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,33 @@
+title:       DojoCon Japan - CoderDojo Conference
+title_short: DojoCon Japan
+title_long:  DojoCon Japan - 年１回の CoderDojo カンファレンス
+description: DojoCon Japan とは、日本の CoderDojo コミュニティメンバーが全国から集まる年に１度のカンファレンスです。
+url:               https://dojocon.coderdojo.jp
+link_to_youtube:   https://youtube.com/@DojoConJapan
+link_to_twitter:   https://twitter.com/DojoConJapan
+link_to_facebook:  https://facebook.com/DojoConJapan
+link_to_github:    https://github.com/coderdojo-japan/dojocon.coderdojo.jp
+link_to_coderdojo: https://coderdojo.jp
+link_to_decadojo:  https://decadojo.coderdojo.jp
+link_to_privacy:   https://coderdojo.jp/privacy
+copyright: DojoCon Japan & <a href='https://coderdojo.jp/'>CoderDojo Japan</a>
+
+# Build settings
+plugins:
+  - jekyll-sitemap # This must be LAST to include contents generated by gems above
+
+# Feed settings: https://github.com/jekyll/jekyll-feed
+feed:
+  path: /feed.xml
+  posts_limit: 1000
+
+exclude:
+  - .sass-cache/
+  - .jekyll-cache/
+  - Gemfile
+  - Gemfile.lock
+  - Rakefile
+
+sass:
+  style:     compressed
+  sourcemap: always
diff --git a/browserconfig.xml b/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/img/mstile-150x150.png"/>
+      <TileColor>#ffffff</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
diff --git a/favicon.ico b/favicon.ico
diff --git a/img/android-chrome-192x192.png b/img/android-chrome-192x192.png
diff --git a/img/android-chrome-256x256.png b/img/android-chrome-256x256.png
diff --git a/img/apple-touch-icon.png b/img/apple-touch-icon.png
diff --git a/img/coderdojo.png b/img/coderdojo.png
diff --git a/img/cover-photo.webp b/img/cover-photo.webp
diff --git a/img/cover.jpg b/img/cover.jpg
diff --git a/img/favicon-16x16.png b/img/favicon-16x16.png
diff --git a/img/favicon-192x192.png b/img/favicon-192x192.png
diff --git a/img/favicon-32x32.png b/img/favicon-32x32.png
diff --git a/img/favicon.ico b/img/favicon.ico
diff --git a/img/logo.png b/img/logo.png
diff --git a/img/logo.webp b/img/logo.webp
diff --git a/img/mstile-150x150.png b/img/mstile-150x150.png
diff --git a/img/safari-pinned-tab.svg b/img/safari-pinned-tab.svg
diff --git a/index.html b/index.html
@@ -0,0 +1,85 @@
+---
+---
+<!DOCTYPE html>
+
+<html lang="ja" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>{{ site.title_long }}</title>
+
+    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
+
+    <title>{{ site.title_long }}</title>
+    <meta name="description"         content="{{ site.description }}">
+    <meta property="og:type"         content="website" />
+    <meta property="og:site_name"    content="{{ site.title }}" />
+    <meta property="og:title"        content="{{ site.title }}" />
+    <meta property="og:description"  content="{{ site.description }}" />
+    <meta property="og:url"          content="{{ site.url }}">
+    <meta property="og:image"        content="{{ site.url }}/img/cover.jpg">
+    <meta property="fb:admins"       content="715330868" />
+    <meta property="fb:app_id"       content="805184859580207" />
+    <meta name="twitter:card"  content="summary_large_image" />
+    <meta name="twitter:site"  content="@DojoConJapan" />
+
+    <link rel='canonical'        href='{{ site.url }}' />
+    <link rel='shortlink'        href='{{ site.url }}' />
+    <link rel="manifest"         href="/site.webmanifest">
+    <link rel="icon"             href="/favicon.ico"><!-- 32×32 -->
+    <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/logo.webp" loading="lazy" width='50%'
+             alt="CoderDojo Logo"
+  	   title="CoderDojo Logo" />
+      </div>
+      <div style="margin-top: 1.0em;">DojoCon Japan 20xx</div>
+      <div style="margin-top: 0.0em;">"TODO: Set theme here"</div>
+      <div style="margin-top: 0.5em;">20xx年oo月xx日（oo日）開催決定!</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/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;'>
+	  &raquo; 過去の開催事例を見る
+	</a>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/site.webmanifest b/site.webmanifest
@@ -0,0 +1,22 @@
+---
+---
+
+{
+  "name":       "{{ site.title_short }}",
+  "short_name": "{{ site.title_short }}",
+  "icons": [
+        {
+            "src": "/img/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/img/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+  ],
+  "theme_color":      "#ffffff",
+  "background_color": "#ffffff",
+  "display":          "standalone"
+}