aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--page/static/css/traffic.css16
-rw-r--r--page/static/images/map-dongchuan-route.pngbin0 -> 569035 bytes
-rw-r--r--page/static/images/shmetro_map2014.jpgbin0 -> 529992 bytes
-rw-r--r--page/static/js/traffic.js25
-rw-r--r--page/templates/page/introduction.html4
-rw-r--r--page/templates/page/traffic.html55
6 files changed, 86 insertions, 14 deletions
diff --git a/page/static/css/traffic.css b/page/static/css/traffic.css
new file mode 100644
index 0000000..8b21f7a
--- /dev/null
+++ b/page/static/css/traffic.css
@@ -0,0 +1,16 @@
+/*
+ * traffic.css
+ * used with 'traffic.html' page
+ *
+ * 2014/06/23
+ */
+
+img.modal-images {
+ cursor: pointer;
+}
+
+// modal style
+@media (min-width: 768px) {
+ //
+}
+
diff --git a/page/static/images/map-dongchuan-route.png b/page/static/images/map-dongchuan-route.png
new file mode 100644
index 0000000..bca9a0c
--- /dev/null
+++ b/page/static/images/map-dongchuan-route.png
Binary files differ
diff --git a/page/static/images/shmetro_map2014.jpg b/page/static/images/shmetro_map2014.jpg
new file mode 100644
index 0000000..59756a4
--- /dev/null
+++ b/page/static/images/shmetro_map2014.jpg
Binary files differ
diff --git a/page/static/js/traffic.js b/page/static/js/traffic.js
new file mode 100644
index 0000000..34400c5
--- /dev/null
+++ b/page/static/js/traffic.js
@@ -0,0 +1,25 @@
+/*
+ * traffic.js
+ * used with 'traffic.html' page
+ *
+ * 2014/06/23
+ */
+
+/* bootstrap 3 built-in modal plugin */
+$(document).ready(function() {
+ $("img.modal-images").on("click", function() {
+ var src = $(this).attr('src');
+ var img_html = '<img src="'+src+'" class="img-responsive">';
+ var orig_html = $('#imageviewer-modal .modal-body').html();
+ // modal
+ $('#imageviewer-modal').modal('toggle');
+ // action
+ $('#imageviewer-modal').on('shown.bs.modal', function() {
+ $('#imageviewer-modal .modal-body').html(img_html);
+ });
+ $('#imageviewer-modal').on('hidden.bs.modal', function() {
+ $('#imageviewer-modal .modal-body').html(orig_html);
+ });
+ });
+});
+
diff --git a/page/templates/page/introduction.html b/page/templates/page/introduction.html
index ccc1a1a..a205095 100644
--- a/page/templates/page/introduction.html
+++ b/page/templates/page/introduction.html
@@ -35,7 +35,7 @@
<h3 id="skaschool-info">基本信息</h3>
<ul>
<li>授课语言:中文(pre-school;国内教师)、英文(国外教师)</li>
- <li>地点:上海交通大学闵行校区(具体讲课地点待定)</li>
+ <li>地点:上海交通大学闵行校区,学术活动中心</li>
<li>规模:50–60名本科生和研究生,申请者的参会资格由相关委员会审定,同等情况下大三及以下有志于射电天文事业的本科生优先。</li>
<li>资助:
<ul>
@@ -54,7 +54,7 @@
<li>6月29日:暑期学校开幕。</li>
<li>6月29–30日:Pre-School,国内教师中文授课。</li>
<li>7月1–5日:海外教师授课。</li>
- <li>7月2日:参观上海65米射电天文望远镜、上海天文台专家授课。</li>
+ <li>7月4日:参观上海65米射电天文望远镜、上海天文台专家授课。</li>
</ul>
<h3 id="lecturer">主讲教员</h3>
diff --git a/page/templates/page/traffic.html b/page/templates/page/traffic.html
index aa21d12..c4f8a96 100644
--- a/page/templates/page/traffic.html
+++ b/page/templates/page/traffic.html
@@ -7,6 +7,10 @@
{% block pagetitle %}交通{% endblock %}
+{% block css_extra %}
+ <link href="{% static 'css/traffic.css' %}" rel="stylesheet">
+{% endblock %}
+
{% block content %}
<div class="container">
<h2>交通/地图</h2>
@@ -26,50 +30,77 @@
<ul>
<li>出租车:全程约81元(不计夜间、等待时间);约40分钟</li>
<li>公交:虹桥枢纽4路(紫竹科技园区方向)至"永平路东川路"站下车即到;约80分钟</li>
- <li>地铁:乘坐"地铁10号线(新江湾城方向)"至"陕西南路"站,站内换乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;约90分钟</li>
+ <li>地铁:乘坐"地铁10号线(新江湾城方向)"至"虹桥路"站,站内换乘"地铁4号线(上海体育馆方向)"至"上海体育馆"站,换乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;票价6元;约80分钟(不含出地铁站至会场的时间)</li>
</ul>
<li><strong>浦东机场 <span class="glyphicon glyphicon-arrow-right"></span> 上海交大闵行校区</strong></li>
<ul>
<li>出租车:全程约173元(不计夜间、等待时间)</li>
- <li>地铁:浦东机场换乘地铁2号线东延伸段-广兰路站换乘2号线-人民广场站换乘1号线-莘庄换乘5号线-东川路站下车。之后参照虹桥机场里的地铁路线。</li>
- <li>地铁:乘坐"地铁2号线东延伸段(广兰路方向)"至"广兰路"站,换乘"地铁2号线(徐泾东方向)"至"人民广场"站,换乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;约2小时50分钟</li>
+ <li>地铁:乘坐"地铁2号线东延伸段(广兰路方向)"至"广兰路"站,换乘"地铁2号线(徐泾东方向)"至"人民广场"站,换乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;票价9元;约2小时10分钟(不含出地铁站至会场的时间)</li>
</ul>
<li><strong>上海火车站/长途汽车客运总站 <span class="glyphicon glyphicon-arrow-right"></span> 上海交大闵行校区</strong></li>
<ul>
<li>出租车:全程约121元 (不计夜间、等待时间)</li>
- <li>地铁:从"上海火车站"乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;约70分钟</li>
+ <li>地铁:从"上海火车站"乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;票价6元;约60分钟(不含出地铁站至会场的时间)</li>
</ul>
<li><strong>上海火车南站/长途汽车客运南站 <span class="glyphicon glyphicon-arrow-right"></span> 上海交大闵行校区</strong></li>
<ul>
<li>出租车:全程约70元 (不计夜间、等待时间)</li>
- <li>地铁:从"上海南站"乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;约40分钟</li>
+ <li>地铁:从"上海南站"乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;票价5元;约35分钟(不含出地铁站至会场的时间)</li>
<li>公交:180路(上海南站南广场,龙川北路石龙路站上车)至"永平路东川路站"下车(约90分钟)</li>
</ul>
<li><strong>上海火车西站/交通大众长途汽车站 <span class="glyphicon glyphicon-arrow-right"></span> 上海交大闵行校区</strong></li>
<ul>
- <li>出租车:约123元</li>
- <li>地铁:从"上海西站"乘坐"地铁11号线(三林方向)"至"徐家汇",站内换乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;约80分钟</li>
+ <li>出租车:约123元(不计夜间、等待时间)</li>
+ <li>地铁:从"上海西站"乘坐"地铁11号线(罗山路方向)"至"徐家汇",站内换乘"地铁1号线(莘庄方向)"至终点站"莘庄",换乘"地铁5号线(闵行开发区方向)"至"东川路"站下车;票价6元;约70分钟(不含出地铁站至会场的时间)</li>
</ul>
<li><strong>东川路地铁站 <span class="glyphicon glyphicon-arrow-right"></span> 上海交大闵行校区(思源门/拖鞋门)</strong></li>
<ul>
- <li>步行:约20分钟</li>
+ <li>步行:约20分钟;约1.4公里</li>
<li>出租车:郊区车12元,市区车14元</li>
<li>公交:江川7路(直到交大校区内);虹桥枢纽4路(至永平路东川路站);闵莘线(永平路东川路站);闵行26路(至东川路沧源路站)</li>
+ <div class="row">
+ <div class="col-md-4">
+ <li><img class="modal-images img-responsive" src="{% static 'images/map-dongchuan-route.png' %}" alt="Route from Dongchuan metro station to SJTU campus"></li>
+ </div>
+ </div>
</ul>
</ul>
<p>
注:<br>
- 1、除虹桥机场(火车站)外,不推荐乘坐公交车。若实在不方便乘坐出租车或地铁、可使用百度地图查看可用公交线路。<br>
- 2、出租车费用仅供参考。
+ 1. 除"虹桥机场/虹桥火车站"外,不推荐乘坐公交。推荐乘坐地铁,价格合适,时间容易把握。<br>
+ 2. 上海地铁有一些车站需要"出站换乘",因此使用单程票时需要分段购买。使用交通卡则无需担心。
</p>
<h3>地图</h3>
- <p><strong>上海交通闵行校区地图</strong></p>
- <img src="{% static 'images/sjtu_minhang_campusmap_zh.jpg' %}" class="img-responsive" alt="SJTU Minhang Campus Map">
+ <div class="row">
+ <div class="col-md-6">
+ <p><strong>上海交通闵行校区地图</strong></p>
+ <img src="{% static 'images/sjtu_minhang_campusmap_zh.jpg' %}" class="img-responsive modal-images" alt="SJTU Minhang Campus Map">
+ </div>
+ <div class="col-md-6">
+ <p><strong>上海轨迹交通网络示意图</strong></p>
+ <img src="{% static 'images/shmetro_map2014.jpg' %}" class="img-responsive modal-images" alt="Shanghai Metro Network Map">
+ </div>
+ </div> <!-- row -->
<br>
<br>
+
+ <!-- bootstrap modal box -->
+ <div class="modal fade" id="imageviewer-modal" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-body">
+ <!-- modal-body -->
+ </div>
+ </div> <!-- modal-content -->
+ </div> <!-- moal-dialog -->
+ </div> <!-- modal -->
</div>
{% endblock %}
+{% block js_extra %}
+ <script src="{% static 'js/traffic.js' %}" type="text/javascript"></script>
+{% endblock %}
+
{# vim: set ts=8 sw=2 tw=0 fenc=utf-8 ft=htmldjango.html: #}