sugimototatsuo · hitomi-neko · Jun 25, 2020 · Jun 25, 2020 · Jun 25, 2020 · Jun 25, 2020
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5502
+}
diff --git a/copy.html b/copy.html
diff --git a/docs/html/2dcg.html b/docs/html/2dcg.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="ja">
+
+<head>
+    <meta charset="utf-8">
+    <title>東京都立大学システムデザイン学部インダストリアルアート学科</title>
+    <link rel="stylesheet" href="../styles/styles.css">
+</head>
+
+<body>
+    <h2>2次元コンピュータグラフィック</h2>
+    <img src="../image/2dcg-01.jpg" title="2dcg" width="22.5%" hight="22.5%">
+    <p>1年次2次元コンピュータグラフィック基礎の作品です。illustratorで作成されています。</p>
+    <p>*現在は開講されていない旧課程の科目です。</p>
+
+    <h3>関連スタジオ</h3>
+    <div id="relatedStudio">
+        <p>ヴィジュアルコミュニケーションデザインスタジオ</p>
+        <p>エディティングスタジオ</p>
+        <p>インタラクティブアートスタジオ</p>
+        <p>インタラクティブアートスタジオ</p>
+        <p>ネットワークデザインスタジオ</p>
+        <p>ソフトウェアデザインスタジオ</p>
+    </div>
+    <h3>担当教員</h3>
+    <div>
+        <p>日高良佑</p>
+    </div>
+
+    <button id="closeButton" onclick="window.close();">とじる</button>
+</body>
+
+</html>
diff --git a/docs/html/d-pro01.html b/docs/html/d-pro01.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="ja">
+
+<head>
+    <meta charset="utf-8">
+    <title>東京都立大学システムデザイン学部インダストリアルアート学科</title>
+    <link rel="stylesheet" href="../styles/styles.css">
+</head>
+
+<body>
+    <h2>デザインプログラミング2018最終課題</h2>
+    <img src="../image/d-pro01.png" title="DP">
+    <p>1年次デザインプログラミングの作品です。processingで製作しています。</p>
+
+    <h3>関連スタジオ</h3>
+    <div id="relatedStudio">
+        <p>インタラクティブアートスタジオ</p>
+        <p>インタフェースデザインスタジオ</p>
+        <p>ネットワークデザインスタジオ</p>
+        <p>ソフトウェアデザインスタジオ</p>
+    </div>
+    <h3>担当教員</h3>
+    <div>
+        <p>安藤大地</p>
+    </div>
+
+    <button id="closeButton" onclick="window.close();">とじる</button>
+</body>
+
+</html>
diff --git a/docs/html/editorial.html b/docs/html/editorial.html
diff --git a/docs/html/equipment.html b/docs/html/equipment.html
diff --git a/docs/html/ergonomics.html b/docs/html/ergonomics.html
diff --git a/docs/html/form.html b/docs/html/form.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="ja">
+
+<head>
+    <meta charset="utf-8">
+    <title>東京都立大学システムデザイン学部インダストリアルアート学科</title>
+
+    <link rel="stylesheet" href="../sass/reset.css">
+    <link rel="stylesheet" href="../sass/work.css">
+
+    <link rel="shortcut icon" href="../image/mark.ico">
+</head>
+
+<body>
+
+    <iframe
+        src="https://docs.google.com/forms/d/e/1FAIpQLSeUW0nKHalhyZksHTGTAe7rTyidckQmQ96ll3XzZFL3GPhNTw/viewform?embedded=true"
+        width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
+
+</body>
diff --git a/docs/html/iaLib.html b/docs/html/iaLib.html
@@ -0,0 +1,197 @@
+<!DOCTYPE html>
+<html lang="ja">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>東京都立大学システムデザイン学部インダストリアルアート学科</title>
+    <!-- <link rel="stylesheet" href="../styles/styles.css"> -->
+    <link rel="stylesheet" href="../sass/reset.css">
+    <link rel="stylesheet" href="../sass/iaLib.css">
+    <link rel="shortcut icon" href="../image/mark.ico">
+</head>
+
+<body>
+    <div id="showloading">
+        <img src="../image/loading.gif" alt="loading">
+    </div>
+
+    <header>
+        <div class="left_h" id="nav-drawer">
+            <!-- 追加 -->
+            <input id="nav-input" type="checkbox" class="nav-unshown">
+            <label id="nav-open" for="nav-input"><span></span></label>
+            <label class="nav-unshown" id="nav-close" for="nav-input"></label>
+            <!--  -->
+            <nav id="nav-content">
+                <ul>
+                    <li><a id="head-aboutus">
+                            <h3 id="nomalSubtitle1" style="display: block">学科概要</h3>
+                            <h3 id="easySubtitle1" style="display: none"><ruby>
+                                    <rb>学科</rb>
+                                    <rt>がっか</rt>
+                                </ruby></h3>
+                            <h3 id="englishSubtitle1" style="display: none">Summary</h3>
+                        </a></li>
+                    <li><a id="head-work">
+                            <h3 id="nomalSubtitle2" style="display: block">作品</h3>
+                            <h3 id="easySubtitle2" style="display: none"><ruby>
+                                    <rb>作品</rb>
+                                    <rt>さくひん</rt>
+                                </ruby></h3>
+                            <h3 id="englishSubtitle2" style="display: none">Works</h3>
+                        </a></li>
+                    <li><a id="head-curriculm">
+                            <h3 id="nomalSubtitle3" style="display: block">カリキュラム</h3>
+                            <h3 id="easySubtitle3" style="display: none">カリキュラム</h3>
+                            <h3 id="englishSubtitle3" style="display: none">Curriculum</h3>
+                        </a></li>
+                    <li><a id="head-studios">
+                            <h3 id="nomalSubtitle4" style="display: block">スタジオ紹介</h3>
+                            <h3 id="easySubtitle4" style="display: none">スタジオ<ruby>
+                                    <rb>紹介</rb>
+                                    <rt>しょうかい</rt>
+                                </ruby></h3>
+                            <h3 id="englishSubtitle4" style="display: none">Studios</h3>
+                        </a></li>
+                    <li><a id="head-faculty">
+                            <h3 id="nomalSubtitle5" style="display: block">教員紹介</h3>
+                            <h3 id="easySubtitle5" style="display: none"><ruby>
+                                    <rb>先生</rb>
+                                    <rt>せんせい</rt>
+                                </ruby><ruby>
+                                    <rb>紹介</rb>
+                                    <rt>しょうかい</rt>
+                                </ruby></h3>
+                            <h3 id="englishSubtitle5" style="display: none">Faculty</h3>
+                        </a></li>
+                    <li><a id="head-column">
+                            <h3 id="nomalSubtitle9" style="display: block">関連コンテンツ</h3>
+                            <h3 id="easySubtitle9" style="display: none"><ruby>
+                                    <rb>関連</rb>
+                                    <rt>かんれん</rt>
+                                </ruby>コンテンツ</h3>
+                            <h3 id="englishSubtitle9" style="display: none">Column</h3>
+                        </a></li>
+                    <li><a id="head-admission">
+                            <h3 id="nomalSubtitle6" style="display: block">入試案内</h3>
+                            <h3 id="easySubtitle6" style="display: none"><ruby>
+                                    <rb>入学試験</rb>
+                                    <rt>にゅうがくしけん</rt>
+                                </ruby></h3>
+                            <h3 id="englishSubtitle6" style="display: none">Admission</h3>
+                        </a></li>
+                    <li><a id="head-question">
+                            <h3 id="nomalSubtitle7" style="display: block">よくある質問</h3>
+                            <h3 id="easySubtitle7" style="display: none"><ruby>
+                                    <rb>質問</rb>
+                                    <rt>しつもん</rt>
+                                </ruby></h3>
+                            <h3 id="englishSubtitle7" style="display: none">Q&A</h3>
+                        </a></li>
+                    <li><a id="head-access">
+                            <h3 id="nomalSubtitle8" style="display: block">アクセス</h3>
+                            <h3 id="easySubtitle8" style="display: none">アクセス</h3>
+                            <h3 id="englishSubtitle8" style="display: none">Access</h3>
+                        </a></li>
+                </ul>
+            </nav>
+        </div>
+
+        <div class="right_h">
+
+
+            <label for="type1" class="lang">
+                <p id="nomalLang" style="display: block">言語</p>
+                <p id="englishLang" style="display: none">Lang</p>
+                <p id="easyLang" style="display: none">ことば</p>
+            </label>
+            <input type="checkbox" id="type1" class="accordion">
+            <ul id="links1">
+                <li id="button" class="open">
+                    <p id="nomalButton" style="display: block">English</p>
+                    <p id="englishButton" style="display: none">Undo</p>
+                </li>
+                <li><button id="button2" class="open">
+                        <p id="nomalButton2" style="display: block">やさしい<br>にほんご</p>
+                        <p id="easyButton2" style="display: none">もとに<br>もどす</p>
+                    </button></li>
+            </ul>
+            <label for="type2">
+                <a href="https://www.tmu.ac.jp/entrance/faculty/application_guidebook.html" target="_blank">
+                    <p id="nomalRec" style="display: block">資料</p>
+                    <p id="englishRec" style="display: none">Info</p>
+                    <p id="easyRec" style="display: none"><ruby>
+                            <rb>資料</rb>
+                            <rt>しりょう</rt>
+                        </ruby></p>
+                </a>
+            </label>
+            <input type="checkbox" id="type2" class="accordion">
+
+        </div>
+    </header>
+
+    <div style="height: 80px;"></div>
+
+    <div id="mainContent" class="hidden">
+        <div class="main-visual"></div>
+
+        <div class="first-text">
+            <div id="nomalf" style="display: block">
+                <h3>インダスみんなの図書とは？</h3>
+                <h5>インダストリアルアート学科の先生方のおすすめの本を掲載しています。<br>
+                    <a href="https://twitter.com/ia_sd_tmu" target="_blank">SNS</a>でも定期的に推薦図書を発信しています。</h5>
+            </div>
+            <div id="englishf" style="display: none">
+                <h3>What is "インダスみんなの図書"？</h3>
+                <h5>The following books are recommended by the Industrial Arts Department faculty.<br>
+                    We also regularly send out book recommendations on <a href="https://twitter.com/ia_sd_tmu"
+                        target="_blank">SNS</a>.</h5>
+            </div>
+            <div id="easyf" style="display: none">
+                <h3>インダスみんなの<ruby>
+                        <rb>図書</rb>
+                        <rt>としょ</rt>
+                    </ruby>って？</h3>
+                <h5>インダストリアルアート<ruby>
+                        <rb>学科</rb>
+                        <rt>がっか</rt>
+                    </ruby>の<ruby>
+                        <rb>先生</rb>
+                        <rt>せんせい</rt>
+                    </ruby>のおすすめの<ruby>
+                        <rb>本</rb>
+                        <rt>ほん</rt>
+                    </ruby>です。<br>
+                    <a href="https://twitter.com/ia_sd_tmu" target="_blank">SNS</a>でも<ruby>
+                        <rb>定期的</rb>
+                        <rt>ていきてき</rt>
+                    </ruby>におすすめの<ruby>
+                        <rb>本</rb>
+                        <rt>ほん</rt>
+                    </ruby>を<ruby>
+                        <rb>発信</rb>
+                        <rt>はっしん</rt>
+                    </ruby>しています。</h5>
+            </div>
+        </div>
+
+        <div id="book">
+        </div>
+    </div>
+
+    <a class="toTop" id="back">
+        <p id="nomalReturn" style="display: block">トップへもどる</p>
+        <p id="englishReturn" style="display: none">Return to top</p>
+    </a>
+
+    <footer>
+        <p>東京都立大学</p>
+        <p>Tokyo Metropolitan University</p>
+    </footer>
+
+    <script src="../js/jsBook.js"></script>
+</body>
+
+</html>