refs #24, correct javascript / css

ocftw · Oct 5, 2015 · 4053a32 · 4053a32
1 parent dfe8a16
commit 4053a32
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git 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
@@ -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;
+}