23 | 36NEXT 是什么
24 | 25 |36NEXT 是一个 NEXT 的非官方 iOS 客户端。
26 | 27 |NEXT 是一个快速发现、分享和讨论新产品的社区。在这里，你可以第一时间发现国内外最新、最酷、最好玩的互联网产品，也可分享自己最喜爱的产品，参与圈内人士的讨论。36Kr 出品。
28 | 29 |上 NEXT，每天刷新更酷的生活方式。
30 | 31 |32 | 在哪里下载
33 | 34 |此 App 已经完成使命，从 App Store 下架。NEXT 的官方应用已经推出并完善，请下载：
35 | 36 |
39 | 它美吗
40 | 41 |
42 | 
43 | 
44 | 
45 | 
46 | 
49 | 有没有安卓版
50 | 51 |没有！找 36Kr 要去吧。
52 | 53 |54 | 你是谁
55 | 56 |我是互联网四号流水线的蒋春成，英文名叫 Morgan Stark，尼克名叫 jcccn。我的工作是组装 APP 啊，那些大牌子的 APP 都是我们生产的，什么淘不饱啊，单身够啊，我都有摸过···
57 | 58 |这里有我更多的信息：http://jcccn.me/about
59 | 60 |61 | 你还折腾了些什么玩意儿
62 | 63 |很多产品，比如「程序员老黄历」，都在这里：https://itunes.apple.com/cn/artist/sense-force/id466469978
64 | 65 |66 | 我不懂 NEXT 是什么
67 | 68 |69 | Q: 我可以分享哪些类别的产品？
70 | 71 |A：任何同互联网相关的产品都是可以的，广义上包括网站、应用、智能硬件、企业类服务、开发者和设计师有用的小工具等等。
72 | 73 |我们欢迎具有以下特质的产品和项目：
74 | 75 |-
76 |
- 新。如 Blink、Point、Navdy、FireChat ； 77 |
- 设计精美。如：Tublme、Ulysses iii、Hanx Writer、Overcast； 78 |
- 简单实用。如：inVison、Slack、Polarr 、白板、Moxtra； 79 |
- 奇葩。如：丧心病狂的 90 后、Neave TV 、360 安全卫士 Mac 版； 80 |
我们也并不局限于上述条件，任何你认为好的、能够打动你的产品，都可以分享，我们也希望在 NEXT 上看到更多专业领域内高质量产品，期待你的分享！
83 | 84 |85 | Q: 如何注册并绑定微信？
86 | 87 |A：用户可通过微信扫描登录二维码快速注册。邮箱注册用户可进入“个人设置”中扫描二维码绑定微信。注册账号后，可以在两周内完成帐号的邮箱激活操作，超过两周需要完成激活才能登录。
88 | 89 |90 | Q: 如何提交产品？
91 | 92 |A：注册登录后，可以通过页面右上角“分享新产品“提交。提交之后，会收到等待审核提示，我们会尽快审核您所提交的产品。
93 | 94 |如需直接发布产品，请提交您的完整信息，我们会在审核您提交的信息后给予开通直接提交权限，请尽快完善您的个人信息 ，并确保您提交的产品符合 NEXT 内容要求。
95 | 96 |97 | Q: 如何绑定和解绑微信？
98 | 99 |A：如未注册账号，您可以通过扫描 NEXT 页面中的微信二维码快速注册并直接绑定微信；邮箱注册账号可以到“个人设置”中绑定。
100 | 101 |已经绑定微信的用户，通过微信发送“解除绑定”来取消账号和微信的关联。
102 | 103 |绑定微信，会获取微信用户名和头像，并不涉及用户隐私 (我们不会这么做，微信也不允许)。通过绑定微信，您可以在网页和微信内免除账号密码快速登录，收取评论提醒和每日精选产品推荐，不错过任何重要信息。
104 | 105 |106 | Q: 提交产品及一句话介绍有哪些要求？
107 | 108 |A：提交产品必须包含以下信息：
109 | 110 |-
111 |
- 产品名称 112 |
- 链接：产品官网 (无官网的 App，可直接附上下载链接) 113 |
- 一句话介绍：产品是什么+最大亮点 114 |
一句话介绍范例：
117 | 118 |-
119 |
- 开发者头条 - 开发者的首选阅读分享平台 120 |
- Plates by Splitwise - AA时账单可以再细分，让不喝酒的人不用平摊酒钱！ 121 |
- 墨客 - 中国版的 Tweetbot 122 |
- 新味 - 让你可以在家制作西餐料理的生鲜电商 123 |
请不要使用“最”、“顶级”、“国内最”等形容词，尽可能讲清楚产品解决了什么需求、亮点是什么。
126 | 127 |128 | Q: NEXT 上点赞和评论有哪些规范？
129 | 130 |A：点赞：点赞能帮助其他人更好发现高质量的项目，提高发现效率；
131 | 132 |评论：作为一个使用者，说说你发现的问题和不足，分享同类的产品，非常欢迎您发布领域内的深入见解，与圈内人士碰撞引发更多专业讨论。
133 | 134 |135 | Q: 如何收藏自己喜欢的产品？
136 | 137 |A：点赞即收藏，用户点赞过的产品，都会出现在自己的个人主页上。
138 | 139 |140 | Q: 为什么我提交的产品没有通过审核？
141 | 142 |A：提交产品后，没有发布通常有以下三种情况：
143 | 144 |-
145 |
- 您所提交的产品不符合我们的审核标准 146 |
- 这个项目已经被提交了：当你所提交的产品，已经被提交且发布时，项目名称框下放会有文字提示 147 |
- 输入的产品官网有误：内测期间，有不少好产品因为链接有误，而无法发布，请仔细确认您所贴的链接是否正确 148 |
提示：如若出现同名却不同产品的情况，请以 “xx by xx” 的形式进行提交。提交产品后，需要一定的审核时间，还请耐心等待。
151 | 152 |153 | Q: 产品旁边的“创”标签意味着什么？
154 | 155 |A：表明该产品有产品团队的人参与。“参与”是指“：
156 | 157 |-
158 |
- 产品由产品团队成员提交 159 |
- 有团队成员参与点赞、讨论 160 |
为方便其他用户与您交流，请在个人设置页面完善职位信息，项目团队成员尽可能的使用公司邮箱注册。
163 | 164 |165 | Q: 我可以拉朋友过来点赞吗？
166 | 167 |A：可以。身边的朋友通常都是产品最早期的用户，对产品有足够的了解，出于对产品的理解和友情支持是可以理解的。但需要注意的是，请不要邀请朋友在评论区留类似"好赞！"、“产品非常赞”等类似对其他用户了解产品无益的评论。
168 | 169 |我们鼓励用户在评论区讨论产品的设计理念、产品细节以及同同类产品的优势等，给其他用户提供更多关于产品自身信息的评论。对于刷无用评论的用户，我们会通过邮件沟通，如果情节恶劣，会采取删除评论或者下线产品等处理方式。
170 | 171 | 176 | 177 |![\"AppStore\"/](\"https://discussions.apple.com/___sbsstatic___/migration-images/129/12976304-1.png\")
](https://itunes.apple.com/cn/app/id959471913?mt=8)\r\n\r\n## 它美吗\r\n\r\n![\"36NEXT](\"https://github.com/jcccn/36NEXT/raw/master/img/Screenshot_1.jpg\")
\r\n![\"36NEXT](\"https://github.com/jcccn/36NEXT/raw/master/img/Screenshot_2.jpg\")
\r\n![\"36NEXT](\"https://github.com/jcccn/36NEXT/raw/master/img/Screenshot_3.jpg\")
\r\n![\"36NEXT](\"https://github.com/jcccn/36NEXT/raw/master/img/Screenshot_4.jpg\")
\r\n![\"36NEXT](\"https://github.com/jcccn/36NEXT/raw/master/img/Screenshot_5.jpg\")
\r\n![\"36NEXT](\"https://github.com/jcccn/36NEXT/raw/master/img/Screenshot_6.jpg\")
\r\n\r\n## 有没有安卓版\r\n\r\n没有！找 36Kr 要去吧。\r\n\r\n## 你是谁\r\n\r\n我是互联网四号流水线的蒋春成，英文名叫 Morgan Stark，尼克名叫 jcccn。我的工作是组装 APP 啊，那些大牌子的 APP 都是我们生产的，什么淘不饱啊，单身够啊，我都有摸过···\r\n\r\n这里有我更多的信息：[http://jcccn.me/about](http://jcccn.me/about)\r\n\r\n## 你还折腾了些什么玩意儿\r\n\r\n很多产品，比如「程序员老黄历」，都在这里：[https://itunes.apple.com/cn/artist/sense-force/id466469978](https://itunes.apple.com/cn/artist/sense-force/id466469978)\r\n\r\n## 我不懂 NEXT 是什么\r\n\r\n##### Q: 我可以分享哪些类别的产品？\r\n\r\nA：任何同互联网相关的产品都是可以的，广义上包括网站、应用、智能硬件、企业类服务、开发者和设计师有用的小工具等等。\r\n\r\n我们欢迎具有以下特质的产品和项目：\r\n\r\n- 新。如 Blink、Point、Navdy、FireChat ；\r\n- 设计精美。如：Tublme、Ulysses iii、Hanx Writer、Overcast；\r\n- 简单实用。如：inVison、Slack、Polarr 、白板、Moxtra；\r\n- 奇葩。如：丧心病狂的 90 后、Neave TV 、360 安全卫士 Mac 版；\r\n\r\n我们也并不局限于上述条件，任何你认为好的、能够打动你的产品，都可以分享，我们也希望在 NEXT 上看到更多专业领域内高质量产品，期待你的分享！\r\n\r\n##### Q: 如何注册并绑定微信？\r\n\r\nA：用户可通过微信扫描登录二维码快速注册。邮箱注册用户可进入“个人设置”中扫描二维码绑定微信。注册账号后，可以在两周内完成帐号的邮箱激活操作，超过两周需要完成激活才能登录。\r\n\r\n##### Q: 如何提交产品？\r\n\r\nA：注册登录后，可以通过页面右上角“分享新产品“提交。提交之后，会收到等待审核提示，我们会尽快审核您所提交的产品。\r\n\r\n如需直接发布产品，请提交您的完整信息，我们会在审核您提交的信息后给予开通直接提交权限，请尽快完善您的个人信息 ，并确保您提交的产品符合 NEXT 内容要求。\r\n\r\n##### Q: 如何绑定和解绑微信？\r\n\r\nA：如未注册账号，您可以通过扫描 NEXT 页面中的微信二维码快速注册并直接绑定微信；邮箱注册账号可以到“个人设置”中绑定。\r\n\r\n已经绑定微信的用户，通过微信发送“解除绑定”来取消账号和微信的关联。\r\n\r\n绑定微信，会获取微信用户名和头像，并不涉及用户隐私 (我们不会这么做，微信也不允许)。通过绑定微信，您可以在网页和微信内免除账号密码快速登录，收取评论提醒和每日精选产品推荐，不错过任何重要信息。\r\n\r\n##### Q: 提交产品及一句话介绍有哪些要求？\r\n\r\nA：提交产品必须包含以下信息：\r\n\r\n- 产品名称\r\n- 链接：产品官网 (无官网的 App，可直接附上下载链接)\r\n- 一句话介绍：产品是什么+最大亮点\r\n\r\n一句话介绍范例：\r\n\r\n- 开发者头条 - 开发者的首选阅读分享平台\r\n- Plates by Splitwise - AA时账单可以再细分，让不喝酒的人不用平摊酒钱！\r\n- 墨客 - 中国版的 Tweetbot\r\n- 新味 - 让你可以在家制作西餐料理的生鲜电商\r\n\r\n请不要使用“最”、“顶级”、“国内最”等形容词，尽可能讲清楚产品解决了什么需求、亮点是什么。\r\n\r\n##### Q: NEXT 上点赞和评论有哪些规范？\r\n\r\nA：点赞：点赞能帮助其他人更好发现高质量的项目，提高发现效率；\r\n\r\n评论：作为一个使用者，说说你发现的问题和不足，分享同类的产品，非常欢迎您发布领域内的深入见解，与圈内人士碰撞引发更多专业讨论。\r\n\r\n##### Q: 如何收藏自己喜欢的产品？\r\n\r\nA：点赞即收藏，用户点赞过的产品，都会出现在自己的个人主页上。\r\n\r\n##### Q: 为什么我提交的产品没有通过审核？\r\n\r\nA：提交产品后，没有发布通常有以下三种情况：\r\n\r\n- 您所提交的产品不符合我们的审核标准\r\n- 这个项目已经被提交了：当你所提交的产品，已经被提交且发布时，项目名称框下放会有文字提示\r\n- 输入的产品官网有误：内测期间，有不少好产品因为链接有误，而无法发布，请仔细确认您所贴的链接是否正确\r\n\r\n提示：如若出现同名却不同产品的情况，请以 “xx by xx” 的形式进行提交。提交产品后，需要一定的审核时间，还请耐心等待。\r\n\r\n##### Q: 产品旁边的“创”标签意味着什么？\r\n\r\nA：表明该产品有产品团队的人参与。“参与”是指“：\r\n\r\n- 产品由产品团队成员提交\r\n- 有团队成员参与点赞、讨论\r\n\r\n为方便其他用户与您交流，请在个人设置页面完善职位信息，项目团队成员尽可能的使用公司邮箱注册。\r\n\r\n##### Q: 我可以拉朋友过来点赞吗？\r\n\r\nA：可以。身边的朋友通常都是产品最早期的用户，对产品有足够的了解，出于对产品的理解和友情支持是可以理解的。但需要注意的是，请不要邀请朋友在评论区留类似\"好赞！\"、“产品非常赞”等类似对其他用户了解产品无益的评论。\r\n\r\n我们鼓励用户在评论区讨论产品的设计理念、产品细节以及同同类产品的优势等，给其他用户提供更多关于产品自身信息的评论。对于刷无用评论的用户，我们会通过邮件沟通，如果情节恶劣，会采取删除评论或者下线产品等处理方式。",
5 | "google": "UA-23184825-6",
6 | "note": "Don't delete this file! It's used internally to help with page regeneration."
7 | }
--------------------------------------------------------------------------------
/stylesheets/github-light.css:
--------------------------------------------------------------------------------
1 | /*
2 | The MIT License (MIT)
3 |
4 | Copyright (c) 2015 GitHub, Inc.
5 |
6 | Permission is hereby granted, free of charge, to any person obtaining a copy
7 | of this software and associated documentation files (the "Software"), to deal
8 | in the Software without restriction, including without limitation the rights
9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the Software is
11 | furnished to do so, subject to the following conditions:
12 |
13 | The above copyright notice and this permission notice shall be included in all
14 | copies or substantial portions of the Software.
15 |
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22 | SOFTWARE.
23 |
24 | */
25 |
26 | .pl-c /* comment */ {
27 | color: #969896;
28 | }
29 |
30 | .pl-c1 /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,
31 | .pl-s .pl-v /* string variable */ {
32 | color: #0086b3;
33 | }
34 |
35 | .pl-e /* entity */,
36 | .pl-en /* entity.name */ {
37 | color: #795da3;
38 | }
39 |
40 | .pl-s .pl-s1 /* string source */,
41 | .pl-smi /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {
42 | color: #333;
43 | }
44 |
45 | .pl-ent /* entity.name.tag */ {
46 | color: #63a35c;
47 | }
48 |
49 | .pl-k /* keyword, storage, storage.type */ {
50 | color: #a71d5d;
51 | }
52 |
53 | .pl-pds /* punctuation.definition.string, string.regexp.character-class */,
54 | .pl-s /* string */,
55 | .pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
56 | .pl-sr /* string.regexp */,
57 | .pl-sr .pl-cce /* string.regexp constant.character.escape */,
58 | .pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */,
59 | .pl-sr .pl-sre /* string.regexp source.ruby.embedded */ {
60 | color: #183691;
61 | }
62 |
63 | .pl-v /* variable */ {
64 | color: #ed6a43;
65 | }
66 |
67 | .pl-id /* invalid.deprecated */ {
68 | color: #b52a1d;
69 | }
70 |
71 | .pl-ii /* invalid.illegal */ {
72 | background-color: #b52a1d;
73 | color: #f8f8f8;
74 | }
75 |
76 | .pl-sr .pl-cce /* string.regexp constant.character.escape */ {
77 | color: #63a35c;
78 | font-weight: bold;
79 | }
80 |
81 | .pl-ml /* markup.list */ {
82 | color: #693a17;
83 | }
84 |
85 | .pl-mh /* markup.heading */,
86 | .pl-mh .pl-en /* markup.heading entity.name */,
87 | .pl-ms /* meta.separator */ {
88 | color: #1d3e81;
89 | font-weight: bold;
90 | }
91 |
92 | .pl-mq /* markup.quote */ {
93 | color: #008080;
94 | }
95 |
96 | .pl-mi /* markup.italic */ {
97 | color: #333;
98 | font-style: italic;
99 | }
100 |
101 | .pl-mb /* markup.bold */ {
102 | color: #333;
103 | font-weight: bold;
104 | }
105 |
106 | .pl-md /* markup.deleted, meta.diff.header.from-file */ {
107 | background-color: #ffecec;
108 | color: #bd2c00;
109 | }
110 |
111 | .pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
112 | background-color: #eaffea;
113 | color: #55a532;
114 | }
115 |
116 | .pl-mdr /* meta.diff.range */ {
117 | color: #795da3;
118 | font-weight: bold;
119 | }
120 |
121 | .pl-mo /* meta.output */ {
122 | color: #1d3e81;
123 | }
124 |
125 |
--------------------------------------------------------------------------------
/stylesheets/normalize.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
2 |
3 | /**
4 | * 1. Set default font family to sans-serif.
5 | * 2. Prevent iOS text size adjust after orientation change, without disabling
6 | * user zoom.
7 | */
8 |
9 | html {
10 | font-family: sans-serif; /* 1 */
11 | -ms-text-size-adjust: 100%; /* 2 */
12 | -webkit-text-size-adjust: 100%; /* 2 */
13 | }
14 |
15 | /**
16 | * Remove default margin.
17 | */
18 |
19 | body {
20 | margin: 0;
21 | }
22 |
23 | /* HTML5 display definitions
24 | ========================================================================== */
25 |
26 | /**
27 | * Correct `block` display not defined for any HTML5 element in IE 8/9.
28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11
29 | * and Firefox.
30 | * Correct `block` display not defined for `main` in IE 11.
31 | */
32 |
33 | article,
34 | aside,
35 | details,
36 | figcaption,
37 | figure,
38 | footer,
39 | header,
40 | hgroup,
41 | main,
42 | menu,
43 | nav,
44 | section,
45 | summary {
46 | display: block;
47 | }
48 |
49 | /**
50 | * 1. Correct `inline-block` display not defined in IE 8/9.
51 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
52 | */
53 |
54 | audio,
55 | canvas,
56 | progress,
57 | video {
58 | display: inline-block; /* 1 */
59 | vertical-align: baseline; /* 2 */
60 | }
61 |
62 | /**
63 | * Prevent modern browsers from displaying `audio` without controls.
64 | * Remove excess height in iOS 5 devices.
65 | */
66 |
67 | audio:not([controls]) {
68 | display: none;
69 | height: 0;
70 | }
71 |
72 | /**
73 | * Address `[hidden]` styling not present in IE 8/9/10.
74 | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
75 | */
76 |
77 | [hidden],
78 | template {
79 | display: none;
80 | }
81 |
82 | /* Links
83 | ========================================================================== */
84 |
85 | /**
86 | * Remove the gray background color from active links in IE 10.
87 | */
88 |
89 | a {
90 | background-color: transparent;
91 | }
92 |
93 | /**
94 | * Improve readability when focused and also mouse hovered in all browsers.
95 | */
96 |
97 | a:active,
98 | a:hover {
99 | outline: 0;
100 | }
101 |
102 | /* Text-level semantics
103 | ========================================================================== */
104 |
105 | /**
106 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
107 | */
108 |
109 | abbr[title] {
110 | border-bottom: 1px dotted;
111 | }
112 |
113 | /**
114 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
115 | */
116 |
117 | b,
118 | strong {
119 | font-weight: bold;
120 | }
121 |
122 | /**
123 | * Address styling not present in Safari and Chrome.
124 | */
125 |
126 | dfn {
127 | font-style: italic;
128 | }
129 |
130 | /**
131 | * Address variable `h1` font-size and margin within `section` and `article`
132 | * contexts in Firefox 4+, Safari, and Chrome.
133 | */
134 |
135 | h1 {
136 | font-size: 2em;
137 | margin: 0.67em 0;
138 | }
139 |
140 | /**
141 | * Address styling not present in IE 8/9.
142 | */
143 |
144 | mark {
145 | background: #ff0;
146 | color: #000;
147 | }
148 |
149 | /**
150 | * Address inconsistent and variable font size in all browsers.
151 | */
152 |
153 | small {
154 | font-size: 80%;
155 | }
156 |
157 | /**
158 | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
159 | */
160 |
161 | sub,
162 | sup {
163 | font-size: 75%;
164 | line-height: 0;
165 | position: relative;
166 | vertical-align: baseline;
167 | }
168 |
169 | sup {
170 | top: -0.5em;
171 | }
172 |
173 | sub {
174 | bottom: -0.25em;
175 | }
176 |
177 | /* Embedded content
178 | ========================================================================== */
179 |
180 | /**
181 | * Remove border when inside `a` element in IE 8/9/10.
182 | */
183 |
184 | img {
185 | border: 0;
186 | }
187 |
188 | /**
189 | * Correct overflow not hidden in IE 9/10/11.
190 | */
191 |
192 | svg:not(:root) {
193 | overflow: hidden;
194 | }
195 |
196 | /* Grouping content
197 | ========================================================================== */
198 |
199 | /**
200 | * Address margin not present in IE 8/9 and Safari.
201 | */
202 |
203 | figure {
204 | margin: 1em 40px;
205 | }
206 |
207 | /**
208 | * Address differences between Firefox and other browsers.
209 | */
210 |
211 | hr {
212 | box-sizing: content-box;
213 | height: 0;
214 | }
215 |
216 | /**
217 | * Contain overflow in all browsers.
218 | */
219 |
220 | pre {
221 | overflow: auto;
222 | }
223 |
224 | /**
225 | * Address odd `em`-unit font size rendering in all browsers.
226 | */
227 |
228 | code,
229 | kbd,
230 | pre,
231 | samp {
232 | font-family: monospace, monospace;
233 | font-size: 1em;
234 | }
235 |
236 | /* Forms
237 | ========================================================================== */
238 |
239 | /**
240 | * Known limitation: by default, Chrome and Safari on OS X allow very limited
241 | * styling of `select`, unless a `border` property is set.
242 | */
243 |
244 | /**
245 | * 1. Correct color not being inherited.
246 | * Known issue: affects color of disabled elements.
247 | * 2. Correct font properties not being inherited.
248 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
249 | */
250 |
251 | button,
252 | input,
253 | optgroup,
254 | select,
255 | textarea {
256 | color: inherit; /* 1 */
257 | font: inherit; /* 2 */
258 | margin: 0; /* 3 */
259 | }
260 |
261 | /**
262 | * Address `overflow` set to `hidden` in IE 8/9/10/11.
263 | */
264 |
265 | button {
266 | overflow: visible;
267 | }
268 |
269 | /**
270 | * Address inconsistent `text-transform` inheritance for `button` and `select`.
271 | * All other form control elements do not inherit `text-transform` values.
272 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
273 | * Correct `select` style inheritance in Firefox.
274 | */
275 |
276 | button,
277 | select {
278 | text-transform: none;
279 | }
280 |
281 | /**
282 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
283 | * and `video` controls.
284 | * 2. Correct inability to style clickable `input` types in iOS.
285 | * 3. Improve usability and consistency of cursor style between image-type
286 | * `input` and others.
287 | */
288 |
289 | button,
290 | html input[type="button"], /* 1 */
291 | input[type="reset"],
292 | input[type="submit"] {
293 | -webkit-appearance: button; /* 2 */
294 | cursor: pointer; /* 3 */
295 | }
296 |
297 | /**
298 | * Re-set default cursor for disabled elements.
299 | */
300 |
301 | button[disabled],
302 | html input[disabled] {
303 | cursor: default;
304 | }
305 |
306 | /**
307 | * Remove inner padding and border in Firefox 4+.
308 | */
309 |
310 | button::-moz-focus-inner,
311 | input::-moz-focus-inner {
312 | border: 0;
313 | padding: 0;
314 | }
315 |
316 | /**
317 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in
318 | * the UA stylesheet.
319 | */
320 |
321 | input {
322 | line-height: normal;
323 | }
324 |
325 | /**
326 | * It's recommended that you don't attempt to style these elements.
327 | * Firefox's implementation doesn't respect box-sizing, padding, or width.
328 | *
329 | * 1. Address box sizing set to `content-box` in IE 8/9/10.
330 | * 2. Remove excess padding in IE 8/9/10.
331 | */
332 |
333 | input[type="checkbox"],
334 | input[type="radio"] {
335 | box-sizing: border-box; /* 1 */
336 | padding: 0; /* 2 */
337 | }
338 |
339 | /**
340 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain
341 | * `font-size` values of the `input`, it causes the cursor style of the
342 | * decrement button to change from `default` to `text`.
343 | */
344 |
345 | input[type="number"]::-webkit-inner-spin-button,
346 | input[type="number"]::-webkit-outer-spin-button {
347 | height: auto;
348 | }
349 |
350 | /**
351 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
352 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
353 | * (include `-moz` to future-proof).
354 | */
355 |
356 | input[type="search"] {
357 | -webkit-appearance: textfield; /* 1 */ /* 2 */
358 | box-sizing: content-box;
359 | }
360 |
361 | /**
362 | * Remove inner padding and search cancel button in Safari and Chrome on OS X.
363 | * Safari (but not Chrome) clips the cancel button when the search input has
364 | * padding (and `textfield` appearance).
365 | */
366 |
367 | input[type="search"]::-webkit-search-cancel-button,
368 | input[type="search"]::-webkit-search-decoration {
369 | -webkit-appearance: none;
370 | }
371 |
372 | /**
373 | * Define consistent border, margin, and padding.
374 | */
375 |
376 | fieldset {
377 | border: 1px solid #c0c0c0;
378 | margin: 0 2px;
379 | padding: 0.35em 0.625em 0.75em;
380 | }
381 |
382 | /**
383 | * 1. Correct `color` not being inherited in IE 8/9/10/11.
384 | * 2. Remove padding so people aren't caught out if they zero out fieldsets.
385 | */
386 |
387 | legend {
388 | border: 0; /* 1 */
389 | padding: 0; /* 2 */
390 | }
391 |
392 | /**
393 | * Remove default vertical scrollbar in IE 8/9/10/11.
394 | */
395 |
396 | textarea {
397 | overflow: auto;
398 | }
399 |
400 | /**
401 | * Don't inherit the `font-weight` (applied by a rule above).
402 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
403 | */
404 |
405 | optgroup {
406 | font-weight: bold;
407 | }
408 |
409 | /* Tables
410 | ========================================================================== */
411 |
412 | /**
413 | * Remove most spacing between table cells.
414 | */
415 |
416 | table {
417 | border-collapse: collapse;
418 | border-spacing: 0;
419 | }
420 |
421 | td,
422 | th {
423 | padding: 0;
424 | }
425 |
--------------------------------------------------------------------------------
/stylesheets/stylesheet.css:
--------------------------------------------------------------------------------
1 | * {
2 | box-sizing: border-box; }
3 |
4 | body {
5 | padding: 0;
6 | margin: 0;
7 | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
8 | font-size: 16px;
9 | line-height: 1.5;
10 | color: #606c71; }
11 |
12 | a {
13 | color: #1e6bb8;
14 | text-decoration: none; }
15 | a:hover {
16 | text-decoration: underline; }
17 |
18 | .btn {
19 | display: inline-block;
20 | margin-bottom: 1rem;
21 | color: rgba(255, 255, 255, 0.7);
22 | background-color: rgba(255, 255, 255, 0.08);
23 | border-color: rgba(255, 255, 255, 0.2);
24 | border-style: solid;
25 | border-width: 1px;
26 | border-radius: 0.3rem;
27 | transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
28 | .btn + .btn {
29 | margin-left: 1rem; }
30 |
31 | .btn:hover {
32 | color: rgba(255, 255, 255, 0.8);
33 | text-decoration: none;
34 | background-color: rgba(255, 255, 255, 0.2);
35 | border-color: rgba(255, 255, 255, 0.3); }
36 |
37 | @media screen and (min-width: 64em) {
38 | .btn {
39 | padding: 0.75rem 1rem; } }
40 |
41 | @media screen and (min-width: 42em) and (max-width: 64em) {
42 | .btn {
43 | padding: 0.6rem 0.9rem;
44 | font-size: 0.9rem; } }
45 |
46 | @media screen and (max-width: 42em) {
47 | .btn {
48 | display: block;
49 | width: 100%;
50 | padding: 0.75rem;
51 | font-size: 0.9rem; }
52 | .btn + .btn {
53 | margin-top: 1rem;
54 | margin-left: 0; } }
55 |
56 | .page-header {
57 | color: #fff;
58 | text-align: center;
59 | background-color: #159957;
60 | background-image: linear-gradient(120deg, #155799, #159957); }
61 |
62 | @media screen and (min-width: 64em) {
63 | .page-header {
64 | padding: 5rem 6rem; } }
65 |
66 | @media screen and (min-width: 42em) and (max-width: 64em) {
67 | .page-header {
68 | padding: 3rem 4rem; } }
69 |
70 | @media screen and (max-width: 42em) {
71 | .page-header {
72 | padding: 2rem 1rem; } }
73 |
74 | .project-name {
75 | margin-top: 0;
76 | margin-bottom: 0.1rem; }
77 |
78 | @media screen and (min-width: 64em) {
79 | .project-name {
80 | font-size: 3.25rem; } }
81 |
82 | @media screen and (min-width: 42em) and (max-width: 64em) {
83 | .project-name {
84 | font-size: 2.25rem; } }
85 |
86 | @media screen and (max-width: 42em) {
87 | .project-name {
88 | font-size: 1.75rem; } }
89 |
90 | .project-tagline {
91 | margin-bottom: 2rem;
92 | font-weight: normal;
93 | opacity: 0.7; }
94 |
95 | @media screen and (min-width: 64em) {
96 | .project-tagline {
97 | font-size: 1.25rem; } }
98 |
99 | @media screen and (min-width: 42em) and (max-width: 64em) {
100 | .project-tagline {
101 | font-size: 1.15rem; } }
102 |
103 | @media screen and (max-width: 42em) {
104 | .project-tagline {
105 | font-size: 1rem; } }
106 |
107 | .main-content :first-child {
108 | margin-top: 0; }
109 | .main-content img {
110 | max-width: 100%; }
111 | .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
112 | margin-top: 2rem;
113 | margin-bottom: 1rem;
114 | font-weight: normal;
115 | color: #159957; }
116 | .main-content p {
117 | margin-bottom: 1em; }
118 | .main-content code {
119 | padding: 2px 4px;
120 | font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
121 | font-size: 0.9rem;
122 | color: #383e41;
123 | background-color: #f3f6fa;
124 | border-radius: 0.3rem; }
125 | .main-content pre {
126 | padding: 0.8rem;
127 | margin-top: 0;
128 | margin-bottom: 1rem;
129 | font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
130 | color: #567482;
131 | word-wrap: normal;
132 | background-color: #f3f6fa;
133 | border: solid 1px #dce6f0;
134 | border-radius: 0.3rem; }
135 | .main-content pre > code {
136 | padding: 0;
137 | margin: 0;
138 | font-size: 0.9rem;
139 | color: #567482;
140 | word-break: normal;
141 | white-space: pre;
142 | background: transparent;
143 | border: 0; }
144 | .main-content .highlight {
145 | margin-bottom: 1rem; }
146 | .main-content .highlight pre {
147 | margin-bottom: 0;
148 | word-break: normal; }
149 | .main-content .highlight pre, .main-content pre {
150 | padding: 0.8rem;
151 | overflow: auto;
152 | font-size: 0.9rem;
153 | line-height: 1.45;
154 | border-radius: 0.3rem; }
155 | .main-content pre code, .main-content pre tt {
156 | display: inline;
157 | max-width: initial;
158 | padding: 0;
159 | margin: 0;
160 | overflow: initial;
161 | line-height: inherit;
162 | word-wrap: normal;
163 | background-color: transparent;
164 | border: 0; }
165 | .main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after {
166 | content: normal; }
167 | .main-content ul, .main-content ol {
168 | margin-top: 0; }
169 | .main-content blockquote {
170 | padding: 0 1rem;
171 | margin-left: 0;
172 | color: #819198;
173 | border-left: 0.3rem solid #dce6f0; }
174 | .main-content blockquote > :first-child {
175 | margin-top: 0; }
176 | .main-content blockquote > :last-child {
177 | margin-bottom: 0; }
178 | .main-content table {
179 | display: block;
180 | width: 100%;
181 | overflow: auto;
182 | word-break: normal;
183 | word-break: keep-all; }
184 | .main-content table th {
185 | font-weight: bold; }
186 | .main-content table th, .main-content table td {
187 | padding: 0.5rem 1rem;
188 | border: 1px solid #e9ebec; }
189 | .main-content dl {
190 | padding: 0; }
191 | .main-content dl dt {
192 | padding: 0;
193 | margin-top: 1rem;
194 | font-size: 1rem;
195 | font-weight: bold; }
196 | .main-content dl dd {
197 | padding: 0;
198 | margin-bottom: 1rem; }
199 | .main-content hr {
200 | height: 2px;
201 | padding: 0;
202 | margin: 1rem 0;
203 | background-color: #eff0f1;
204 | border: 0; }
205 |
206 | @media screen and (min-width: 64em) {
207 | .main-content {
208 | max-width: 64rem;
209 | padding: 2rem 6rem;
210 | margin: 0 auto;
211 | font-size: 1.1rem; } }
212 |
213 | @media screen and (min-width: 42em) and (max-width: 64em) {
214 | .main-content {
215 | padding: 2rem 4rem;
216 | font-size: 1.1rem; } }
217 |
218 | @media screen and (max-width: 42em) {
219 | .main-content {
220 | padding: 2rem 1rem;
221 | font-size: 1rem; } }
222 |
223 | .site-footer {
224 | padding-top: 2rem;
225 | margin-top: 2rem;
226 | border-top: solid 1px #eff0f1; }
227 |
228 | .site-footer-owner {
229 | display: block;
230 | font-weight: bold; }
231 |
232 | .site-footer-credits {
233 | color: #819198; }
234 |
235 | @media screen and (min-width: 64em) {
236 | .site-footer {
237 | font-size: 1rem; } }
238 |
239 | @media screen and (min-width: 42em) and (max-width: 64em) {
240 | .site-footer {
241 | font-size: 1rem; } }
242 |
243 | @media screen and (max-width: 42em) {
244 | .site-footer {
245 | font-size: 0.9rem; } }
246 |
--------------------------------------------------------------------------------