Skip to content

Commit

Permalink
made contact list looks masonry & informative
Browse files Browse the repository at this point in the history
  • Loading branch information
@jokeum
jokeum committed Oct 13, 2020
1 parent 9386c8c commit 4d0c8e9
Show file tree
Hide file tree
Showing 9 changed files with 481 additions and 56 deletions.
55 changes: 30 additions & 25 deletions _data/authors.yml
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
########## PDIS ##########
唐鳳:
content: 數位政務委員，業務為社會創新、青年參與、開放政府。
wiselike: 'https://wiselike.tw/#/user/audreyt'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/audreyt/800/574_1.png'
status: current
twitter: audreyt
name: 唐鳳
name_en: Audrey Tang
description: 數位政務委員，業務為社會創新、青年參與、開放政府。
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/audreyt/800/574_1.png'
wiselike: 'https://wiselike.tw/#/user/audreyt'
twitter: https://twitter.com/audreyt
facebook: https://facebook.com/shu.w.zhengwei
instagram: https://www.instagram.com/digitalminister
張皓婷:
wiselike: 'https://wiselike.tw/#/user/haoting'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/haoting/240/10766_2.png'
Expand All @@ -33,7 +35,7 @@
status: former
name: 李姿瑩
賴致翔:
content: 浪漫派公務員但是做著很實際的工作
description: 浪漫派公務員但是做著很實際的工作
wiselike: 'https://wiselike.tw/#/user/chlai'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/chlai/800/576_1.png'
status: current
Expand All @@ -59,20 +61,23 @@
status: current
name: 張芳睿
周紹文:
content: 行政院 公共數位創新小組 替代役
description: 行政院 公共數位創新小組 替代役
wiselike: 'https://wiselike.tw/#/user/john5601'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/john5601/800/580_1.png'
status: former
name: 周紹文
簡就可:
content: 影像工作者／網頁前端設計師。
wiselike: 'https://wiselike.tw/#/user/jokeum'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/jokeum/800/581_1.png'
status: current
name: 簡就可
name_en: Joke Chien
name_en: Joke
description: 影像工作者／前端開發者。
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/jokeum/800/581_1.png'
wiselike: 'https://wiselike.tw/#/user/jokeum'
email: joke@pdis.tw
facebook: https://facebook.com/jokeum
twitter: https://twitter.com/jokeum
Mark:
content: 好熱！好熱！
description: 好熱！好熱！
wiselike: 'https://wiselike.tw/#/user/markdai'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/markdai/800/582_1.png'
status: former
Expand All @@ -83,7 +88,7 @@ Mark:
status: former
name: 陳牧
張庭瑜:
content: 感恩PDIS，讚嘆PDIS
description: 感恩PDIS，讚嘆PDIS
wiselike: 'https://wiselike.tw/#/user/Naxus'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/naxus/800/583_1.png'
status: current
Expand All @@ -94,19 +99,19 @@ Mark:
status: current
name: 葉寧
蔡仲明:
content: 資策會派來的台灣社會數位化打手 ._.
description: 資策會派來的台灣社會數位化打手 ._.
wiselike: 'https://wiselike.tw/#/user/romulus'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/romulus/800/585_1.png'
status: current
status: former
name: 蔡仲明
林書漾:
content: 在公共數位創新空間小組進行一個設計的動作
description: 在公共數位創新空間小組進行一個設計的動作
wiselike: 'https://wiselike.tw/#/user/shuyanglin'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/shuyanglin/800/605_1.png'
status: current
name: 林書漾
林正東:
content: 行政院 公共數位創新小組 (PDIS) / wiselike 貢獻者
description: 行政院 公共數位創新小組 (PDIS) / wiselike 貢獻者
wiselike: 'https://wiselike.tw/#/user/smith02620'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/smith02620/800/587_1.png'
status: former
Expand All @@ -118,7 +123,7 @@ Mark:
name: 彭筱婷
name_en: Sheau-Tyng Peng
展銘:
content: 我不是長頸鹿 我不是長頸鹿 我不是長頸鹿
description: 我不是長頸鹿 我不是長頸鹿 我不是長頸鹿
wiselike: 'https://wiselike.tw/#/user/targee'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/targee/800/588_1.png'
status: current
Expand All @@ -135,13 +140,13 @@ Mark:
name: 黃子維
name_en: Zach Huang
雨蒼:
content: 自由軟體工作者、公民記者
description: 自由軟體工作者、公民記者
wiselike: 'https://wiselike.tw/#/user/billy3321'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/billy3321/240/727_1.png'
status: former
name: 雨蒼
李忠和:
content: 行政院 公共數位創新小組 (PDIS) 服役中
description: 行政院 公共數位創新小組 (PDIS) 服役中
wiselike: 'https://wiselike.tw/#/user/peterlee'
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/peterlee/240/727_1.png'
status: former
Expand All @@ -162,7 +167,7 @@ Mark:
status: former
name: 李建平
莊秉倫:
content: 半路出家到資工系研究生，立志成為從機房到 UI/UX 都會的 Full Stack 工程師
description: 半路出家到資工系研究生，立志成為從機房到 UI/UX 都會的 Full Stack 工程師
wiselike: ''
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/bingluen/800/746_1.png'
status: current
Expand Down Expand Up @@ -219,13 +224,13 @@ Fran:
status: intern
name: 謝定宇
許家瑀:
content: 一隻魚
description: 一隻魚
wiselike: ''
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/hcy/800/3756_1.png'
status: intern
name: 許家瑀
雅貴:
content: 嗨！我是 Juliana
description: 嗨！我是 Juliana
wiselike: ''
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/juliana/800/744_1.png'
status: intern
Expand All @@ -236,7 +241,7 @@ Fran:
status: intern
name: 談宇綺
吳書凡:
content: "技能樹亂點的一只大貓🦁️"
description: "技能樹亂點的一只大貓🦁️"
wiselike: ''
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/max0804/800/3763_1.png'
status: intern
Expand All @@ -257,13 +262,13 @@ FanWenHsuan:
status: intern
name: 'Fan, WenHsuan'
賴力維:
content: 業力引爆
description: 業力引爆
wiselike: ''
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/yellow/800/788_1.png'
status: intern
name: 賴力維
陳典佑:
content: 一個銘傳資工大二的學生，現在經常在 SITCON 社群活動。
description: 一個銘傳資工大二的學生，現在經常在 SITCON 社群活動。
wiselike: ''
avatar: 'https://talk.pdis.nat.gov.tw/user_avatar/talk.pdis.nat.gov.tw/yoyo930021/240/3755_1.png'
status: intern
Expand Down
11 changes: 5 additions & 6 deletions _i18n/en/pages/contact.md → _i18n/en/pages/contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@ <h4>Is there a plan?<br>Let us do it together!</h4>
</div>
<div class="row valign-wrapper">
<div class="col s12 m5 offset-m2">
<p>If you would like to try hosting a collaborative meeting or improve the digital experience in your work business; or if you encouter any error when using our websites...</p>
<p>Welcome to email us! hello@pdis.tw</p>
<p>If you would like to try hosting a collaborative meeting or improve the digital experience in your work business; or if you encounter any error when using our websites...</p>
<p>Welcome to email us!</p>
</div>
<div class="col s12 m5">
<a class='btn-large waves-effect waves-light cyan' href="mailto:hello@pdis.tw?subject=%5BPDIS%20site%5D%20Subject&body=This%20mail%20is%20for%20replying%20questions%20about%20booking%20Audrey%20Tang's%20Office%20Hour.%20(To%20book%20a%20reservation%2C%20please%20visit%20http%3A%2F%2Fsilofficehour.pdis.tw%20)%0AFor%20media%20interview%20requests%20or%20any%20other%20questions%2C%20please%20visit%20https%3A%2F%2Fwiselike.tw">{% t contact-us.mail-us %}<i class="material-icons right">mail</i></a> <br>
Expand All @@ -17,10 +17,9 @@ <h4>Is there a plan?<br>Let us do it together!</h4>
<p>To book a reservation of Audrey Tang's Office Hour, please visit <a href="http://silofficehour.pdis.tw">http://silofficehour.pdis.tw</a></p>
<p>For media interview requests or other questions, please visit <a href="https://wiselike.tw">https://wiselike.tw</a></p>
<div class='about-logos section'>
<a class="btn-floating btn-large waves-effect waves-circle cyan" href="//www.youtube.com/PdisTwGov" target="_blank"> <i class="fa fa-3x fa-youtube-play"></i> </a>
<a class="btn-floating btn-large waves-effect waves-circle cyan" href="//github.com/pdis/web-jekyll" target="_blank"> <i class="fa fa-3x fa-github"></i> </a>
<a class="btn-floating btn-large waves-effect waves-circle cyan" href="//www.facebook.com/shu.w.zhengwei" target="_blank"> <i class="fa fa-3x fa-facebook-square"></i> </a>
<a class="btn-floating btn-large waves-effect waves-circle cyan" href="//twitter.com/TaiwanPDIS" target="_blank"> <i class="fa fa-3x fa-twitter-square"></i> </a>
<a class="white btn-floating btn-large waves-effect waves-circle cyan" href="//www.youtube.com/PdisTwGov" target="_blank"> <i class="red-text fa fa-3x fa-youtube-play"></i> </a>
<a class="white btn-floating btn-large waves-effect waves-circle cyan" href="//github.com/pdis/web-jekyll" target="_blank"> <i class="black-text fa fa-3x fa-github"></i> </a>
<a class="white btn-floating btn-large waves-effect waves-circle cyan" href="//twitter.com/TaiwanPDIS" target="_blank"> <i class="cyan-text fa fa-3x fa-twitter-square"></i> </a>
</div>
</div>
</div>
9 changes: 4 additions & 5 deletions _i18n/zh-TW/pages/contact.md → _i18n/zh-TW/pages/contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ <h4>心中有計畫了嗎？<br>讓我們一起動手做！</h4>
<div class="row valign-wrapper">
<div class="col s12 m5 offset-m2">
<p>如果你希望在工作業務中嘗試進行協作會議或改善數位體驗，或是遇到預約唐鳳週三 Office Hour 的相關問題。</p>
<p>歡迎透過 hello@pdis.tw 聯絡PDIS小組！</p>
<p>歡迎寫信聯絡PDIS小組！</p>
</div>
<div class="col s12 m5">
<a class='btn-large waves-effect waves-light cyan' href="mailto:hello@pdis.tw?subject=%5BPDIS%E7%B6%B2%E7%AB%99%5D%20%E6%8F%90%E5%95%8F%E4%B8%BB%E6%97%A8&body=%E6%AD%A4%E4%BF%A1%E7%AE%B1%E5%83%85%E5%9B%9E%E8%A6%86%E6%AF%8F%E9%80%B1%E4%B8%89%E5%94%90%E9%B3%B3%20Office%20Hour%20%E9%A0%90%E7%B4%84%E7%9B%B8%E9%97%9C%E5%95%8F%E9%A1%8C%EF%BC%88%E9%A0%90%E7%B4%84%E8%AB%8B%E8%87%B3%20http%3A%2F%2Fsilofficehour.pdis.tw%20%EF%BC%89%0A%E5%AA%92%E9%AB%94%E6%8E%A1%E8%A8%AA%E6%88%96%E5%85%B6%E9%A4%98%E6%8F%90%E5%95%8F%E8%AB%8B%E8%87%B3%20https%3A%2F%2Fwiselike.tw">{% t contact-us.mail-us %}<i class="material-icons right">mail</i></a> <br>
Expand All @@ -17,10 +17,9 @@ <h4>心中有計畫了嗎？<br>讓我們一起動手做！</h4>
<p>預約唐鳳每週三的 Office Hour 請至 <a href="http://silofficehour.pdis.tw">http://silofficehour.pdis.tw</a></p>
<p>媒體邀約或其餘提問請至 <a href="https://wiselike.tw">https://wiselike.tw</a></p>
<div class='about-logos section'>
<a class="btn-floating btn-large waves-effect waves-circle cyan" href="//www.youtube.com/PdisTwGov" target="_blank"> <i class="fa fa-3x fa-youtube-play"></i> </a>
<a class="btn-floating btn-large waves-effect waves-circle cyan" href="//github.com/pdis/web-jekyll" target="_blank"> <i class="fa fa-3x fa-github"></i> </a>
<a class="btn-floating btn-large waves-effect waves-circle cyan" href="//www.facebook.com/shu.w.zhengwei" target="_blank"> <i class="fa fa-3x fa-facebook-square"></i> </a>
<a class="btn-floating btn-large waves-effect waves-circle cyan" href="//twitter.com/TaiwanPDIS" target="_blank"> <i class="fa fa-3x fa-twitter-square"></i> </a>
<a class="white btn-floating btn-large waves-effect waves-circle cyan" href="//www.youtube.com/PdisTwGov" target="_blank"> <i class="red-text fa fa-3x fa-youtube-play"></i> </a>
<a class="white btn-floating btn-large waves-effect waves-circle cyan" href="//github.com/pdis/web-jekyll" target="_blank"> <i class="black-text fa fa-3x fa-github"></i> </a>
<a class="white btn-floating btn-large waves-effect waves-circle cyan" href="//twitter.com/TaiwanPDIS" target="_blank"> <i class="cyan-text fa fa-3x fa-twitter-square"></i> </a>
</div>
</div>
</div>
1 change: 1 addition & 0 deletions _includes/script.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,6 @@
src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.3/js/swiper.min.js"></script>
<script src="/js/colcade.js"></script>
<script src="/js/materialize.min.js"></script>
<script src="/js/init.js"></script>
27 changes: 27 additions & 0 deletions _sass/main.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -311,6 +311,33 @@ img {
z-index: 99999;
}

/* contact us page */

.grid {
display: flex;
margin: 0 -4em;
}

.grid-col {
flex: 1 0 0;
margin: 0 .5em;
}

/* 1 column by default, hide columns 2 & 3 */
.grid-col--2, .grid-col--3 { display: none }

/* 2 columns at medium size */
@media ( min-width: 768px ) {
.grid-col--2 { display: block; } /* show column 2 */
}

/* 3 columns at large size */
@media ( min-width: $mobile-breakpoint ) {
.grid-col--3 { display: block; } /* show column 3 */
}

/* others */

#opengov {
$bg: rgb(74, 217, 188);
$light-bg: rgb(246, 246, 246);
Expand Down
Loading

0 comments on commit 4d0c8e9

Please sign in to comment.