simpread/gallery/index.html at www · hhhcommon/simpread · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="author" content="Kenshin"/>

    <meta name="description" content="简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的 Chrome extension" />
    <meta name="keywords" content="Chrome extension, Chrome 扩展, 阅读模式, 沉浸式阅读, read mode, reading mode, reader view"/>

    <meta name="thumbnail" content="http://ojec5ddd5.bkt.clouddn.com/introduce.png"/>

    <meta property="og:title" content="简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的 Chrome extension"/>
    <meta property="og:type" content="website">
    <meta property="og:local" content="zh_CN"/>
    <meta property="og:url" content="http://ksria.com/simpread"/>

    <meta property="og:image" content="http://ojec5ddd5.bkt.clouddn.com/introduce.png"/>
    <meta property="og:image:type" content="image/png"/>
    <meta property="og:image:width" content="960"/>
    <meta property="og:image:height" content="355"/>

    <meta property="og:site_name" content="http://ksria.com/simpread"/>
    <meta property="og:description" content="简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的 Chrome extension"/>

    <title>SimpRead 简悦 - 让你瞬间进入沉浸式阅读的 Chrome extension </title>

    <link rel="apple-touch-icon" sizes="57x57" href="../assets/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="../assets/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="../assets/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="../assets/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="../assets/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="../assets/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="../assets/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="../assets/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="../assets/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="../assets/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="../assets/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="./gallery.css">
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css">
  </head>
  <body>
    <header>
        <div>
            <h1>简悦 - SimpRead 照片集</h1>
            <nav>
                <a href="http://ksria.com/simpread"><span></span></a>
                <a target="_blank" href="https://github.com/Kenshin/simpread"><span></span></a>
                <a target="_blank" href="http://service.weibo.com/share/share.php?url=http://ksria.com/simpread&title=%E7%AE%80%E6%82%A6%EF%BC%88SimpRead%EF%BC%89-%20%E8%AE%A9%E4%BD%A0%E7%9E%AC%E9%97%B4%E8%BF%9B%E5%85%A5%E6%B2%89%E6%B5%B8%E5%BC%8F%E9%98%85%E8%AF%BB%E7%9A%84%20Chrome%20%E6%89%A9%E5%B1%95&pic=http://ksria.com/simpread/assets/image/introduce.png" title="分享到 微博"><span></span></a>
                <a target="_blank" href="https://twitter.com/intent/tweet?via=wanglei001&amp;text=%E7%AE%80%E6%82%A6%EF%BC%88SimpRead%EF%BC%89-%20%E8%AE%A9%E4%BD%A0%E7%9E%AC%E9%97%B4%E8%BF%9B%E5%85%A5%E6%B2%89%E6%B5%B8%E5%BC%8F%E9%98%85%E8%AF%BB%E7%9A%84%20Chrome%20%E6%89%A9%E5%B1%95&amp;url=http://ksria.com/simpread" title="Share twitter.com"><span></span></a>
                <a target="_blank" href="https://www.facebook.com/dialog/feed?app_id=1528743474024441&link=http://ksria.com/simpread&picture=http://simpread.qiniudn.com/introduce.png&name=simpread&description=%E7%AE%80%E6%82%A6%EF%BC%88SimpRead%EF%BC%89-%20%E8%AE%A9%E4%BD%A0%E7%9E%AC%E9%97%B4%E8%BF%9B%E5%85%A5%E6%B2%89%E6%B5%B8%E5%BC%8F%E9%98%85%E8%AF%BB%E7%9A%84%20Chrome%20%E6%89%A9%E5%B1%95&redirect_uri=http://ksria.com/simpread" title="Share facebook.com"><span></span></a>
            </nav>
        </div>
    </header>
    <div class="gallery">
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/visual%20effect.jpg" title="简悦 - 图赏"><img src="http://ojec5ddd5.bkt.clouddn.com/visual%20effect%20smaller.png" alt="" /></a>
            <div>简悦 - 图赏</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/read%20mode.png" title="简悦 - 阅读模式"><img src="http://ojec5ddd5.bkt.clouddn.com/read%20mode.png" alt="" /></a>
            <div>简悦 - 阅读模式</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20controlbar.png" title="简悦 - 阅读模式 · 控制栏界面"><img src="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20controlbar.png" alt="" /></a>
            <div>简悦 - 阅读模式 · 控制栏界面</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20setting.png" title="简悦 - 阅读模式 · 设置界面"><img src="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20setting.png" alt="" /></a>
            <div>简悦 - 阅读模式 · 设置界面</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/option%201.0.1.png" title="简悦 - 设置界面"><img src="http://ojec5ddd5.bkt.clouddn.com/option%201.0.1.png" alt="" /></a>
            <div>简悦 - 设置界面</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/unread%20list.png" title="简悦 - 稍后读"><img src="http://ojec5ddd5.bkt.clouddn.com/unread%20list.png" alt="" /></a>
            <div>简悦 - 稍后读</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="https://i.imgur.com/Zo75JvH.gif" title="简悦 - 生产力工具 · 配置"><img src="http://ojec5ddd5.bkt.clouddn.com/service%20config.png" alt="" /></a>
            <div>简悦 - 生产力工具 · 配置（动图）</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="https://i.imgur.com/x6qvdrD.gif" title="简悦 - 生产力工具 · 导出"><img src="http://ojec5ddd5.bkt.clouddn.com/export.png" alt="" /></a>
            <div>简悦 - 生产力工具 · 导出（动图）</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="https://i.imgur.com/R3lKRc3.gif" title="简悦 - 生产力工具 · 发送到 Kindle"><img src="http://ojec5ddd5.bkt.clouddn.com/send%20to%20kindle%20gallery.png" alt="" /></a>
            <div>简悦 - 生产力工具 · 发送到 Kindle（动图）</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="https://i.imgur.com/vEPhSgt.gif" title="简悦 - 自定义样式"><img src="http://ojec5ddd5.bkt.clouddn.com/custom%20theme%20gallery.png" alt="" /></a>
            <div>简悦 - 自定义样式（动图）</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="https://i.imgur.com/f8SqqNo.gif" title="简悦 - 同步配置"><img src="http://ojec5ddd5.bkt.clouddn.com/sync%20config.png" alt="" /></a>
            <div>简悦 - 同步配置（动图）</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="https://i.imgur.com/mT7sl0s.gif" title="简悦 - 同步配置"><img src="http://ojec5ddd5.bkt.clouddn.com/multi-page%20gallery.png" alt="" /></a>
            <div>简悦 - 论坛类页面 · 分页（动图）</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20code%20style.png" title="简悦 - 阅读模式 · 代码模式"><img src="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20code%20style.png" alt="" /></a>
            <div>简悦 - 阅读模式 · 代码模式</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20code%20style%202.png" title="简悦 - 阅读模式 · 代码模式二"><img src="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20code%20style%202.png" alt="" /></a>
            <div>简悦 - 阅读模式 · 代码模式二</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20black%20style.png" title="简悦 - 阅读模式 · 深色主题"><img src="http://ojec5ddd5.bkt.clouddn.com/read%20mode%20black%20style.png" alt="" /></a>
            <div>简悦 - 阅读模式 · 深色主题</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/focus%20mode%20highlight.gif" title="简悦 - 高级聚焦模式"><img src="http://ojec5ddd5.bkt.clouddn.com/focus%20mode%20highlight.gif" alt="" /></a>
            <div>简悦 - 高级聚焦模式</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="https://i.imgur.com/Fl5CP2V.gif" title="简悦 - 主动适配阅读模式"><img src="https://i.imgur.com/Fl5CP2V.gif" alt="" /></a>
            <div>简悦 - 主动适配阅读模式</div>
        </div>
        <div>
            <a class="fancybox" rel="fancybox" href="http://ojec5ddd5.bkt.clouddn.com/temp%20read%20mode.gif" title="简悦 - 临时阅读模式"><img src="http://ojec5ddd5.bkt.clouddn.com/temp%20read%20mode.gif" alt="" /></a>
            <div>简悦 - 临时阅读模式</div>
        </div>
    </div>
    <footer>
        <div>
          <h3>简悦（SimpRead）- 让你瞬间进入沉浸式阅读的 Chrome 扩展</h3>
          <div>
              © 2017 <a href="http://ksria.com">ksria.com</a> by&nbsp;</span><a href="http://kenshin.wang" target="_blank">kenshin</a>&nbsp|&nbsptheme by <a href="https://www.tumblr.com/theme/38586" title="GET THIS THEME!" target="_blank">tumblr wallstocker</a>&nbsp|&nbsp photos by <a href="http://magicmockups.com/" target="_blank">magic mockups</a>
          </div>
        </div>
    </footer>
    <script src="//upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
    <script type="text/javascript">
        $( document ).ready( function() {
            $(".fancybox").fancybox({
                helpers : {
                    thumbs  : {
                        width   : 50,
                        height  : 50
                    }
                }
            });
        });
    </script>
  </body>
</html>