46 | {{! Each post will be output using this markup }}
47 | {{#foreach posts}}
48 |
49 |
50 |
51 |
56 |
57 |
58 | {{excerpt}}
59 |
60 |
61 |
62 | {{date format="DD MMM YYYY"}}
64 | {{tags prefix="" separator=" "}}
65 |
66 |
67 | {{!-- --}}
70 |
71 |
72 | {{/foreach}}
73 |
74 | {{!! After all the posts, we have the previous/next pagination links }}
75 |
76 | {{pagination}}
77 |
78 |
79 |
80 |
--------------------------------------------------------------------------------
/assets/js/jquery.fitvids.js:
--------------------------------------------------------------------------------
1 | /*global jQuery */
2 | /*jshint multistr:true browser:true */
3 | /*!
4 | * FitVids 1.0.3
5 | *
6 | * Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
7 | * Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
8 | * Released under the WTFPL license - http://sam.zoy.org/wtfpl/
9 | *
10 | * Date: Thu Sept 01 18:00:00 2011 -0500
11 | */
12 |
13 | (function( $ ){
14 |
15 | "use strict";
16 |
17 | $.fn.fitVids = function( options ) {
18 | var settings = {
19 | customSelector: null
20 | };
21 |
22 | if(!document.getElementById('fit-vids-style')) {
23 |
24 | var div = document.createElement('div'),
25 | ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0],
26 | cssStyles = '';
27 |
28 | div.className = 'fit-vids-style';
29 | div.id = 'fit-vids-style';
30 | div.style.display = 'none';
31 | div.innerHTML = cssStyles;
32 |
33 | ref.parentNode.insertBefore(div,ref);
34 |
35 | }
36 |
37 | if ( options ) {
38 | $.extend( settings, options );
39 | }
40 |
41 | return this.each(function(){
42 | var selectors = [
43 | "iframe[src*='player.vimeo.com']",
44 | "iframe[src*='youtube.com']",
45 | "iframe[src*='youtube-nocookie.com']",
46 | "iframe[src*='kickstarter.com'][src*='video.html']",
47 | "object",
48 | "embed"
49 | ];
50 |
51 | if (settings.customSelector) {
52 | selectors.push(settings.customSelector);
53 | }
54 |
55 | var $allVideos = $(this).find(selectors.join(','));
56 | $allVideos = $allVideos.not("object object"); // SwfObj conflict patch
57 |
58 | $allVideos.each(function(){
59 | var $this = $(this);
60 | if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
61 | var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
62 | width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
63 | aspectRatio = height / width;
64 | if(!$this.attr('id')){
65 | var videoID = 'fitvid' + Math.floor(Math.random()*999999);
66 | $this.attr('id', videoID);
67 | }
68 | $this.wrap('
10 |
一淘UX图标
11 |
12 |
13 |
14 | 新浪微博
16 | 㐲
17 |
18 |
19 |
20 |
21 | social_twitter_circle
22 | 
23 |
24 |
25 |
26 | facebook
28 | 㐳
29 |
30 |
31 |
32 | github
34 | 󰇊
35 |
36 |
37 |
38 | 豆瓣 方形
40 | 㑀
41 |
42 |
43 |
44 | 豆瓣
46 | 󰇈
47 |
48 |
49 |
50 | 人人网
52 | 㐵
53 |
54 |
55 |
56 | QQ
58 | 㑦
59 |
60 |
61 |
62 | qq
64 | 
65 |
66 |
67 |
68 | qq空间
70 | 󰀅
71 |
72 |
73 |
74 | 腾讯微博
76 | 㑥
77 |
78 |
79 |
80 | 腾讯微信
82 | 󰀃
83 |
84 |
85 |
86 | 5
88 | 㐶
89 |
90 |
91 |
92 | qzone
94 | 
95 |
96 |
97 |
98 | 百度 [转换]
100 | 󰀝
101 |
102 |
103 |
104 |
105 | social_rss_circle
106 | 
107 |
108 |
109 |
110 | google
112 | 㐴
113 |
114 |
115 |
116 | 淘宝
118 | 󰅱
119 |
120 |
121 |
122 | evernote
124 | 
125 |
126 |
127 |
128 | luolei
130 | 
131 |
132 |
133 |
134 | 新浪
136 | 
137 |
138 |
139 |
140 |
141 | Twitter
142 | 󰀎
143 |
144 |
145 |
146 | github-pure
148 | 
149 |
150 |
151 |
152 | dribble-pure
154 | 
155 |
156 |
157 |
158 | 微信
160 | 㐻
161 |
162 |
163 |
164 | 信号
166 | 󰆽
167 |
168 |
169 |
170 | instagram-pure
172 | 
173 |
174 |
175 |
176 |
177 |
178 |
179 | 第一步：使用font-face声明字体
180 |
181 | @font-face {font-family: 'iconfont';
182 | src: url('iconfont.eot'); /* IE9*/
183 | src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
184 | url('iconfont.woff') format('woff'), /* chrome、firefox */
185 | url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
186 | url('iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
187 | }
188 |
189 | 第二步：定义使用iconfont的样式
190 |
191 | .iconfont{
192 | font-family:"iconfont" !important;
193 | font-size:16px;font-style:normal;
194 | -webkit-font-smoothing: antialiased;
195 | -webkit-text-stroke-width: 0.2px;
196 | -moz-osx-font-smoothing: grayscale;}
197 |
198 | 第三步：挑选相应图标并获取字体编码，应用于页面
199 |
200 | <i class="iconfont">3</i>
201 |
202 |
203 |
204 |
54 |
55 |