None

KuranosukeOhta · Jul 19, 2021 · 102a03c · 102a03c
1 parent ee26ca1
commit 102a03c
Show file tree

Hide file tree

Showing 11 changed files with 166 additions and 0 deletions.
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/header.php b/header.php
@@ -0,0 +1,25 @@
+<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark role-navgation d-print">
+  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#kirikae" aria-label="navi">
+    <span class="navbar-toggler-icon">
+    </span>
+  </button>
+  <div class="collapse navbar-collapse" id="kirikae">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item active">
+        <a class="nav-link" href="home.html">現在の空き情報
+        </a>
+      </li>
+      <li class="nav-item active">
+        <a class="nav-link" href="zisaku-print.html">Contact us
+        </a>
+      </li>
+    </ul>
+  </div>
+  <div class="collapse navbar-collapse" id="navbarText">
+    <span class="navbar-text ml-auto">市営体育館の開放種目をリアルタイムに表示するサイト
+    </span>
+  </div>
+  <a class="navbar-brand" href="home.html">
+    <img src="img/pin_icon.png" alt="" width="30" height="30">GymFinder
+  </a>
+</nav>
diff --git a/img/pin_icon.png b/img/pin_icon.png
diff --git a/index.html b/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+
+    <head>
+
+        <meta charset="UTF-8">
+
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <link rel="stylesheet" href="css/bootstrap.min.css">
+
+        <title>GymFinder</title>
+
+        <link rel="stylesheet" href="style.css">
+        <link rel="shortcut icon" href="img/pin_icon.png" type="image/x-icon">
+        <!--
+            <link href="https://fonts.googleapis.com/css?family=Anton rel">
+            <script src="https://kit.fontawesome.com/cbdb2a755c.js" crossorigin="anonymous"></script>
+        -->
+
+        <script src="main.js"></script>
+
+    </head>
+
+    <body style="padding-top:100px;">
+        <script src="js/jquery-3.6.0.slim.min.js"></script>
+        <script src="js/bootstrap.bundle.min.js"></script>
+
+        <?php include('header.php'); ?>
+
+
+        <div class="container">
+
+
+            <img src="img/pin_icon.png" alt="">
+
+
+            <div class="row">
+                <div class="col"><h1>現在の空き情報</h1></div>
+                <div class="col">
+                    <script src="js/DisplayDate.js"></script>
+                </div>
+            </div>
+        </div>
+<!--
+
+           <div class="row">
+                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d373591.16943388665!2d140.9671038130202!3d42.98499273915571!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f0ad4755a973633%3A0x33937e9d4687bad5!2z5YyX5rW36YGT5pyt5bmM5biC!5e0!3m2!1sja!2sjp!4v1618749866329!5m2!1sja!2sjp" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
+           </div>
+
+            <hr>
+-->
+
+
+            <hr>
+
+        </div>
+
+
+
+
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/js/DisplayDate.js b/js/DisplayDate.js
@@ -0,0 +1,3 @@
+const d = new Date();
+let text = '<h1>'+d.toDateString()+d.toTimeString()+'</h1>'
+document.write(text);
diff --git a/js/bootstrap.bundle.min.js b/js/bootstrap.bundle.min.js
diff --git a/js/jquery-3.6.0.slim.min.js b/js/jquery-3.6.0.slim.min.js
diff --git a/js/main.js b/js/main.js
@@ -0,0 +1,4 @@
+
+console.log('外部ファイルで読み込んだファイルです。');
+
+document.write("<p>外部ファイルで読み込んだファイルです。</p>");
diff --git a/js/navbar.js b/js/navbar.js
diff --git a/pdf/プログラミング勉強史.pdf b/pdf/プログラミング勉強史.pdf
diff --git a/style.css b/style.css
@@ -0,0 +1,48 @@
+
+p {
+    font-family:"BIZ UDP明朝","BIZ UD明朝",'メイリオ', 'Meiryo', sans-serif;
+}
+
+a {
+    color: black;
+}
+
+.card-title {
+    font-weight: bolder;
+}
+
+.title  {    
+    font-family: "Corbel",'Anton', sans-serif;
+    font-size: 50px;
+    text-align: center;
+}
+
+.big_title {
+    font-family: "Corbel",'Anton', sans-serif;
+    font-size: 60px;
+    text-align: center;
+}
+
+.name {
+    font-family: "Corbel",'Anton', sans-serif;
+    font-size: 30px;
+}
+
+.text_center {
+    font-family: "Corbel",'Anton', sans-serif;
+    font-size: 20px;
+    text-align: center;
+}
+
+.center {
+    text-align: center;
+}
+
+hr {
+    border-color: rgb(43, 96, 255);
+
+}
+
+.mark {
+    background-color:rgba(140, 194, 255, 0.931);
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@

		console.log('外部ファイルで読み込んだファイルです。');

		document.write("<p>外部ファイルで読み込んだファイルです。</p>");