JavaScript algolia-frontend-components communityHeader Examples

Example #1

File: index.js Project: diedexx/algoliasearch-wordpress

var communityHeaderData = JSON.parse(fs.readFileSync('./component_data/communityHeader.json').toString());

var sassPaths = [
    'node_modules/foundation-sites/scss',
    'node_modules/algolia-components/dist/communityHeader.css'
];

var siteBuild = Metalsmith(__dirname)
    // Allow for relative url generation.
    .metadata({
        title: 'Algolia Search Plugin for WordPress',
        url: 'https://github.com/algolia/algoliasearch-wordpress',
        version: '2.9.3',
        time: new Date().getTime(),
        tweets:['666409672006606848','675635141713248256','684325213329305600','669552193419259904','672084577805012992','714625225359425536','669555344725696512','688027404741308417','783838738791227392','782584336323227648','787040561215582208','698839453469544448','687060441881796608','705467858961223680','665028633048821760','654785137272459265','661567388983279617','708574926962294784','707863195025858560'],
        header: algoliaComponents.communityHeader(communityHeaderData)
    })

    .source('./src')
    .destination('./build')

    .use(file())

    // Compile sass files.
    .use(sass({
        includePaths: sassPaths,
        outputDir: 'css/'
    }))


    // Copy vendor assets to the build.

Example #2

File: config.js Project: trungx/jekyll-algolia

const fs = require('fs');
const path = require('path');
const algoliaComponents = require('algolia-frontend-components');
const headerData = require('./src/data/communityHeader.json');

function readFile(filepath) {
  return fs.readFileSync(path.join(__dirname, filepath), 'utf8').toString();
}

const header = algoliaComponents.communityHeader(headerData, {
  algoliaLogo: readFile('src/assets/images/algolia-logo-whitebg.svg'),
  communityLogo: readFile('src/assets/images/algolia-community-dark.svg'),
});

const environmentConfig = {
  production: {
    docsDist: path.join(__dirname, '..', 'docs'),
  },
  development: {
    docsDist: path.join(__dirname, '..', 'docs-dev'),
  },
};

const sidebarMenu = [
  {
    title: 'Essentials',
    items: [
      { title: 'Getting Started', url: 'getting-started.html' },
      { title: 'How it works', url: 'how-it-works.html' },
      { title: 'FAQ', url: 'faq.html' },
    ],