refs #24, add annual report template.

ocftw · Oct 5, 2015 · 70860c9 · 70860c9
1 parent b527e21
commit 70860c9
Show file tree

Hide file tree

Showing 5 changed files with 71 additions and 0 deletions.
diff --git a/_includes/ui_header.html b/_includes/ui_header.html
@@ -18,4 +18,5 @@
     <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.4/semantic.min.css"/>
     <link rel="stylesheet" href="/css/local.css"/>
+    {% if page.css %}<link rel="stylesheet" href="{{ page.css }}"/>{% endif %}
 </head>
diff --git a/_layouts/semantic-ui-fluid.html b/_layouts/semantic-ui-fluid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+{% include ui_header.html %}
+
+<body>
+{% include ui_nav.html %}
+
+<div class="wrapper-fluid">
+
+{{ content }}
+
+</div><!-- end of wrapper -->
+
+{% include ui_footer.html %}
+
+{% include ga.html %}
+{% include ui_closure.html %}
+</body>
+</html>
diff --git a/css/local.css b/css/local.css
@@ -16,6 +16,10 @@ h1, h2, h3, h4, h5, h6, .ui.header, .ui.menu, .ui.button {
   max-width: 1024px;
   margin: 0 auto;
 }
+.wrapper-fluid {
+  width: 100%;
+  margin: 0;
+}
 .horizontal.padding {
   padding-left: 1rem;
   padding-right: 1rem;

diff --git a/report/2015/index.html b/report/2015/index.html
@@ -0,0 +1,42 @@
+---
+layout: semantic-ui-fluid
+title: 開放文化基金會::2015年度成果報告
+css: /report/2015/report.css
+og_description: 你的支持讓開放文化更茁壯 - 開放文化基金會 2015 年度成果報告
+og_image: http://placehold.it/400x300
+---
+<h1 class="ui horizontal divider header">2015 年度成果報告</h1>
+<div class="ui container annual-report">
+  <div class="ui relaxed divided link items">
+    <!--item-->
+    <div class="item">
+      <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>
+    </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>
+      <div class="ui image">
+        <img src="http://www.charitywater.org/annual-report/14/images/team-1-large-up.jpg">
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+// lazy load image
+$('.demo.items .image img')
+  .visibility({
+    type       : 'image',
+    transition : 'fade in',
+    duration   : 1000
+  });
+</script>
diff --git a/report/2015/report.css b/report/2015/report.css
@@ -0,0 +1,5 @@
+.annual-report .item .content,
+.annual-report .item .image {
+  width: 50%;
+  margin: 0;
+}