TechBowl-japan · ai0930 · Jul 31, 2024 · Aug 1, 2024 · Sep 24, 2024 · Sep 24, 2024
diff --git a/desktop.ini b/desktop.ini
@@ -0,0 +1,2 @@
+[.ShellClassInfo]
+LocalizedResourceName=@html-stations,0
diff --git a/src/assets/css/station3.css b/src/assets/css/station3.css
@@ -0,0 +1,20 @@
+.card {
+  background-color: #ffffff;
+  padding: 10px;
+}
+
+.card__title {
+  font-size: 14px;
+  color: #282828;
+}
+
+.card__description {
+  color: #282828;
+  font-size: 12px;
+}
+
+.card__img-top {
+  width: 288px;
+  height: 182px;
+  margin-bottom: 100px;
+}
diff --git a/src/assets/css/station4.css b/src/assets/css/station4.css
@@ -0,0 +1,32 @@
+.card {
+  background-color: #ffffff;
+  padding: 1px;
+}
+
+.card__title {
+  font-size: 14px;
+  color: #282828;
+}
+
+.card__description {
+  color: #282828;
+  font-size: 12px;
+}
+
+.card__img-top {
+  width: 288px;
+  height: 182px;
+  margin-bottom: 1px;
+}
+
+header {
+  background-color: #ffffff;
+}
+
+body {
+  color: #c4c4c4;
+}
+
+footer {
+  background-color: #ffffff;
+}
diff --git a/src/assets/css/station5.css b/src/assets/css/station5.css
@@ -0,0 +1,32 @@
+.card {
+  background-color: #fde1f7;
+  padding: 1px;
+}
+
+.card__title {
+  font-size: 14px;
+  color: #383535;
+}
+
+.card__description {
+  color: #282828;
+  font-size: 12px;
+}
+
+.card__img-top {
+  width: 288px;
+  height: 182px;
+  margin-bottom: 1px;
+}
+
+header {
+  background-color: #ffffff;
+}
+
+body {
+  color: #000000;
+}
+
+footer {
+  background-color: #ffffff;
+}
diff --git a/src/assets/css/station6.css b/src/assets/css/station6.css
@@ -0,0 +1,32 @@
+.card {
+  background-color: #fde1f7;
+  padding: 1px;
+}
+
+.card__title {
+  font-size: 14px;
+  color: #383535;
+}
+
+.card__description {
+  color: #282828;
+  font-size: 12px;
+}
+
+.card__img-top {
+  width: 288px;
+  height: 182px;
+  margin-bottom: 1px;
+}
+
+header {
+  background-color: #ffffff;
+}
+
+body {
+  color: #000000;
+}
+
+footer {
+  background-color: #ffffff;
+}
diff --git a/src/assets/css/station7.css b/src/assets/css/station7.css
@@ -0,0 +1,32 @@
+.card {
+  background-color: #fde1f7;
+  padding: 1px;
+}
+
+.card__title {
+  font-size: 14px;
+  color: #383535;
+}
+
+.card__description {
+  color: #282828;
+  font-size: 12px;
+}
+
+.card__img-top {
+  width: 288px;
+  height: 182px;
+  margin-bottom: 1px;
+}
+
+header {
+  background-color: #ffffff;
+}
+
+body {
+  color: #000000;
+}
+
+footer {
+  background-color: #ffffff;
+}
diff --git a/src/assets/css/station8.css b/src/assets/css/station8.css
@@ -0,0 +1,35 @@
+.card {
+  background-color: #fde1f7;
+  padding: 1px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.card__title {
+  font-size: 14px;
+  color: #383535;
+}
+
+.card__description {
+  color: #282828;
+  font-size: 12px;
+}
+
+.card__img-top {
+  width: 288px;
+  height: 182px;
+  margin-bottom: 1px;
+}
+
+header {
+  background-color: #ffffff;
+}
+
+body {
+  color: #000000;
+}
+
+footer {
+  background-color: #ffffff;
+}
diff --git a/src/station1.html b/src/station1.html
@@ -1,11 +1,23 @@
 <!doctype html>
 <html lang="ja">
-<head>
-<meta charset="UTF-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Station 1</title>
-</head>
-<body>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Station 1</title>
+  </head>
+  <body>
+    <img
+      class="techtrain sample"
+      src="./assets/image/railway-thumbnail.png"
+      alt="techtrain sample"
+    />
+    <p>
+      <span style="font-weight: bold; display: block"
+        >TechTrainの使い方<br />TechBowl</span
+      >
+    </p>
+
+    <p>Suguru Ohki<br />7,722回視聴・2021/04/22</p>
+  </body>
 </html>
diff --git a/src/station2.html b/src/station2.html
@@ -1,18 +1,18 @@
 <!doctype html>
 <html lang="ja">
-<head>
-<meta charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<title>Station 2</title>
-</head>
-<body>
-<div class="card">
-    <img src="./assets/image/railway-thumbnail.png" alt="カードの画像" />
-    <div>
-    <p>タイトル</p>
-    <span>サブタイトル</span>
-        </div>
-</div>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Station 2</title>
+  </head>
+  <body>
+    <div class="card">
+      <img src="./assets/image/railway-thumbnail.png" alt="カードの画像" />
+      <div>
+        <p>タイトル</p>
+        <span>サブタイトル</span>
+      </div>
+    </div>
+  </body>
 </html>
diff --git a/src/station3.html b/src/station3.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="./assets/css/station3.css" type="text/css">
+    <link rel="stylesheet" href="./assets/css/station3.css" type="text/css" />
     <title>Station 3</title>
   </head>
   <body>

diff --git a/src/station4.html b/src/station4.html
@@ -1 +1,20 @@
 <!doctype html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="./assets/css/station4.css" type="text/css" />
+    <title>Station 4</title>
+  </head>
+  <body>
+    <header>aaaa</header>
+    <div class="card">
+      <img src="./assets/image/railway-thumbnail.png" class="card__img-top" />
+      <p class="card__title">TechTrainの使い方</p>
+      <p class="card__description">Suguru ohki</p>
+      <p class="card__description">6,722回視聴・2021/04/22</p>
+    </div>
+    <footer>aaaa</footer>
+  </body>
+</html>
diff --git a/src/station5.html b/src/station5.html
@@ -1 +1,27 @@
 <!doctype html>
+<!doctype html>
+<html lang="ja">
+  <main>
+    <head>
+      <meta charset="UTF-8" />
+      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <link rel="stylesheet" href="./assets/css/station5.css" type="text/css" />
+      <title>Station 4</title>
+    </head>
+    <body>
+      <header>aaaa</header>
+      <div class="card">
+        <img
+          alt="techtrain-image"
+          src="./assets/image/railway-thumbnail.png"
+          class="card__img-top"
+        />
+        <p class="card__title">TechTrainの使い方</p>
+        <p class="card__description">Suguru ohki</p>
+        <p class="card__description">6,722回視聴・2021/04/22</p>
+      </div>
+      <footer>aaaa</footer>
+    </body>
+  </main>
+</html>
diff --git a/src/station6.html b/src/station6.html
@@ -1 +1,31 @@
 <!doctype html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="og:title" content="techtrain" />
+    <meta property="og:url" content="https://www.aitechtrain/0930/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://www.techtrainn-image" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:creator" content="@ai0930" />
+
+    <link rel="stylesheet" href="./assets/css/station6.css" type="text/css" />
+    <title>Station 4</title>
+  </head>
+  <body>
+    <header>aaaa</header>
+    <div class="card">
+      <img
+        alt="techtrain-image"
+        src="./assets/image/railway-thumbnail.png"
+        class="card__img-top"
+      />
+      <p class="card__title">TechTrainの使い方</p>
+      <p class="card__description">Suguru ohki</p>
+      <p class="card__description">6,722回視聴・2021/04/22</p>
+    </div>
+    <footer>aaaa</footer>
+  </body>
+</html>
diff --git a/src/station7.html b/src/station7.html
@@ -1 +1,41 @@
-<!doctype html>
+<!doctype html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="og:title" content="techtrain" />
+    <meta property="og:url" content="https://www.aitechtrain/0930/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://www.techtrainn-image" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:creator" content="@ai0930" />
+
+    <link rel="stylesheet" href="./assets/css/station7.css" type="text/css" />
+    <title>Station 7</title>
+  </head>
+  <body>
+    <header>aaaa</header>
+    <div class="card">
+      <img
+        alt="techtrain-image"
+        src="./assets/image/railway-thumbnail.png"
+        class="card__img-top"
+      />
+      <p class="card__title">TechTrainの使い方</p>
+      <p class="card__description">Suguru ohki</p>
+      <p class="card__description">6,722回視聴・2021/04/22</p>
+    </div>
+    <div class="card">
+      <img
+        alt="techtrain-image"
+        src="./assets/image/railway-thumbnail.png"
+        class="card__img-top"
+      />
+      <p class="card__title">TechTrainの使い方</p>
+      <p class="card__description">Suguru ohki</p>
+      <p class="card__description">6,722回視聴・2021/04/22</p>
+    </div>
+    <footer>aaaa</footer>
+  </body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		[.ShellClassInfo]
		LocalizedResourceName=@html-stations,0