diff --git a/app/assets/stylesheets/blogs.css.scss b/app/assets/stylesheets/blogs.css.scss index e69de29..830f31d 100644 --- a/app/assets/stylesheets/blogs.css.scss +++ b/app/assets/stylesheets/blogs.css.scss @@ -0,0 +1,36 @@ +.blog-title { + border-bottom: 1px solid #dddddd; + padding: 0.5rem 0; +} + +.ptag { + text-align: right; + margin-bottom: 0.5rem; + span { + margin-left: 0.5rem; + } +} + +.content { + padding-top: 0.5rem; +} + +.read-more { + border-bottom: 1px solid #dddddd; + padding-bottom: 0.5rem; + margin-bottom: 0.275rem; +} + +.published-at { + text-align: right; +} + +.recent-title { + border-bottom: 1px solid #dddddd; + padding-bottom: 0.5rem; + margin-bottom: 0.275rem; +} + +.recent-content { + padding-bottom: 3rem; +} diff --git a/app/assets/stylesheets/footer.css.scss b/app/assets/stylesheets/footer.css.scss new file mode 100644 index 0000000..2ea027c --- /dev/null +++ b/app/assets/stylesheets/footer.css.scss @@ -0,0 +1,8 @@ +.footer { + border-top: 1px solid #dddddd; + padding: 1rem 0 2rem; + text-align: right; + .link { + margin-right: 1rem; + } +} diff --git a/app/assets/stylesheets/global.css.scss b/app/assets/stylesheets/global.css.scss deleted file mode 100644 index 8b13789..0000000 --- a/app/assets/stylesheets/global.css.scss +++ /dev/null @@ -1 +0,0 @@ - diff --git a/app/views/blogs/index.html.slim b/app/views/blogs/index.html.slim index 3ccc08a..5ae11b1 100644 --- a/app/views/blogs/index.html.slim +++ b/app/views/blogs/index.html.slim @@ -1,6 +1,40 @@ .row .small-12.large-8.columns - - 5.times do - p hello world - .large-4.columns - p 订阅 + h2.blog-title 科学是什么 + p.ptag + | 分类: + span 技术 + p.ptag + | 标签: + span 生活, 感悟 + .content + p 没错, 科学只是哲学的一个部分, 所以此书给我最大的收获是, 科学只是一种实用主义. 只是这种实用主义更纯粹些: + p + | 1. 任何公理都值得怀疑 + | 2. 能够验证与重复 + + p 瞧, 第 2 点的感觉就是说, 太阳一直东方升起, 这就是科学, 因为我们一直在重复这个结论. 但是, 我们知道, 1000万年后, 我们可能就再也看不到太阳了, 所以这个结论还需要修正. 这就是科学的本质. + + p 再举个历史的例子: + + p + | 1. 地球是平的 + | 2. 地球是圆的 + | 3. 地球是椭圆的 + p.read-more 阅读全文 >> + p.published-at 发表于 2014-2-12 + + h4.recent-title RECENT + ul.recent-content + li 你是我的朋友 + li 该更新装备了 + .large-3.columns.large-offset-1 + h4 WELCOME + hr + p 我是李亚飞, WinDy 是我的网名, 又名风一样的男子. + + h4 ABOUTME + hr + p 关于我 + p 中国 * 深圳 + p 邮件订阅, 微信扫一扫 diff --git a/app/views/layouts/_footer.html.slim b/app/views/layouts/_footer.html.slim new file mode 100644 index 0000000..9f43e7b --- /dev/null +++ b/app/views/layouts/_footer.html.slim @@ -0,0 +1,5 @@ +.row + .small-12.columns + .footer + span.link yafeilee.me + span.time 2012 - 2014 diff --git a/app/views/layouts/application.html.slim b/app/views/layouts/application.html.slim index 81d44bc..22aaea9 100644 --- a/app/views/layouts/application.html.slim +++ b/app/views/layouts/application.html.slim @@ -23,11 +23,11 @@ html li label Menu li - a href="#" 技术 + a href="#" 技 术 li - a href="#" 生活 + a href="#" 生 活 li - a href="#" 创业 + a href="#" 创 业 li label Archive li @@ -37,6 +37,7 @@ html a href="#" 关于我 section.main-section = yield + = render "layouts/footer" a.exit-off-canvas