Adding homepage

This commit is contained in:
Pixelastic 2017-12-27 13:46:00 +01:00
parent 90a865f298
commit ab5db809aa
6 changed files with 111 additions and 6 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

View File

@ -0,0 +1,25 @@
mixin feature(options)
- var title = options.title
- var image = options.image || './assets/images/placeholder.png'
- var isFlipped = options.flip || false
section.row.p-xlarge.m-l-none.m-r-none.pos-rel
.container
.inline.spacer40.hidden-sm
.col-md-12.z-10
if isFlipped === false
.col-md-6.hidden-sm
img.section-illustration(src=image, alt=title, width="525")
.col-md-6.p-r-xlarge
header
h3.no-p-t.m-t-none.text-thin=title
.spacer16.visible-sm
img.section-illustration.visible-sm(src=image, alt=title, width="525")
.spacer24
p.color-east-bay.text-regular.text-normal
block
.spacer24
if isFlipped === true
.col-md-6.hidden-sm
img.section-illustration(src=image, alt=title, width="525")

View File

@ -1,8 +1,6 @@
---
title: ⚡ Homepage
layout: single-column.pug
title: Algolia for Jekyll
layout: index.pug
---
# Homepage
Hello you!
<!-- the content is in layouts/index.pug -->

View File

@ -9,7 +9,7 @@ section.footer-new-cta.footer-new.h300.pos-rel
span.cf.hidden-xs
| no strings attached.
p
| Dive into Algolia with our 14-day trial - No credit card required. Plenty of time to see how Algolia can change your business.
| Dive into Algolia with our forever-free Community plan. No credit card required and up to 10k records to give us a spin.
.col-md-7.pos-rel.z-10
.spacer120.inline.hidden-sm
.spacer32.inline.hidden-sm

View File

@ -1,3 +1,5 @@
include ../../includes/mixins
doctype html
html(lang="en")
head

View File

@ -0,0 +1,80 @@
extends ./common/meta.pug
block body
section.hero
.container.z-10
.spacer80
h1.heading-text Algolia for Jekyll
h2.color-logan.text-lg.text-thin Add fast and relevant search to your Jekyll site
.spacer32
a.btn.btn-static-theme.elevation0(href="getting-started.html").
Read the documentation
<svg> <use xlink:href="#arrow-right"></svg>
.spacer80.hidden-sm
.row.z-10.m-l-none.m-r-none
.spacer40
.spacer40.hidden-md
figure
img(src="assets/images/placeholder.png")
.spacer40.hidden-sm
.spacer120
.spacer40.hidden-sm
+feature({
title: "Automatic indexing",
})
| Plug in your Algolia API keys and run
code jekyll algolia
|. The plugin will
| traverse all your posts, pages and custom collections and push them to
| your index.
+feature({
title: "Extensible",
flip: true
})
| Customize which files are indexed and many other behaviors using a variety
| of
a(href="./options.html") configuration options
|. You can even add your own custom
a(href="./hooks.html") Ruby hooks
| into the plugin lifecycle to get the exact output you want.
+feature({
title: "Incremental indexing",
})
| The plugin is smart enough to only index content that changed between two
| runs. This helps make the most out of your Algolia quota.
+feature({
title: "Index on deploy",
flip: true
})
| If your website is hosted on Netlify or GitHub Pages, the plugin can
| automatically re-index your content on each deploy. This keeps your search
| and your site in sync!
section.row.fill-white.p-xlarge.m-l-none.m-r-none.pos-rel
.container
.inline.spacer80
.col-md-12.z-10.text-center.row
header
h3.no-p-t.m-t-none.text-thin Demo
.spacer40
.row.h100.logos-container
.col-md-6.col-md-offset-3
.card.fill-white.elevation1.radius6.p-large.text-center
p Blog Search
a(href="https://community.algolia.com/jekyll-algolia-example/")
figure
img(src="assets/images/minima-search.gif", alt="Blog search demo", width="100%")
figcaption Blog search
p
a(href="./blog.html") Tutorial
| |
a(href="https://github.com/algolia/jekyll-algolia-example") GitHub
| |
a(href="https://community.algolia.com/jekyll-algolia-example/") Live demo
.spacer40.inline