文祭関連のアップデート

su-u · May 24, 2019 · 86ca670 · 86ca670
1 parent cfd052d
commit 86ca670
Show file tree

Hide file tree

Showing 6 changed files with 119 additions and 11 deletions.
diff --git a/bunsai2019.html b/bunsai2019.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="ja">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>ソフトメディア研究会</title>
+    <link rel="shortcut icon" href="/img/favicon.ico" type="image/vnd.microsoft.icon" />
+    <meta name="description" content="ソフトメディア研究会" />
+    <meta name="keywords" content="ソフメ,ソフトメディア研究会,sofme" />
+
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" />
+    <link rel="stylesheet" href="/css/styles-merged.css" />
+    <link rel="stylesheet" href="/css/style.min.css" />
+    <link rel="stylesheet" href="/css/custom.css" />
+
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script type="text/javascript" src="/js/common.js"></script>
+    <script type="text/javascript" src="/js/analytics.js"></script>
+</head>
+
+<body>
+    <script type="text/javascript">
+        header();
+    </script>
+    <section class="probootstrap-slider flexslider">
+        <ul class="slides">
+            <li style="background-image: url(/img/2019_05_26_BunsaiHeader.png);" class="overlay2">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-12 text-center">
+                            <div class="slides-text probootstrap-animate" data-animate-effect="fadeIn">
+                                <h2>文化の祭典</h2>
+                                <p>2019年5月26日開催</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </li>
+        </ul>
+    </section>
+    <!-- END: slider -->
+
+    <div class="probootstrap-section">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12">
+                    <h2 class="border">文化の祭典の出展について</h2>
+                    <p>ソフトメディア研究会は2019年5月26日に開催される文化の祭典に出展します。
+                    </p>
+                </div>
+                <div class="col-md-12">
+                    <h2 class="border">出展内容</h2>
+                    <p>今回の文化の祭典の出展場所はソフトメディア研究会本ブース、DJブース、VRキネクトブースの3箇所です。</p>
+                    <p>ソフトメディア研究会本ブースでは「マルチ班ブース」、「DTM班ブース」、「プログラム班ブース」の3つの展示を行います。
+                        マルチ班ブースではイラストや映像作品の展示をします。
+                        DTM班ブースでは作品の試聴やCDの販売を行います。
+                        プログラム班ブースではゲームを遊ぶことができます。
+                    </p>
+                    <p>DJブースではDJを行います。</p>
+                    <p>VRキネクトブースではVRのゲームを体験できます。</p>
+                </div>
+                <div class="col-md-12">
+                    <h2 class="border">DJシフト</h2>
+                    <!-- ここにDJシフト -->
+                </div>
+                <div class="col-md-12">
+                    <h2 class="border">会場および開催時間について</h2>
+                    <p>文化の祭典は千葉工業大学津田沼校舎で行われます。</p>
+                    <p>ソフトメディア研究会ブースは6号館2階の625教室、DJブースは6号館2階の624教室、VRキネクトブースは6号館1階の吹き抜けのスペースです。</p>
+                </div>
+                <div class="col-md-12">
+                    <h2 class="border">文化の祭典について</h2>
+                    <a href="https://cit.self-gove.jp/bunka/bunsai/index.html#/" target="blank" title="文化の祭典公式サイトに移動"><p>文化の祭典公式サイト</p></a>
+                </div>
+            </div>
+        </div>
+    </div> <!-- END section -->
+
+    <script type="text/javascript">
+        footer();
+    </script>
+
+    <div class="gototop js-top">
+        <a href="#" class="js-gotop"><i class="icon-chevron-thin-up"></i></a>
+    </div>
+
+    <script src="/js/scripts.min.js"></script>
+    <script src="/js/main.min.js"></script>
+    <script src="/js/custom.js"></script>
+</body>
+
+</html>
diff --git a/css/custom.css b/css/custom.css
@@ -539,3 +539,21 @@ a.multi-linkColor:hover {
     text-decoration: underline;
 }
 
+
+/* pタグ */
+
+p {
+    margin-left: 20px;
+    margin-right: 20px;
+}
+
+a {
+    color: rgb(14, 124, 73);
+    transition: 0.6s;
+}
+
+a:hover {
+    text-decoration: underline;
+    color: rgb(85, 197, 21);
+}
+
diff --git a/css/dtm.css b/css/dtm.css
diff --git a/css/dtm.css.map b/css/dtm.css.map
diff --git a/img/2019_05_26_BunsaiHeader.png b/img/2019_05_26_BunsaiHeader.png
diff --git a/index.html b/index.html
@@ -39,6 +39,9 @@
     <section class="probootstrap-slider flexslider">
         <div id="slide" class="slider-pro">
             <div class="sp-slides">
+                <div class="sp-slide">
+                    <img class="sp-image" src="img/2019_05_26_BunsaiHeader.png" />
+                </div>
                 <div class="sp-slide">
                     <img class="sp-image" src="img/01.jpg" />
                 </div>
@@ -137,6 +140,10 @@ <h2 class="border">2019年5月26日 文化の祭典</h2>
                         ソフトメディア研究会は、第24回文化の祭典に参加します。
                         本ブースの他に、VR体験ブース、DJブースを出します。
                     </p>
+                    <p>
+                        <a href="bunsai2019.html" role="button" class="btn btn-primary btn-sm"
+                            title="文化の祭典特設ページへ">文化の祭典特設ページへ</a>
+                    </p>
                 </div>
             </div>
             <div class="row">