Skip to content

Commit fd6080a

Browse files
committed
feat: add api section
1 parent 25dbbcf commit fd6080a

File tree

3 files changed

+52
-2
lines changed

3 files changed

+52
-2
lines changed

source/index.pug

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,10 @@ ul#intro-feature-list
2121
.intro-feature-icon
2222
i.fa.fa-cloud-upload
2323
h3.intro-feature-title One-Command Deployment
24-
p.intro-feature-desc You only need one command to deploy your site to GitHub Pages, Heroku or other platforms.
24+
p.intro-feature-desc You only need one command to deploy your site to GitHub Pages, Firebase Hosting, Heroku, Netlify, ZEIT or other platforms.
2525
li.intro-feature-wrap
2626
.intro-feature
2727
.intro-feature-icon
2828
i.fa.fa-cog
2929
h3.intro-feature-title Plugins
30-
p.intro-feature-desc Features powerful APIs for limitless extensibility. Various plugins are available to support most template engines (EJS, Pug, Nunjucks, and many others). Easily integrate with existing NPM packages (Babel, PostCSS, Less/Sass, etc).
30+
p.intro-feature-desc Various plugins are available to generate sitemap and RSS, insert player for music or video, intergrate search engine and support most template engines.

themes/navy/layout/index.swig

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,3 +57,23 @@
5757
</div>
5858
</div>
5959
</div>
60+
61+
<div id="plugin-wrap">
62+
<div class="wrapper">
63+
<div class="inner plugin-wrapper">
64+
<div class="plugin-thumbnail">
65+
<div class="plugin-thumbnail-container">
66+
<img src="/img/carbon.svg">
67+
</div>
68+
</div>
69+
<div class="plugin-intro">
70+
<div class="plugin-intro-container">
71+
<h2 class="plugin-intro-title">Powerful API</h2>
72+
<p class="plugin-intro-text">Features powerful APIs for limitless extensibility. Easily integrate with your existing toolchains (Babel, UglifyJS, PostCSS, HTMLMinifier and many others).</p>
73+
<a href="/plugins/" class="plugin-link">Explore Plugins</a>
74+
<a href="/plugins/" class="plugin-link">View API docs</a>
75+
</div>
76+
</div>
77+
</div>
78+
</div>
79+
</div>

themes/navy/source/css/_partial/index.styl

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44

55
#banner-title,
66
.theme-intro-title
7+
.plugin-intro-title
78
line-height: 1.15
89
font-weight: 300
910
font-family: font-title
@@ -17,6 +18,7 @@
1718
padding-top: 100px
1819

1920
.theme-intro-title
21+
.plugin-intro-title
2022
margin-bottom: 24px
2123
padding-top: 24px
2224
@media mq-normal
@@ -156,6 +158,7 @@
156158

157159
#intro-get-started-link
158160
#theme-link
161+
.plugin-link
159162
font-size: 18px
160163
font-family: font-title
161164
display: inline-block
@@ -180,6 +183,13 @@
180183
background: @border-color
181184
color: lighten(color-navy, 10%)
182185

186+
.plugin-link
187+
color: color-border
188+
border-color: color-border
189+
&:hover
190+
background: @border-color
191+
color: lighten(color-navy, 20%)
192+
183193
#theme-wrap
184194
background: lighten(color-navy, 10%)
185195
border-top: 1px solid #161d24
@@ -191,7 +201,16 @@
191201
@media mq-normal
192202
padding: 96px 64px
193203

204+
#plugin-wrap
205+
background: lighten(color-navy, 20%)
206+
padding: 32px
207+
@media mq-tablet
208+
padding: 64px 64px
209+
@media mq-normal
210+
padding: 96px 64px
211+
194212
.theme-wrapper
213+
.plugin-wrapper
195214
display: flex
196215
flex-wrap: wrap
197216
color: rgba(255, 255, 255, 0.8)
@@ -202,28 +221,39 @@
202221
order: 0
203222
width: 50%
204223

224+
.plugin-thumbnail
225+
width: 100%
226+
@media mq-normal
227+
order: 2
228+
width: 50%
229+
205230
.theme-thumbnail-container
231+
.plugin-thumbnail-container
206232
margin-right: auto
207233
margin-left: auto
208234
width: 90%
209235

210236
.theme-thumbnail img
237+
.plugin-thumbnail img
211238
max-width: 100%
212239
box-shadow: 6px 6px 12px 0 rgba(0,0,0,.4)
213240

214241
.theme-intro
242+
.plugin-intro
215243
width: 100%
216244
@media mq-normal
217245
width: 50%
218246

219247
.theme-intro-container
248+
.plugin-intro-container
220249
margin-right: auto
221250
margin-left: auto
222251
text-align: center
223252
@media mq-normal
224253
width: 80%
225254

226255
.theme-intro-text
256+
.plugin-intro-text
227257
color: rgba(255, 255, 255, 0.6)
228258
line-height: 1.5
229259
font-size: 16px

0 commit comments

Comments
 (0)