真的有 RWD
This commit is contained in:
7
css/bootstrap.min.css
vendored
Normal file
7
css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
css/bootstrap.min.css.map
Normal file
1
css/bootstrap.min.css.map
Normal file
File diff suppressed because one or more lines are too long
31
css/main.css
31
css/main.css
@ -3,28 +3,31 @@ body {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#center {
|
||||
margin: 2%;
|
||||
padding: 2%;
|
||||
border-radius: 2em;
|
||||
#content {
|
||||
background-color: white;
|
||||
opacity: 0.87;
|
||||
box-shadow: 0px 0px 12px black;
|
||||
box-shadow: 0 0 2vmin black;
|
||||
}
|
||||
|
||||
#title {
|
||||
font-weight: bold;
|
||||
@media (min-width: 576px) {
|
||||
#content {
|
||||
margin: 2vmin auto;
|
||||
}
|
||||
}
|
||||
|
||||
big {
|
||||
font-size: 20px;
|
||||
#content header {
|
||||
padding-top: 2%;
|
||||
}
|
||||
|
||||
#NTUST {
|
||||
width: 9.87%;
|
||||
#content h2 {
|
||||
margin-top: 1vmin;
|
||||
}
|
||||
|
||||
#angry {
|
||||
font-size: 200%;
|
||||
vertical-align: top;
|
||||
#content .techschool * {
|
||||
font-size: 4vmin;
|
||||
height: 8vmin;
|
||||
}
|
||||
|
||||
#content footer {
|
||||
padding: 1vmin;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 653 KiB After Width: | Height: | Size: 653 KiB |
102
index.html
102
index.html
@ -5,51 +5,85 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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="css/bootstrap.min.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/main.css" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="center">
|
||||
<h1 id="title">工業推手一世紀，企業搖籃一百年</h1>
|
||||
|
||||
<!--最棒的跑馬燈！-->
|
||||
<marquee scrollamount="12">我每天都吃六教美食街ㄛ！！！！！</marquee>
|
||||
<div id="content" class="container">
|
||||
|
||||
<header>
|
||||
<h1 class="text-center">工業推手一世紀，企業搖籃一百年</h1>
|
||||
<marquee scrollamount="12">我每天都吃六教美食街ㄛ！！！！！</marquee>
|
||||
</header>
|
||||
|
||||
<hr>
|
||||
<ul>
|
||||
<li><big><a href="https://gitea.ntut.com.tw/">Gitea of NTUT.COM.TW</a> - 程式碼託管網站</big></li>
|
||||
<br>
|
||||
<li><a href="https://www.ntut.com.tw/chipet/">Chi Pet</a> - 可以澆水の可愛烏龜</li>
|
||||
<br>
|
||||
<li><a href="tr">Text Revealer</a> - 讓人用螢幕顯示大字報ㄉ工具（<a href="https://github.com/yuren-tw/textRevealer/">Source Code</a>）</li>
|
||||
<br>
|
||||
<li><a href="chicken">CrossyRoadWeb</a> - OOP 實習專題：小雞過馬路（<a href="https://gitea.ntut.com.tw/handsome/CrossyRoadWeb/">Source Code</a>）</li>
|
||||
</ul>
|
||||
<hr>
|
||||
|
||||
<a href="http://ntut.edu.tw"><img id="NTUST" src="image/TaiwanTech.png"></a>
|
||||
<font id="angry">
|
||||
學生：我們是台北科技大學，簡稱「北科大」，請大家不要再搞錯了。
|
||||
</font>
|
||||
|
||||
<br><br>
|
||||
|
||||
<img src="image/led.png" alt="LED Pin Picture" width="100%">
|
||||
|
||||
<br><br>
|
||||
|
||||
<code># 蒐集了一些好用的小 Script</code>
|
||||
<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 class="techschool">
|
||||
<a href="http://ntut.edu.tw"><img src="image/TaiwanTech.png"></a>
|
||||
<span>學生：我們是台北科技大學，簡稱「北科大」，請大家不要再搞錯了。</span>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<hr>
|
||||
|
||||
<p> 國立臺北科技大學Taipei Tech創立於民國元年，為臺灣技職教育之濫觴，校史輝煌悠久。本校定位為「實務研究型大學」，設機電、電資、工程、管理、設計及人文與社會科學六學院。素有「企業家搖籃」之美名，校友遍佈產業各界，於產業界極有影響力，深厚的學術基礎、地利之便、多元課程、豐富資源與國際能見度，使本校發展成為以科技為強項的國際知名大學。</p>
|
||||
<div class="row">
|
||||
<div class="websites col-lg-6">
|
||||
<h2 class="text-center"><code>好玩ㄉ網站</code></h2>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item list-group-item-action">
|
||||
<a href="https://gitea.ntut.com.tw/">Gitea of NTUT.COM.TW</a>
|
||||
<br>
|
||||
<span>程式碼託管網站</span>
|
||||
</li>
|
||||
<li class="list-group-item list-group-item-action">
|
||||
<a href="https://www.ntut.com.tw/wordpress">WordPress</a>
|
||||
<br>
|
||||
<span>沒什麼用ㄉ部落格</span>
|
||||
</li>
|
||||
<li class="list-group-item list-group-item-action">
|
||||
<a href="https://www.ntut.com.tw/chipet/">Chi Pet</a>
|
||||
<br>
|
||||
<span>可以澆水の可愛烏龜</span>
|
||||
</li>
|
||||
<li class="list-group-item list-group-item-action">
|
||||
<a href="chicken">CrossyRoadWeb</a>
|
||||
<br>
|
||||
<span>OOP 實習專題：小雞過馬路（<a href="https://gitea.ntut.com.tw/handsome/CrossyRoadWeb/">Source</a>）</span>
|
||||
</li>
|
||||
<li class="list-group-item list-group-item-action">
|
||||
<a href="tr">Text Revealer</a>
|
||||
<br>
|
||||
<span>讓人用螢幕顯示大字報ㄉ工具（<a href="https://github.com/yuren-tw/textRevealer/">Source</a>）</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="gist col-lg-6">
|
||||
<h2 class="text-center"><code>好用的 Script</code></h2>
|
||||
<script src="https://gist.github.com/PinLin/3f6c1885d3c22d9fbf6a726788778112.js"></script>
|
||||
</div>
|
||||
|
||||
<div class="tk1 col-lg-12">
|
||||
<h2 class="text-center"><code>TK1 的 GPIO</code></h2>
|
||||
<img src="image/GPIO.png" alt="LED Pin Picture" width="100%">
|
||||
</div>
|
||||
|
||||
<div class="video col-lg-12">
|
||||
<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>
|
||||
<p> 國立臺北科技大學 Taipei Tech 創立於民國元年，為臺灣技職教育之濫觴，校史輝煌悠久。本校定位為「實務研究型大學」，設機電、電資、工程、管理、設計及人文與社會科學六學院。素有「企業家搖籃」之美名，校友遍佈產業各界，於產業界極有影響力，深厚的學術基礎、地利之便、多元課程、豐富資源與國際能見度，使本校發展成為以科技為強項的國際知名大學。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<footer>
|
||||
<p class="text-center">(ˊ・ω・ˋ)(ˊ・ω・ˋ)(ˊ・ω・ˋ)(ˊ・ω・ˋ)(ˊ・ω・ˋ)(ˊ・ω・ˋ)</p>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
7
js/bootstrap.min.js
vendored
Normal file
7
js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
js/bootstrap.min.js.map
Normal file
1
js/bootstrap.min.js.map
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user