such web

2018-02-26 01:56:00 +08:00
parent 7303dc0b17
commit 79f8a97d23
3 changed files with 58 additions and 18 deletions
--- a/index.css
+++ b/index.css
@ -0,0 +1,29 @@
+body {
+    background-image: url("static/BG.jpg");
+    background-attachment: fixed;
+}
+
+#center {
+    margin: 2%;
+    padding: 2%;
+    border-radius: 2em;
+    background-color: white;
+    opacity: 0.8;
+}
+
+#title {
+    font-weight: bold;
+}
+
+big {
+    font-size: 20px;
+}
+
+#NTUST {
+    width: 9.87%;
+}
+
+#angry {
+    font-size: 200%;
+    vertical-align: top;
+}
--- a/index.html
+++ b/index.html
@ -1,40 +1,51 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <meta charset='UTF-8'>
-  <meta name="description" content="國立臺北科技大學Taipei Tech創立於民國元年，為臺灣技職教育之濫觴，校史輝煌悠久。本校定位為「實務研究型大學」，設機電、電資、工程、管理、設計及人文與社會科學六學院。素有「企業家搖籃」之美名，校友遍佈產業各界，於產業界極有影響力，深厚的學術基礎、地利之便、多元課程、豐富資源與國際能見度，使本校發展成為以科技為強項的國際知名大學。" />
+  <meta charset="UTF-8">
+  <meta name="description" content="國立臺北科技大學Taipei Tech創立於民國元年，為臺灣技職教育之濫觴，校史輝煌悠久。本校定位為「實務研究型大學」，設機電、電資、工程、管理、設計及人文與社會科學六學院。素有「企業家搖籃」之美名，校友遍佈產業各界，於產業界極有影響力，深厚的學術基礎、地利之便、多元課程、豐富資源與國際能見度，使本校發展成為以科技為強項的國際知名大學。">
  <title>我們就是企業家！</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css" type="text/css">
+  <link rel="stylesheet" href="index.css" type="text/css">
 </head>
-<body background="static/bg.jpg">
+<body>

-  <div style='padding: 10px; background-color: white; opacity: 0.8;'>
-    <h1><b>工業推手一世紀，企業搖籃一百年</b></h1>
+  <div id="center">
+    <h1 id="title">工業推手一世紀，企業搖籃一百年</h1>
    
-    <marquee>我每天都吃六教美食街ㄛ！！！！！</marquee>
+    <!--最棒的跑馬燈！-->
+    <marquee scrollamount="12">我每天都吃六教美食街ㄛ！！！！！</marquee>

    <hr>
    <ul>
-      <li><a href="chipet">Chi Pet</a> - 可以澆水の可愛烏龜</li>
+      <li><big><a href="gitea">Gitea</a> - 我的原始碼託管網站（支援 FB 登入）</big></li>
      <br>
      <li><a href="tr">Text Revealer</a> - 讓人顯示文字ㄉ工具</li>
      <br>
-      <li><big><a href="gitea">Gitea</a> - 原始碼託管網站（支援 FB 登入！！！）</big></li>
+      <li><a href="chipet">Chi Pet</a> - 可以澆水の可愛烏龜</li>
      <br>
-      <li><a href="http://ntust.com.tw/">Minecraft Server</a> - 我還沒有玩過（？</li>
+      <li><a href="http://ntust.com.tw/">Minecraft Server</a> - Sky Factory 3（空中工廠）</li>
+      <br>
+      <li><a href="http://omygod.ntut.com.tw/">omygod's Website</a> - Waaaaaaaa</li>
    </ul>
    <hr>
    
-    <br>
-
-    <table>
-      <th><script src="https://gist.github.com/PinLin/3f6c1885d3c22d9fbf6a726788778112.js"></script></th>
-      <th></th>
-    </table>
-
-    <a href="edu"><img src="static/TaiwanTech.png" width=9.87% /></a>
-    <font style='font-size: 200%; vertical-align: top'>
+    <a href="edu"><img id="NTUST" src="static/TaiwanTech.png"></a>
+    <font id="angry">
      學生：我們是台北科技大學，簡稱「北科大」，請大家不要再搞錯了。
    </font>
+
+    <br><br>
+
+    <script src="https://gist.github.com/PinLin/3f6c1885d3c22d9fbf6a726788778112.js"></script>
+
+    <div class="embed-responsive embed-responsive-16by9">
+      <video src="http://www.cc.ntut.edu.tw/TaipeiTech.mp4" controls preload="none" class="embed-responsive-item" type="video/mp4">
+    </div>
+
+    <br>
+
+    <p>　　國立臺北科技大學Taipei Tech創立於民國元年，為臺灣技職教育之濫觴，校史輝煌悠久。本校定位為「實務研究型大學」，設機電、電資、工程、管理、設計及人文與社會科學六學院。素有「企業家搖籃」之美名，校友遍佈產業各界，於產業界極有影響力，深厚的學術基礎、地利之便、多元課程、豐富資源與國際能見度，使本校發展成為以科技為強項的國際知名大學。</p>
+
  </div>
 </body>
 </html>
--- a/static/BG.jpg
+++ b/static/BG.jpg