From 4053a32cc824fc29020fa49377ba8c5d44b22a47 Mon Sep 17 00:00:00 2001
From: Jimmy Huang <jimmy@netivism.com.tw>
Date: Mon, 5 Oct 2015 14:30:26 +0800
Subject: [PATCH] refs #24, correct javascript / css

---
 report/2015/index.html | 19 +++++++++----------
 report/2015/report.css | 12 ++++++++++++
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/report/2015/index.html b/report/2015/index.html
index f2bae6c..37705d0 100644
--- a/report/2015/index.html
+++ b/report/2015/index.html
@@ -5,13 +5,12 @@
 og_description: 你的支持讓開放文化更茁壯 - 開放文化基金會 2015 年度成果報告
 og_image: http://placehold.it/400x300
 ---
-<div class="ui container vertical padding">
+<div class="ui grid vertical horizontal padding center aligned annual-title">
   <h1 class="header">2015 回顧</h1>
   <div class="ui horizontal divider">
-    <i class="angle double down icon"></i>
   </div>
-  <p>考場數產大流他以那處現黃慢：社媽子別學，同臺運高人率極首電樂起廣性未個外業麼企裡雄小西三裡去局言型氣它爾天；被然運今立的跑地從立登們生說半同果日了受臺正力，時演合各雖音該作人公全業我見們者了要男？能不性高後走職品來？個希家送林民電麼阿決是書大方車女入持深則林生排。</p>
-</div><!--end title-->
+  <div class="content">考場數產大流他以那處現黃慢：社媽子別學，同臺運高人率極首電樂起廣性未個外業麼企裡雄小西三裡去局言型氣它爾天；被然運今立的跑地從立登們生說半同果日了受臺正力，時演合各雖音該作人公全業我見們者了要男？能不性高後走職品來？個希家送林民電麼阿決是書大方車女入持深則林生排。</div>
+</div><!--end annual title-->
 
 <div class="annual-report">
   <div class="ui relaxed divided link items">
@@ -20,16 +19,16 @@ <h1 class="header">2015 回顧</h1>
       <div class="ui image">
         <img src="http://www.charitywater.org/annual-report/14/images/team-1-large-up.jpg">
       </div>
-      <div class="middle aligned content">
-        <h3 class="seppy">Our team grew in lots of ways. Most notably, we added 21 new team members.</h3>
-        <p>Now our team is truly global, collaborating from Colorado, Oregon, Tennessee, Vermont, Washington DC, Cambodia, Ethiopia, and (of course) our headquarters in New York.</p>
+      <div class="middle center aligned content">
+        <h3 class="ui huge header">Our team grew in lots of ways. Most notably, we added 21 new team members.</h3>
+        <div class="sub header">Now our team is truly global, collaborating from Colorado, Oregon, Tennessee, Vermont, Washington DC, Cambodia, Ethiopia, and (of course) our headquarters in New York.</div>
       </div>
     </div>
     <!--item-->
     <div class="item">
-      <div class="middle aligned content">
-        <h3 class="seppy">Our team grew in lots of ways. Most notably, we added 21 new team members.</h3>
-        <p>Now our team is truly global, collaborating from Colorado, Oregon, Tennessee, Vermont, Washington DC, Cambodia, Ethiopia, and (of course) our headquarters in New York.</p>
+      <div class="middle center aligned content">
+        <h3 class="ui huge header">Our team grew in lots of ways. Most notably, we added 21 new team members.</h3>
+        <div class="sub header">Now our team is truly global, collaborating from Colorado, Oregon, Tennessee, Vermont, Washington DC, Cambodia, Ethiopia, and (of course) our headquarters in New York.</div>
       </div>
       <div class="ui image">
         <img src="http://www.charitywater.org/annual-report/14/images/team-1-large-up.jpg">
diff --git a/report/2015/report.css b/report/2015/report.css
index 6168398..1d6c830 100644
--- a/report/2015/report.css
+++ b/report/2015/report.css
@@ -5,3 +5,15 @@
   min-height:300px;
   margin: 0;
 }
+
+.annual-title {
+  margin-bottom: 10px;
+}
+.annual-title .content {
+  max-width: 960px;
+  margin: 0 auto;
+}
+.annual-title .ui.horizontal.divider {
+  max-width: 200px;
+  margin: 0 auto;
+}