Best JavaScript code snippet using chai
LandingPage.js
Source:LandingPage.js
1import React from 'react';2import Navbar from './Navbar';3import Newsletter from './newsletter';4import Footer from './footer';5import * as MdIconCon from 'react-icons/lib/md';6import { Form } from 'formsy-react';7import MyInput from './../component/input';8export default class LandingPage extends React.PureComponent {9render () {10return (11<div className="home-page">12 <header id="main-header">13 <Navbar />14 <div id="banner">15 <div className="container">16 <div className="row">17 <div className="col-sm-12 col-lg-7 col-md-offset-0 col-lg-offset-0">18 <h1>Artificial Intelligence for Everyone</h1>19 <p>20 <b>SherlockML</b>21 is today's tool of choice for data scientists to solve problems using artificial intelligence.22 </p>23 <a className="btn blue hidden-md hidden-lg" href="/demo">Request a Demo</a>24 <ul className="hidden-xs">25 <li>26 <svg className="icon-accelerate" width="33" height="33" viewBox="0 0 33 33">27 <g fill="none">28 <g fill="#FFF">29 <g transform="translate(-165 -645)translate(165 645)">30 <polygon className="colorise" points="24.2 30.9 32.4 30.9 32.4 29.8 24.2 29.8"/>31 <path className="colorise" d="M30.3 32.9C30.2 32.9 30.1 32.9 30 32.8 29.8 32.6 29.8 32.2 30 32L31.7 30.3 30 28.6C29.8 28.4 29.8 28.1 30 27.9 30.2 27.7 30.5 27.7 30.7 27.9L32.8 30C33 30.2 33 30.5 32.8 30.7L30.7 32.8C30.6 32.9 30.5 32.9 30.3 32.9"/>32 <path className="colorise" d="M18.5 5.1C18.4 5.1 18.2 5.1 18.1 5L16.1 2.9C15.9 2.7 15.9 2.4 16.1 2.2L18.1 0.2C18.3-0.1 18.7-0.1 18.9 0.2 19.1 0.4 19.1 0.7 18.9 0.9L17.2 2.6 18.9 4.3C19.1 4.5 19.1 4.8 18.9 5 18.8 5.1 18.6 5.1 18.5 5.1"/>33 <path className="colorise" d="M16.5 30.9L0 30.9 0 29.8 16.5 29.8C23.8 29.8 29.8 23.8 29.8 16.5 29.8 9.1 23.8 3.1 16.5 3.1L16.5 2.1C24.4 2.1 30.9 8.5 30.9 16.5 30.9 24.4 24.4 30.9 16.5 30.9"/>34 <path d="M10.1 19L13.1 19 14.3 16.5 13.1 13.9 10.1 13.9 8.8 16.5 10.1 19ZM13.7 20.1L9.5 20.1 7.7 16.5 9.5 12.9 13.7 12.9 15.5 16.5 13.7 20.1Z"/>35 <path d="M17.3 23.1L20.3 23.1 21.5 20.6 20.3 18 17.3 18 16 20.6 17.3 23.1ZM20.9 24.2L16.7 24.2 14.9 20.6 16.7 17 20.9 17 22.7 20.6 20.9 24.2Z"/>36 <path d="M17.3 14.9L20.3 14.9 21.5 12.3 20.3 9.8 17.3 9.8 16 12.3 17.3 14.9ZM20.9 15.9L16.7 15.9 14.9 12.3 16.7 8.7 20.9 8.7 22.7 12.3 20.9 15.9Z"/>37 <path d="M23.1 17.5C22.6 17.5 22.1 17 22.1 16.5 22.1 15.9 22.6 15.4 23.1 15.4 23.7 15.4 24.2 15.9 24.2 16.5 24.2 17 23.7 17.5 23.1 17.5"/>38 <path d="M12.9 23.1C12.3 23.1 11.8 22.7 11.8 22.1 11.8 21.5 12.3 21.1 12.9 21.1 13.4 21.1 13.9 21.5 13.9 22.1 13.9 22.7 13.4 23.1 12.9 23.1"/>39 <path d="M12.9 11.8C12.3 11.8 11.8 11.4 11.8 10.8 11.8 10.2 12.3 9.8 12.9 9.8 13.4 9.8 13.9 10.2 13.9 10.8 13.9 11.4 13.4 11.8 12.9 11.8"/>40 <path className="colorise" d="M9 28.8C4.6 26.1 2.1 21.5 2.1 16.5 2.1 9.5 7 3.6 13.8 2.3L14 3.3C7.7 4.5 3.1 10 3.1 16.5 3.1 21.2 5.5 25.4 9.5 27.9L9 28.8Z"/>41 </g>42 </g>43 </g>44 </svg>45 <span className="text">Accelerate the pace of data science</span>46 </li>47 <li>48 <svg className="icon-environment" width="33" height="33" viewBox="0 0 33 33">49 <g fill="none">50 <g fill="#FFF">51 <g transform="translate(-415 -645)translate(415 645)">52 <path d="M11.3 19.2L16.5 22 21.6 19.2 21.6 13.7 16.5 10.9 11.3 13.7 11.3 19.2ZM16.5 23.1C16.4 23.1 16.3 23.1 16.2 23.1L10.6 20C10.4 19.9 10.3 19.7 10.3 19.5L10.3 13.4C10.3 13.2 10.4 13 10.6 12.9L16.2 9.8C16.4 9.7 16.5 9.7 16.7 9.8L22.4 12.9C22.5 13 22.6 13.2 22.6 13.4L22.6 19.5C22.6 19.7 22.5 19.9 22.4 20L16.7 23.1C16.6 23.1 16.5 23.1 16.5 23.1Z"/>53 <path d="M16.5 17C16.4 17 16.3 16.9 16.2 16.9L10.6 13.8 11 12.9 16.5 15.9 21.9 12.9 22.4 13.8 16.7 16.9C16.6 16.9 16.5 17 16.5 17"/>54 <polygon points="15.9 22.6 17 22.6 17 16.5 15.9 16.5"/>55 <polygon points="6.2 17 7.2 17 7.2 15.9 6.2 15.9"/>56 <polygon points="8.7 10.3 9.8 10.3 9.8 9.3 8.7 9.3"/>57 <polygon points="6.7 13.4 7.7 13.4 7.7 12.3 6.7 12.3"/>58 <polygon points="6.7 20.6 7.7 20.6 7.7 19.5 6.7 19.5"/>59 <polygon points="25.2 13.4 26.2 13.4 26.2 12.3 25.2 12.3"/>60 <polygon points="25.2 20.6 26.2 20.6 26.2 19.5 25.2 19.5"/>61 <polygon points="11.8 8.2 12.9 8.2 12.9 7.2 11.8 7.2"/>62 <polygon points="20.1 8.2 21.1 8.2 21.1 7.2 20.1 7.2"/>63 <polygon points="11.8 25.7 12.9 25.7 12.9 24.7 11.8 24.7"/>64 <polygon points="20.1 25.7 21.1 25.7 21.1 24.7 20.1 24.7"/>65 <polygon points="8.7 23.7 9.8 23.7 9.8 22.6 8.7 22.6"/>66 <polygon points="23.1 10.3 24.2 10.3 24.2 9.3 23.1 9.3"/>67 <polygon points="23.1 23.7 24.2 23.7 24.2 22.6 23.1 22.6"/>68 <polygon points="25.7 17 26.7 17 26.7 15.9 25.7 15.9"/>69 <polygon points="15.9 7.2 17 7.2 17 6.2 15.9 6.2"/>70 <polygon points="15.9 26.7 17 26.7 17 25.7 15.9 25.7"/>71 <path className="colorise" d="M15.4 31.8C16.1 31.9 16.8 31.9 17.5 31.8L18.2 29.2 18.5 29.1C18.8 29.1 19.1 29 19.4 29L19.8 28.9 21.4 31.1C22 30.9 22.7 30.6 23.3 30.3L22.9 27.6 23.2 27.4C23.5 27.2 23.7 27.1 24 26.9L24.3 26.7 26.6 28.1C27.1 27.6 27.6 27.1 28.1 26.6L26.7 24.3 26.9 24C27.1 23.7 27.2 23.5 27.4 23.2L27.6 22.9 30.3 23.3C30.6 22.7 30.9 22 31.1 21.4L28.9 19.8 29 19.4C29 19.1 29.1 18.8 29.1 18.5L29.2 18.2 31.8 17.5C31.9 17.2 31.9 16.8 31.9 16.5 31.9 16.1 31.9 15.7 31.8 15.4L29.2 14.8 29.1 14.4C29.1 14.1 29 13.8 29 13.5L28.9 13.2 31.1 11.6C30.9 10.9 30.6 10.2 30.3 9.6L27.6 10 27.4 9.7C27.2 9.5 27.1 9.2 26.9 8.9L26.7 8.6 28.1 6.3C27.6 5.8 27.1 5.3 26.6 4.8L24.3 6.2 24 6C23.7 5.8 23.5 5.7 23.2 5.5L22.9 5.3 23.3 2.6C22.7 2.3 22 2 21.4 1.8L19.8 4 19.4 3.9C19.1 3.9 18.8 3.8 18.5 3.8L18.2 3.7 17.5 1.1C16.8 1 16.1 1 15.4 1.1L14.8 3.7 14.4 3.8C14.1 3.8 13.8 3.9 13.5 3.9L13.2 4 11.6 1.8C10.9 2 10.2 2.3 9.6 2.6L10 5.3 9.7 5.5C9.5 5.7 9.2 5.8 8.9 6L8.6 6.2 6.3 4.8C5.8 5.3 5.3 5.8 4.8 6.3L6.2 8.6 6 8.9C5.8 9.2 5.7 9.5 5.5 9.7L5.3 10 2.6 9.6C2.3 10.2 2.1 10.9 1.8 11.6L4 13.2 3.9 13.5C3.9 13.8 3.8 14.1 3.8 14.4L3.7 14.8 1.1 15.4C1 15.7 1 16.1 1 16.5 1 16.8 1 17.2 1.1 17.5L3.7 18.2 3.8 18.5C3.8 18.8 3.9 19.1 3.9 19.4L4 19.8 1.8 21.4C2.1 22 2.3 22.7 2.6 23.3L5.3 22.9 5.5 23.2C5.7 23.5 5.8 23.7 6 24L6.2 24.3 4.8 26.6C5.3 27.1 5.8 27.6 6.3 28.1L8.6 26.7 8.9 26.9C9.2 27.1 9.5 27.2 9.7 27.4L10 27.6 9.6 30.3C10.2 30.6 10.9 30.9 11.6 31.1L13.2 28.9 13.5 29C13.8 29 14.1 29.1 14.4 29.1L14.8 29.2 15.4 31.8ZM16.5 32.9C16 32.9 15.4 32.9 14.9 32.8L14.5 32.8 13.9 30.1C13.8 30.1 13.7 30.1 13.6 30L12 32.3 11.6 32.2C10.6 31.9 9.7 31.5 8.8 31L8.4 30.8 8.9 28.1C8.8 28 8.7 28 8.6 27.9L6.2 29.4 6 29.1C5.2 28.5 4.4 27.7 3.8 27L3.5 26.7 5 24.3C4.9 24.2 4.9 24.1 4.8 24L2.1 24.5 1.9 24.1C1.4 23.2 1 22.3 0.7 21.3L0.6 21 2.9 19.3C2.8 19.2 2.8 19.1 2.8 19L0.1 18.4 0.1 18C0 17.5 0 16.9 0 16.5 0 16 0 15.4 0.1 14.9L0.1 14.5 2.8 13.9C2.8 13.8 2.8 13.7 2.9 13.6L0.6 12 0.7 11.6C1 10.6 1.4 9.7 1.9 8.8L2.1 8.4 4.8 8.9C4.9 8.8 4.9 8.7 5 8.6L3.5 6.2 3.8 6C4.4 5.2 5.2 4.4 6 3.8L6.2 3.5 8.6 5C8.7 4.9 8.8 4.9 8.9 4.8L8.4 2.1 8.8 1.9C9.7 1.4 10.6 1 11.6 0.7L12 0.6 13.6 2.9C13.7 2.8 13.8 2.8 13.9 2.8L14.5 0.1 14.9 0.1C16 0 16.9 0 18 0.1L18.4 0.1 19 2.8C19.1 2.8 19.2 2.8 19.3 2.9L21 0.6 21.3 0.7C22.3 1 23.2 1.4 24.1 1.9L24.5 2.1 24 4.8C24.1 4.9 24.2 4.9 24.3 5L26.7 3.5 27 3.8C27.7 4.4 28.5 5.2 29.1 6L29.4 6.2 27.9 8.6C28 8.7 28 8.8 28.1 8.9L30.8 8.4 31 8.8C31.5 9.7 31.9 10.6 32.2 11.6L32.3 12 30 13.6C30.1 13.7 30.1 13.8 30.1 13.9L32.8 14.5 32.8 14.9C32.9 15.4 32.9 16 32.9 16.5 32.9 16.9 32.9 17.5 32.8 18L32.8 18.4 30.1 19C30.1 19.1 30.1 19.2 30 19.3L32.3 21 32.2 21.3C31.9 22.3 31.5 23.2 31 24.1L30.8 24.5 28.1 24C28 24.1 28 24.2 27.9 24.3L29.4 26.7 29.1 27C28.5 27.7 27.7 28.5 27 29.1L26.7 29.4 24.3 27.9C24.2 28 24.1 28 24 28.1L24.5 30.8 24.1 31C23.2 31.5 22.3 31.9 21.3 32.2L21 32.3 19.3 30C19.2 30.1 19.1 30.1 19 30.1L18.4 32.8 18 32.8C17.5 32.9 16.9 32.9 16.5 32.9L16.5 32.9Z"/>72 </g>73 </g>74 </g>75 </svg>76 <span className="text">Zero configuration environment</span>77 </li>78 <li>79 <svg className="icon-scale" width="33" height="33" viewBox="0 0 33 33">80 <g fill="none">81 <g fill="#FFF">82 <g transform="translate(-666 -646)translate(666 646)">83 <path d="M5 24.9C6.7 24.9 8 26.3 8 27.9 8 29.5 6.7 30.9 5 30.9 3.4 30.9 2.1 29.5 2.1 27.9 2.1 26.3 3.4 24.9 5 24.9ZM5 26.2C4.1 26.2 3.3 26.9 3.3 27.9 3.3 28.8 4.1 29.6 5 29.6 6 29.6 6.7 28.8 6.7 27.9 6.7 26.9 6 26.2 5 26.2Z"/>84 <path d="M13.3 14.9C10.7 14.9 8.6 17 8.6 19.6 8.6 22.2 10.7 24.3 13.3 24.3 15.9 24.3 18 22.2 18 19.6 18 17 15.9 14.9 13.3 14.9M13.3 16.2C15.2 16.2 16.7 17.7 16.7 19.6 16.7 21.5 15.2 23 13.3 23 11.4 23 9.9 21.5 9.9 19.6 9.9 17.7 11.4 16.2 13.3 16.2"/>85 <path d="M24.9 0C20.5 0 16.9 3.6 16.9 8 16.9 12.4 20.5 16 24.9 16 29.3 16 32.9 12.4 32.9 8 32.9 3.6 29.3 0 24.9 0M24.9 1.2C28.6 1.2 31.7 4.3 31.7 8 31.7 11.7 28.6 14.8 24.9 14.8 21.2 14.8 18.2 11.7 18.2 8 18.2 4.3 21.2 1.2 24.9 1.2"/>86 <polygon className="colorise" points="11.3 30.9 32.4 30.9 32.4 29.8 11.3 29.8"/>87 <path className="colorise" d="M30.3 32.9C30.2 32.9 30.1 32.9 30 32.8 29.8 32.6 29.8 32.2 30 32L32 30C32.2 29.8 32.6 29.8 32.8 30 33 30.2 33 30.5 32.8 30.7L30.7 32.8C30.6 32.9 30.5 32.9 30.3 32.9"/>88 <path className="colorise" d="M32.4 30.9C32.3 30.9 32.1 30.8 32 30.7L30 28.6C29.8 28.4 29.8 28.1 30 27.9 30.2 27.7 30.5 27.7 30.7 27.9L32.8 30C33 30.2 33 30.5 32.8 30.7 32.7 30.8 32.5 30.9 32.4 30.9"/>89 <polygon className="colorise" points="2.1 21.6 3.1 21.6 3.1 0.5 2.1 0.5"/>90 <path className="colorise" d="M0.5 3.1C0.4 3.1 0.3 3 0.2 2.9 -0.1 2.7-0.1 2.4 0.2 2.2L2.2 0.2C2.4-0.1 2.7-0.1 2.9 0.2 3.1 0.4 3.1 0.7 2.9 0.9L0.9 2.9C0.8 3 0.6 3.1 0.5 3.1"/>91 <path className="colorise" d="M4.6 3.1C4.5 3.1 4.4 3 4.3 2.9L2.2 0.9C2 0.7 2 0.4 2.2 0.2 2.4-0.1 2.7-0.1 2.9 0.2L5 2.2C5.2 2.4 5.2 2.7 5 2.9 4.9 3 4.8 3.1 4.6 3.1"/>92 <polygon className="colorise" points="4.1 18.5 5.1 18.5 5.1 17.5 4.1 17.5"/>93 <polygon className="colorise" points="6.2 18.5 7.2 18.5 7.2 17.5 6.2 17.5"/>94 <polygon className="colorise" points="4.1 6.2 5.1 6.2 5.1 5.1 4.1 5.1"/>95 <polygon className="colorise" points="6.2 6.2 7.2 6.2 7.2 5.1 6.2 5.1"/>96 <polygon className="colorise" points="8.2 6.2 9.3 6.2 9.3 5.1 8.2 5.1"/>97 <polygon className="colorise" points="10.3 6.2 11.3 6.2 11.3 5.1 10.3 5.1"/>98 <polygon className="colorise" points="12.3 6.2 13.4 6.2 13.4 5.1 12.3 5.1"/>99 <polygon className="colorise" points="14.4 6.2 15.4 6.2 15.4 5.1 14.4 5.1"/>100 <polygon className="colorise" points="4.1 12.3 5.1 12.3 5.1 11.3 4.1 11.3"/>101 <polygon className="colorise" points="6.2 12.3 7.2 12.3 7.2 11.3 6.2 11.3"/>102 <polygon className="colorise" points="8.2 12.3 9.3 12.3 9.3 11.3 8.2 11.3"/>103 <polygon className="colorise" points="10.3 12.3 11.3 12.3 11.3 11.3 10.3 11.3"/>104 <polygon className="colorise" points="12.3 12.3 13.4 12.3 13.4 11.3 12.3 11.3"/>105 <polygon className="colorise" points="14.4 12.3 15.4 12.3 15.4 11.3 14.4 11.3"/>106 <polygon className="colorise" points="14.4 26.7 15.4 26.7 15.4 25.7 14.4 25.7"/>107 <polygon className="colorise" points="14.4 28.8 15.4 28.8 15.4 27.8 14.4 27.8"/>108 <polygon className="colorise" points="20.6 20.6 21.6 20.6 21.6 19.5 20.6 19.5"/>109 <polygon className="colorise" points="20.6 22.6 21.6 22.6 21.6 21.6 20.6 21.6"/>110 <polygon className="colorise" points="20.6 18.5 21.6 18.5 21.6 17.5 20.6 17.5"/>111 <polygon className="colorise" points="20.6 24.7 21.6 24.7 21.6 23.7 20.6 23.7"/>112 <polygon className="colorise" points="20.6 26.7 21.6 26.7 21.6 25.7 20.6 25.7"/>113 <polygon className="colorise" points="20.6 28.8 21.6 28.8 21.6 27.8 20.6 27.8"/>114 <polygon className="colorise" points="26.7 18.5 27.8 18.5 27.8 17.5 26.7 17.5"/>115 <polygon className="colorise" points="26.7 20.6 27.8 20.6 27.8 19.5 26.7 19.5"/>116 <polygon className="colorise" points="26.7 22.6 27.8 22.6 27.8 21.6 26.7 21.6"/>117 <polygon className="colorise" points="26.7 24.7 27.8 24.7 27.8 23.7 26.7 23.7"/>118 <polygon className="colorise" points="26.7 26.7 27.8 26.7 27.8 25.7 26.7 25.7"/>119 <polygon className="colorise" points="26.7 28.8 27.8 28.8 27.8 27.8 26.7 27.8"/>120 </g>121 </g>122 </g>123 </svg>124 <span className="text">Scale to Big Data with one-click</span>125 </li>126 <li>127 <svg className="icon-collaboration" width="31" height="31" viewBox="0 0 31 31">128 <g fill="none">129 <g fill="#FFF">130 <g transform="translate(-917 -646)translate(917 646)">131 <path d="M15.5 1C14.4 1 13.5 1.8 13.5 2.9 13.5 4 14.4 4.8 15.5 4.8 16.5 4.8 17.4 4 17.4 2.9 17.4 1.8 16.5 1 15.5 1ZM15.5 5.8C13.9 5.8 12.6 4.5 12.6 2.9 12.6 1.3 13.9 0 15.5 0 17.1 0 18.4 1.3 18.4 2.9 18.4 4.5 17.1 5.8 15.5 5.8Z"/>132 <path d="M2.9 1C1.8 1 1 1.8 1 2.9 1 4 1.8 4.8 2.9 4.8 4 4.8 4.8 4 4.8 2.9 4.8 1.8 4 1 2.9 1M2.9 5.8C1.3 5.8 0 4.5 0 2.9 0 1.3 1.3 0 2.9 0 4.5 0 5.8 1.3 5.8 2.9 5.8 4.5 4.5 5.8 2.9 5.8"/>133 <path d="M21.3 14L20.3 14 20.3 10.1C20.3 8.8 19.2 7.7 17.9 7.7L13 7.7C11.7 7.7 10.6 8.8 10.6 10.1L10.6 14 9.7 14 9.7 10.1C9.7 8.3 11.2 6.8 13 6.8L17.9 6.8C19.7 6.8 21.3 8.3 21.3 10.1L21.3 14Z"/>134 <path className="colorise" d="M5.8 18.8L5.8 15 25.1 15 25.1 18.8 5.8 18.8ZM6.8 17.9L24.2 17.9 24.2 15.9 6.8 15.9 6.8 17.9Z"/>135 <path d="M10.6 30.9L10.1 30.4C10.1 30.5 10.1 30.6 10.1 30.7 10 30.8 9.8 30.9 9.7 30.9L10.1 30.4 9.7 30 9.7 30.4 9.2 30.6 6 22.7 2.9 22.7C1.3 22.7 0 21.4 0 19.8L0 8.7C0 7.6 0.9 6.8 1.9 6.8L2.9 6.8C5 6.8 6.8 8.5 6.8 10.6L6.8 14 5.8 14 5.8 10.6C5.8 9 4.5 7.7 2.9 7.7L1.9 7.7C1.4 7.7 1 8.2 1 8.7L1 19.8C1 20.9 1.8 21.7 2.9 21.7L6.3 21.7C6.5 21.7 6.7 21.9 6.7 22L10.1 30.2C10.1 30.3 10.1 30.4 10.1 30.4L10.6 30C12 30 12.1 28.7 12.1 28.5L12.1 19.8 13 19.8 13 28.5C13 29.3 12.5 30.9 10.6 30.9"/>136 <path d="M28 1C27 1 26.1 1.8 26.1 2.9 26.1 4 27 4.8 28 4.8 29.1 4.8 30 4 30 2.9 30 1.8 29.1 1 28 1M28 5.8C26.4 5.8 25.1 4.5 25.1 2.9 25.1 1.3 26.4 0 28 0 29.6 0 30.9 1.3 30.9 2.9 30.9 4.5 29.6 5.8 28 5.8"/>137 <path d="M21.3 30.9L20.3 30.9C18.4 30.9 17.9 29.3 17.9 28.5L17.9 19.8 18.8 19.8 18.8 28.5C18.8 28.7 18.9 30 20.3 30L20.9 30 24.2 22C24.3 21.9 24.4 21.7 24.6 21.7L28 21.7C29.1 21.7 30 20.9 30 19.8L30 8.7C30 8.2 29.5 7.7 29 7.7L28 7.7C26.4 7.7 25.1 9 25.1 10.6L25.1 14 24.2 14 24.2 10.6C24.2 8.5 25.9 6.8 28 6.8L29 6.8C30.1 6.8 30.9 7.6 30.9 8.7L30.9 19.8C30.9 21.4 29.6 22.7 28 22.7L25 22.7 21.7 30.6C21.6 30.8 21.5 30.9 21.3 30.9"/>138 <polygon points="15 30.9 15.9 30.9 15.9 19.8 15 19.8"/>139 <polygon className="colorise" points="15 9.7 15.9 9.7 15.9 8.7 15 8.7"/>140 <polygon className="colorise" points="15 11.6 15.9 11.6 15.9 10.6 15 10.6"/>141 </g>142 </g>143 </g>144 </svg>145 <span className="text">Secure collaboration tools</span>146 </li>147 </ul>148 </div>149 <div className="col-sm-12 col-lg-4 col-lg-offset-1 hidden-xs hidden-sm">150 <div className="demo-form">151 <h2>Request your free SherlockML demo today</h2>152 <Form method="post" onValidSubmit={this.sendToServer} action="/" id="_form_1_" className="form activecampaign" noValidate data-cfields='{"3": "role"}'>153 <div className="form-group">154 <label className="sr-only">Full name*</label>155 <MyInput type="text" name="fullname" validations="minLength:2" validationError="This field is required." placeholder="Full name*" required/>156 </div>157 <div className="form-group">158 <label className="sr-only">Work e-mail*</label>159 <MyInput type="text" name="email" placeholder="Work e-mail*" validations="isEmail" validationError="This is not a valid email" required/>160 </div>161 <div className="form-group">162 <label className="sr-only">Company*</label>163 <MyInput type="text" name="organization" placeholder="Company*" validations="minLength:3" validationError="This field is required." required/>164 </div>165 <div className="form-group">166 <label className="sr-only">Role</label>167 <MyInput type="text" name="field[3]" value="" placeholder="Role"/>168 </div>169 <button id="_form_1_submit" className="btn blue" type="submit">Request A Demo</button>170 <div className="link-signup">171 Have an invitation code? <a href="/signup">Sign up</a>172 </div>173 <div className="_form-thank-you" style={{display:'none'}}></div>174 </Form>175 </div>176 </div>177 </div>178 </div>179 </div>180 <div id="video">181 <video preload loop muted autoPlay width="100%" height="auto" poster="/img/bg-particles.png">182 <source src="https://sherlockml-cdn.s3-eu-west-1.amazonaws.com/video.mp4" type="video/mp4"/>183 </video>184 </div>185 <div className="dropdown case-studies" >186 <div className = "row">187 <div className = "col-md-4">188 <div className="dropdownBody">189 <div className="row">190 <section className="case-studies-container">191 <div className = "col-md-6">192 <h3>Business impact</h3>193 <div className="leftliststyle col-md-12">194 <a className="case-study" href="/case-study/predictive-staffing">195 <img alt="" src="/img/homepage/case-studies/header-predictive-staffing.jpg"/>196 <div className="content">197 <span className="title">198 Predictive staff scheduling199 </span>200 <span className="link">201 Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>202 </span>203 </div>204 </a>205 </div>206 <div className="leftliststyle col-md-12">207 <a className="case-study" href="/case-study/fraud-detection">208 <img alt="" src="/img/homepage/case-studies/header-fraud-detection.jpg"/>209 <div className="content">210 <span className="title">211 Fraud detection212 </span>213 <span className="link">214 Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>215 </span>216 </div>217 </a>218 </div>219 <div className="leftliststyle col-md-12">220 <a className="case-study" href="/case-study/predictive-maintenance">221 <img alt="" src="/img/homepage/case-studies/header-predictive-maintenance.jpg"/>222 <div className="content">223 <span className="title">224 Predictive Maintenance225 </span>226 <span className="link">227 Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>228 </span>229 </div>230 </a>231 </div>232 </div>233 </section>234 <section className="sherlock-in-action">235 <div className="col-md-6">236 <h3>SherlockML in Action</h3>237 <a href="/in-action/powerful-compute">238 <span className="icon">239 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">240 <g>241 <polygon points="6.5 0 12.1 3.3 12.1 9.8 6.5 13 0.9 9.8 0.9 3.3"></polygon>242 </g>243 </svg>244 </span>245 <span className="title">Powerful Compute</span>246 </a>247 <a href="/in-action/fast-configuration">248 <span className="icon">249 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">250 <g>251 <path d="M0 1.8C0 0.8 0.8 0 1.8 0L3.7 0 3.7 3.7 0 3.7 0 1.8ZM6.2 0L9.8 0 9.8 3.7 6.2 3.7 6.2 0ZM12.3 0L14.2 0C15.2 0 16 0.8 16 1.8L16 3.7 12.3 3.7 12.3 0ZM0 6.2L3.7 6.2 3.7 9.8 0 9.8 0 6.2ZM6.2 6.2L9.8 6.2 9.8 9.8 6.2 9.8 6.2 6.2ZM12.3 6.2L16 6.2 16 9.8 12.3 9.8 12.3 6.2ZM0 12.3L3.7 12.3 3.7 16 1.8 16C0.8 16 0 15.2 0 14.2L0 12.3ZM6.2 12.3L9.8 12.3 9.8 16 6.2 16 6.2 12.3ZM12.3 12.3L16 12.3 16 14.2C16 15.2 15.2 16 14.2 16L12.3 16 12.3 12.3Z"></path>252 </g>253 </svg>254 </span>255 <span className="title">Fast Configuration</span>256 </a>257 <a href="/in-action/secure-collaboration">258 <span className="icon">259 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14">260 <g>261 <path d="M10.9 10.5C11.4 10.7 11.7 11.1 11.8 11.7L11.8 13.5 6.9 13.5 5.9 13.5 5.9 13.5 1 13.5C0.4 13.5 0 13.1 0 12.6L0 11.7C0.1 11.1 0.4 10.7 0.8 10.5 1.2 10.3 1.7 10.1 2.1 10 2.1 10 3.4 9.6 4 9.3L4.1 9.3C4.2 9.2 4.2 9.2 4.2 9.1 4.3 9.1 4.3 9.1 4.3 9.1 4.3 9 4.3 9 4.3 8.9L4.3 8.1 4.2 8.1C4.2 8.1 4.1 8.1 4.1 8.1 4 8.1 4 8.1 3.9 8.1 3.8 8.1 3.8 8.1 3.7 8.1 3.7 8.1 3.6 8.1 3.6 8.1 3.5 8.1 3.5 8.1 3.4 8.1 3.4 8.1 3.3 8 3.3 8 3.2 8 3.2 8 3.1 8 3.1 8 3 8 3 8 2.9 8 2.9 8 2.9 8 2.8 7.9 2.8 7.9 2.7 7.9 2.7 7.9 2.7 7.9 2.6 7.9 2.6 7.9 2.6 7.9 2.5 7.8 2.5 7.8 2.5 7.8 2.4 7.8 2.4 7.8 2.4 7.8 2.3 7.8 2.3 7.8 2.3 7.7 2.2 7.7 2.2 7.7 2.2 7.7 2.2 7.7 2.1 7.7 2.1 7.7 2.1 7.6 2.1 7.6 2 7.6 2 7.6 2 7.6 2 7.6 2 7.6 1.9 7.5 1.9 7.5 1.9 7.5 1.9 7.5 1.9 7.5 1.9 7.5 1.8 7.5 1.8 7.5 1.8 7.4 1.8 7.4 1.8 7.4 1.8 7.4 1.8 7.4 1.7 7.4 1.7 7.4 1.7 7.4 1.7 7.4 1.7 7.4 1.7 7.3 1.7 7.3 1.7 7.3 1.7 7.3 1.7 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.2 1.6 7.2 1.6 7.2 2.8 7.2 2.7 4.1 2.6 0.9 4.1 0.4 4.6 0.2 4.7 0.2 4.8 0.1 4.9 0.1 5 0.1 5 0.1 5 0.1 5.1 0.1 5.1 0.1 5.2 0 5.2 0 5.3 0 5.3 0 5.3 0 5.4 0 5.4 0 5.5 0 5.5 0 5.5 0 5.6 0 5.6 0 5.6 0 5.6 0 5.6 0 5.7 0 5.8 0 5.8 0 5.9 0 6 0 6 0 6 0 6.1 0 6.1 0.1 6.2 0.1 6.2 0.1 6.2 0.1 6.2 0.1 6.3 0.1 6.4 0.1 6.5 0.2 6.5 0.2 6.5 0.2 6.5 0.2 6.6 0.2 6.6 0.2 6.7 0.3 6.7 0.3 6.7 0.3 6.7 0.3 6.7 0.3 6.8 0.3 6.8 0.4 6.8 0.4 6.8 0.4 6.8 0.4 6.9 0.4 6.9 0.4 6.9 0.5 6.9 0.5 6.9 0.5 6.9 0.5 7 0.5 7 0.5 7 0.5 7 0.5 7 0.5 7 0.5 7 0.5 7 0.6 7 0.6 7.1 0.5 7.2 0.5 7.2 0.5 7.2 0.5 7.3 0.5 7.3 0.5 7.3 0.5 7.4 0.6 7.4 0.6 7.5 0.6 7.5 0.6 7.6 0.6 7.6 0.6 7.7 0.6 7.7 0.6 7.8 0.6 7.8 0.6 7.8 0.7 7.9 0.7 7.9 0.7 8 0.7 8 0.7 8 0.7 8.1 0.8 8.1 0.8 8.2 0.8 8.2 0.8 8.2 0.9 8.3 0.9 8.3 0.9 8.3 1 8.4 1 8.4 1 8.4 1 8.5 1.1 8.5 1.1 8.5 1.1 8.5 1.2 8.6 1.2 8.6 1.3 8.6 1.3 8.7 1.3 8.7 1.4 8.7 1.4 8.7 1.5 8.7 1.5 8.8 1.6 8.8 1.6 8.8 1.6 8.8 1.7 8.9 1.7 8.9 1.8 8.9 1.8 8.9 1.9 8.9 1.9 8.9 2 9 2 9 2.1 9 2.1 9 2.2 9 2.2 9 2.3 9 2.3 9.1 2.4 9.1 2.5 9.1 2.5 9.1 2.6 9.1 2.6 9.1 2.7 9.1 2.8 9.1 2.8 9.1 2.9 9.1 2.9 9.1 3 9.1 3.1 9.1 3.1 9.2 3.2 9.2 3.3 9.2 3.3 9.2 3.4 9.2 3.4 9.2 3.5 9.2 3.6 9.2 3.7 9.2 3.7 9.2 3.8 9.2 3.8 9.2 3.9 9.2 4 9.2 4.1 9.2 4.1 9.2 4.2 9.2 4.2 9.1 4.4 9.1 4.5 9.1 4.6 8.9 6.9 10.1 7.3 10.1 7.3 10.1 7.3 10 7.4 10 7.4 10 7.4 9.9 7.4 9.9 7.5 9.9 7.5 9.8 7.5 9.8 7.5 9.8 7.6 9.7 7.6 9.7 7.6 9.7 7.6 9.6 7.6 9.6 7.7 9.6 7.7 9.6 7.7 9.5 7.7 9.5 7.7 9.4 7.7 9.4 7.8 9.4 7.8 9.3 7.8 9.3 7.8 9.3 7.8 9.2 7.8 9.2 7.8 9.2 7.8 9.1 7.9 9.1 7.9 9.1 7.9 9 7.9 9 7.9 9 7.9 8.9 7.9 8.9 7.9 8.8 7.9 8.8 7.9 8.8 8 8.7 8 8.7 8 8.7 8 8.6 8 8.6 8 8.5 8 8.5 8 8.5 8 8.5 8 8.4 8 8.3 8 8.3 8 8.3 8 8.3 8 8.2 8 8.2 8.1 8.2 8.1 8.1 8.1 8.1 8.1 8.1 8.1 8 8.1 8 8.1 8 8.1 7.9 8.1 7.9 8.1 7.9 8.1 7.9 8.1 7.9 8.1 7.8 8.1 7.8 8.1 7.8 8.1 7.8 8.1 7.7 8.1 7.7 8.1 7.7 8.1 7.7 8.1 7.7 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.5 8.1L7.5 8.1C7.5 8.1 7.5 8.1 7.5 8.1L7.5 8.1C7.5 8.1 7.5 8.1 7.5 8.1L7.5 8.9C7.5 8.9 7.5 8.9 7.5 8.9L7.5 8.9C7.5 9 7.5 9 7.5 9.1 7.5 9.1 7.5 9.1 7.5 9.1 7.6 9.2 7.6 9.2 7.7 9.3L7.7 9.3C8 9.5 8.4 9.6 8.7 9.7 9.2 9.9 9.7 10 9.7 10 10.1 10.1 10.5 10.3 10.9 10.5ZM19.5 10.7C19.8 10.9 20 11.3 20 11.7L20 12.6C20 13.1 19.6 13.5 19 13.5L13.1 13.5 13.1 13.5 13.1 11.7 13.1 11.6 13.1 11.5C13 10.6 12.4 9.7 11.5 9.3 11.3 9.2 11 9.1 10.8 9 10.6 8.9 10.5 8.6 10.7 8.5 10.8 8.4 10.9 8.3 11 8.2 11 8.2 11.1 8.2 11.1 8.2L11.3 8 11.3 6.9C11.1 6.6 11 6.4 11 6.2L10.6 6.1C10.5 6 10.4 5.7 10.4 5 10.4 4.9 10.4 4.9 10.4 4.8 10.4 4.5 10.4 4.2 10.5 3.8 10.5 3.8 10.5 3.8 10.6 3.8 10.5 3.3 10.1 1.4 11.5 0.6 11.4 0.4 11.3 0.2 11.3 0 11.3 0 12.8 0.2 13.6 0 14.4-0.1 15.2 0.5 15.3 1 15.3 1 16.9 1 16.3 3.8 16.5 3.8 16.8 4 16.5 4.9 16.3 5.6 16.1 5.8 16 5.8 15.9 6.2 15.8 6.5 15.6 6.9L15.6 8C15.6 8 18.5 9.8 19.5 10.7Z"></path>262 </g>263 </svg>264 </span>265 <span className="title">Secure Collaboration</span>266 </a>267 <a href="/in-action/easy-deployment">268 <span className="icon">269 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16">270 <g>271 <path d="M16.9 7.7C16.5 7.4 16.2 7.1 16.2 6.9 15.9 6.2 15.8 5.6 15.4 4.6L15.4 3.1C15.8 2.5 15.7 2.3 15.4 2.3 15.4 2 15.2 1.9 14.6 1.5 14.5 1.8 14.2 1.7 13.8 1.5 13.9 1.5 13.8 1.2 13.8 0.8 13.8 0.6 13.9 0.4 13.8 0 14.3 0.1 14.5 0 14.6 0 15.3 0 15.7 0.1 16.2 0 16.4 0.3 16.7 0.5 16.9 0.8 17.2 1 17.4 1.3 17.7 1.5 17.6 2.1 17.7 2.8 17.7 3.8L17.7 4.6C17.7 5.9 18.1 6.5 19.2 6.9 19.1 6.7 19.2 6.7 19.2 6.9 19.5 6.8 19.7 6.9 20 6.9 19.9 7.2 20 7.4 20 7.7 20 8 19.9 8.2 20 8.5 19.7 8.5 19.5 8.6 19.2 8.5 19.2 8.7 19.1 8.7 19.2 8.5 18.1 8.9 17.7 9.5 17.7 10.8L17.7 11.5C17.7 12.5 17.7 13.1 17.7 13.8 17.5 13.9 17.3 14.2 16.9 14.6 16.9 14.7 16.6 14.9 16.2 15.4 15.8 15.3 15.3 15.4 14.6 15.4 14.5 15.4 14.3 15.3 13.8 15.4 13.9 15 13.8 14.7 13.8 14.6 13.8 14.1 13.9 13.9 13.8 13.8 14.2 13.6 14.5 13.5 14.6 13.8 15.2 13.4 15.5 13.3 15.4 13.1 15.7 13 15.8 12.8 15.4 12.3L15.4 10.8C15.8 9.8 15.8 9.1 16.2 8.5 16.2 8.3 16.5 8 16.9 7.7ZM3.1 7.7C3.5 8 3.8 8.3 3.8 8.5 4.2 9.1 4.2 9.8 4.6 10.8L4.6 12.3C4.2 12.6 4.3 13 4.6 13.1 4.5 13.3 4.6 13.4 4.6 13.1 5 13.5 5.1 13.5 5.4 13.8 5.8 13.6 6.2 13.9 6.2 14.6 6.2 14.7 6.1 15 6.2 15.4 5.7 15.3 5.4 15.4 5.4 15.4 4.7 15.4 4.3 15.3 3.8 15.4 3.6 15 3.3 14.9 3.1 14.6 2.8 14.4 2.6 14 2.3 13.8 2.4 13.2 2.3 12.5 2.3 11.5L2.3 10.8C2.3 9.5 1.8 8.8 0.8 8.5 0.8 8.7 0.8 8.7 0.8 8.5 0.5 8.6 0.3 8.5 0 8.5 0.1 8.2 0 8 0 7.7 0 7.4 0.1 7.2 0 6.9 0.3 6.9 0.5 6.8 0.8 6.9 0.8 6.7 1 6.7 1.5 6.9 1.9 6.5 2.3 5.9 2.3 4.6L2.3 3.8C2.3 2.9 2.3 2.3 2.3 1.5 2.5 1.6 2.7 1.2 3.1 0.8 3.1 0.7 3.4 0.4 3.8 0 4.2 0.1 4.7 0 5.4 0 5.5 0 5.7 0.1 6.2 0 6.1 0.4 6.2 0.6 6.2 0.8 6.2 1.4 5.8 1.8 5.4 1.5 5.1 1.9 5 1.9 4.6 1.5 4.7 2 4.5 2.1 4.6 2.3 4.3 2.4 4.2 2.8 4.6 3.1L4.6 4.6C4.2 5.6 4.1 6.2 3.8 6.9 3.8 7.1 3.5 7.4 3.1 7.7ZM13.1 8.5C12.7 8.5 12.3 8.1 12.3 7.7 12.3 7.3 12.7 6.9 13.1 6.9 13.5 6.9 13.8 7.3 13.8 7.7 13.8 8.1 13.5 8.5 13.1 8.5ZM10 8.5C9.6 8.5 9.2 8.1 9.2 7.7 9.2 7.3 9.6 6.9 10 6.9 10.4 6.9 10.8 7.3 10.8 7.7 10.8 8.1 10.4 8.5 10 8.5ZM6.9 8.5C6.5 8.5 6.2 8.1 6.2 7.7 6.2 7.3 6.5 6.9 6.9 6.9 7.3 6.9 7.7 7.3 7.7 7.7 7.7 8.1 7.3 8.5 6.9 8.5Z"></path>272 </g>273 </svg>274 </span>275 <span className="title">Easy Deployment</span>276 </a>277 </div>278 </section>279 </div>280 </div>281 <div className="dropdownFooter">282 <span>283 Interested in <b>SherlockML</b>284 ?285 </span>286 <a className="btn green" href="/demo">Start your Free Trial</a>287 </div>288 </div>289 </div>290 </div>291 </header>292 <div className="wrapper">293 <section id="trusted-by">294 <div className="container">295 <div className="row">296 <div className="col-md-6 col-md-offset-3">297 <h3>SherlockML is used by organisations globally to accelerate their AI projects and has helped generate huge amounts of business value.</h3>298 </div>299 </div>300 </div>301 <ul>302 <li>303 <img alt="" src="/img/homepage/logos/nhs.png"/>304 </li>305 <li>306 <img alt="" src="/img/homepage/logos/beauhurst.png"/>307 </li>308 <li>309 <img alt="" src="/img/homepage/logos/movebubble.png"/>310 </li>311 <li>312 <img alt="" src="/img/homepage/logos/easyjet.png"/>313 </li>314 <li>315 <img alt="" src="/img/homepage/logos/siemens.png"/>316 </li>317 <li>318 <img alt="" src="/img/homepage/logos/london-irish.png"/>319 </li>320 </ul>321 </section>322 <section id="highlights">323 <div className="text-block">324 <div className="container">325 <div className="row">326 <div className="col-sm-5 col-md-4 col-sm-offset-0 col-md-offset-1">327 <h2>Secure, Scalable Compute</h2>328 <p>329 <strong>SherlockML</strong>330 offers a secure cloud based environment for data science. It eliminates burdens on internal IT and helps data scientists to work faster and collaborate more effectively.331 </p>332 </div>333 <div className="col-sm-4">334 <div className="img servers">335 <img alt="" src="/img/homepage/highlights/servers.png" width="928" height="282"/>336 </div>337 </div>338 </div>339 </div>340 </div>341 <div className="text-block">342 <div className="container">343 <div className="row">344 <div className="col-sm-7">345 <div className="img lens">346 <img alt="" src="/img/homepage/highlights/lens.png" width="685" height="556"/>347 </div>348 </div>349 <div className="col-sm-5 col-md-4">350 <h2>Rapid Exploration and Cleaning</h2>351 <p>352 <strong>SherlockML</strong>353 provides custom productivity tools, paired with familiar open source components like Jupyter Notebook and RStudio to help data scientists to build, test and deploy their own bespoke AI models.354 </p>355 </div>356 </div>357 </div>358 </div>359 <div className="text-block">360 <div className="container">361 <div className="row">362 <div className="col-sm-5 col-md-4 col-sm-offset-0 col-md-offset-1">363 <h2>Easy Collaboration</h2>364 <p>Your team can iterate and deliver projects better and faster without having to worry about infrastructure and deployment. Collaboration, version control, and productionising models are as simple as a few clicks.</p>365 </div>366 <div className="col-sm-4">367 <div className="img collaboration">368 <img alt="" src="/img/homepage/highlights/collaboration.png" width="784" height="592"/>369 </div>370 </div>371 </div>372 </div>373 </div>374 <div className="text-block">375 <div className="container">376 <div className="row">377 <div className="col-sm-7">378 <div className="img communication">379 <img alt="" src="/img/homepage/highlights/communication.png" width="598" height="393"/>380 </div>381 </div>382 <div className="col-sm-5 col-md-4">383 <h2>Clear Communication</h2>384 <p>385 <strong>SherlockML</strong>386 provides integrated tools to share results and insights to every part of your organisation.387 </p>388 </div>389 </div>390 </div>391 </div>392 </section>393 <section className="case-studies-container" id="case-studies">394 <h2>395 Power your analysis with <strong>SherlockML</strong>396 </h2>397 <div className="container">398 <div className="row">399 <div>400 <div className="col-sm-6 col-md-4">401 <a className="case-study" href="/case-study/predictive-staffing">402 <img alt="" src="/img/homepage/case-studies/header-predictive-staffing.jpg"/>403 <div className="content">404 <span className="title">405 Predictive staff scheduling<small>Aviation</small>406 </span>407 <span className="link">408 Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>409 </span>410 </div>411 </a>412 </div>413 <div className="col-sm-6 col-md-4">414 <a className="case-study" href="/case-study/fraud-detection">415 <img alt="" src="/img/homepage/case-studies/header-fraud-detection.jpg"/>416 <div className="content">417 <span className="title">418 Fraud detection<small>Financial Services</small>419 </span>420 <span className="link">421 Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>422 </span>423 </div>424 </a>425 </div>426 <div className="col-sm-6 col-md-4">427 <a className="case-study" href="/case-study/predictive-maintenance">428 <img alt="" src="/img/homepage/case-studies/header-predictive-maintenance.jpg"/>429 <div className="content">430 <span className="title">431 Predictive Maintenance<small>Manufacturing</small>432 </span>433 <span className="link">434 Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>435 </span>436 </div>437 </a>438 </div>439 </div>440 </div>441 </div>442 <div className="cta">443 <a className="btn green big" href="/demo">Request a Demo</a>444 </div>445 </section>446 </div>447 <Newsletter />448 <Footer />449</div>450)451}...
fem.js
Source:fem.js
1// We define some variables for the colors2var G_COLOR_NODE_HIGH = "#d9534f";3var G_COLOR_ELEM_HIGH = "#d9534f";45var G_CURRENT_PANEL_STATE = "default";67function enableChangeColorScheme() {8 $("ul[name='color-schemes'] a").click(function(e) {9 e.preventDefault();10 var colorScheme = $(this).parent().attr("name");1112 G_CURRENT_COLOR_SCHEME = colorScheme;13 domainObject.changeColorDueToValues();1415 $("ul[name='color-schemes'] li").removeClass('active');16 $(this).parent().addClass('active');17 });18}1920function togglePanels(runAgain) {2122 var leftPanel = $("div#leftColumnResults");23 var rightPanel = $("div#rightColumnResults");2425 var colDefault = "col-xs-6";2627 var colBig = "col-xs-9";28 var colSmall = "col-xs-3";2930 var colHuge = "col-xs-12";31 var colNone = "hide";3233 // First we set the next value34 switch (G_CURRENT_PANEL_STATE) {35 case "big-left": G_CURRENT_PANEL_STATE = "huge-left"; break;36 case "huge-left": G_CURRENT_PANEL_STATE = "big-right"; break;37 case "big-right": G_CURRENT_PANEL_STATE = "huge-right"; break;38 case "huge-right": G_CURRENT_PANEL_STATE = "default"; break;39 default: G_CURRENT_PANEL_STATE = "big-left";40 }4142 // Then we set the changes43 switch (G_CURRENT_PANEL_STATE) {4445 case "big-left":46 leftPanel.removeClass(colDefault);47 leftPanel.addClass(colBig);4849 rightPanel.removeClass(colDefault);50 rightPanel.addClass(colSmall);51 break;5253 case "huge-left":54 leftPanel.removeClass(colBig);55 leftPanel.addClass(colHuge);5657 rightPanel.removeClass(colSmall);58 rightPanel.addClass(colNone);59 break;6061 case "big-right":62 leftPanel.removeClass(colHuge);63 leftPanel.addClass(colSmall);6465 rightPanel.removeClass(colNone);66 rightPanel.addClass(colBig);67 break;6869 case "huge-right":70 leftPanel.removeClass(colSmall);71 leftPanel.addClass(colNone);7273 rightPanel.removeClass(colBig);74 rightPanel.addClass(colHuge);75 break;7677 default:78 leftPanel.removeClass(colNone);79 leftPanel.addClass(colDefault);8081 rightPanel.removeClass(colHuge);82 rightPanel.addClass(colDefault);8384 }8586}8788function toggleViews(setElementalView) {8990 setElementalView = assignIfNecessary(setElementalView, false);9192 var $matrixSVG = $('#matrixSVG');93 var $box = $('#box');9495 if ($box.hasClass('hidden') || setElementalView) {96 $matrixSVG.addClass('hidden');97 $box.removeClass('hidden');9899 } else {100 $matrixSVG.removeClass('hidden');101 $box.addClass('hidden');102 }103104}105106function toggleScale() {107 domainObject.toggleScale();108}109110function viewGlobalStiffnessMatrix() {111 var modalBody = $('#modalStiffnessMatrix').find('.output');112113 var globalK = globalElementalMatrixObject.latexfyMatrixWithLabel(G_CURRENT_ELEMENTAL_DATA.stiffness_matrix, 'K\\cdot \\phi');114 var globalPhi = globalElementalMatrixObject.latexfyMatrix(G_CURRENT_ELEMENTAL_DATA.u);115 var globalF = globalElementalMatrixObject.latexfyMatrixWithLabel(G_CURRENT_ELEMENTAL_DATA.f, 'f');116117 modalBody.html('$${\\begin{align*}' + globalK + globalPhi + "&&" + globalF + '\\end{align*}}$$');118119 $('#modalStiffnessMatrix').modal();120 setTimeout(globalElementalMatrixObject.loadMathJax('#modalStiffnessMatrix'), 5);121}122123function drawCurrentMatrix(two, group) {124125 //@TODO Optimizar el index de elementos. Podria crear un vector que mapee el id de Two con el ielem126127 var groupSystem = globalMatrixObject.setMatrixDrawing('draw-matrix', 'draw-matrix-dummy', G_XNODE, G_IELEM);128129 $.each(group, function(index, value) {130 $.each(group[index].children, function(idx, currentElem) {131 $(currentElem._renderer.elem)132 .css('cursor', 'pointer')133 .on('mouseenter', function(e) {134 currentElem.fill = G_COLOR_ELEM_HIGH;135136 // We set the color of the cells of the matrix137 coloriseDueToMouse(groupSystem, currentElem, true);138139 globalMatrixObject.TwoMatrix.update();140 two.update();141142 Utils.setCurrentValue(currentElem.currentValue);143144 }).on('mouseleave', function(e) {145146 currentElem.fill = currentElem.fill_original;147148 // We clear the color of the cells of the matrix149 coloriseDueToMouse(groupSystem, currentElem, false);150151 globalMatrixObject.TwoMatrix.update();152 two.update();153154 }).on('click', function (e){155156 if (currentElem.type === 'elem') {157 toggleViews(true);158 globalElementalMatrixObject.setWorkspace(currentElem.k_ielem - 1);159 }160 });161 });162 });163164 $.each(groupSystem, function(index, value) {165 $.each(groupSystem[index].children, function(idx, currentCell) {166 $(currentCell._renderer.elem)167 .css('cursor', 'pointer')168 .on('mouseenter', function(e) {169170 currentCell.fill = G_COLOR_ELEM_HIGH;171 currentCell.stroke = currentCell.fill;172173 $.each(group.nodes.children, function(idx, currentNode) {174 if (currentNode.k_ielem === currentCell.id_row) {175 currentNode.fill = G_COLOR_ELEM_HIGH;176 } else {177 currentNode.fill = currentNode.fill_original;178 }179 });180181 $.each(group.elems.children, function(idx, currentElem) {182 if ($.inArray(currentCell.id_row, currentElem.ielem) !== -1) {183 currentElem.fill = G_COLOR_ELEM_HIGH;184 } else {185 currentElem.fill = currentElem.fill_original;186 }187 });188189 // We set the color of the cells of the matrix190 //coloriseDueToMouse(groupSystem, currentElem, true);191192 globalMatrixObject.TwoMatrix.update();193 two.update();194195 }).on('mouseleave', function(e) {196197 currentCell.fill = currentCell.fill_original;198 currentCell.stroke = currentCell.stroke_original;199200 $.each(group.nodes.children, function(idx, currentNode) {201 currentNode.fill = currentNode.fill_original;202 });203204 $.each(group.elems.children, function(idx, currentElem) {205 currentElem.fill = currentElem.fill_original;206 });207208 // We clear the color of the cells of the matrix209 //coloriseDueToMouse(groupSystem, currentElem, false);210211 globalMatrixObject.TwoMatrix.update();212 two.update();213 });214 });215 });216217}218219function getSingleColFromCurrentDomain(variable, col_idx) {220221 var singleCol = [];222223 if ($.isArray(col_idx)) {224225 $.each(col_idx, function(idx, val) {226 if (singleCol.length > 0) {227 singleCol = getSingleColFromCurrentDomainHelper(variable, val, singleCol);228 } else {229 singleCol = getSingleColFromCurrentDomainHelper(variable, val);230 }231 });232233 $.each(singleCol, function(idx, val) {234 singleCol[idx] = Math.sqrt(val);235 });236237 } else {238 singleCol = getSingleColFromCurrentDomainHelper(variable, col_idx);239 }240241 return singleCol;242243}244245function getSingleColFromCurrentDomainHelper(variable, col_idx, singleColumnArrayPassed) {246247 if (!exists(G_CURRENT_DOMAIN[variable])) {248 throw new Error("getSingleColFromCurrentDomain() : Invalid variable [" + variable + "]")249 }250251 singleColumnArrayPassed = assignIfNecessary(singleColumnArrayPassed, false);252 var singleColArray = (singleColumnArrayPassed) ? singleColumnArrayPassed : [];253254 if (singleColumnArrayPassed) {255 for ( var k = 0 ; k < G_CURRENT_DOMAIN[variable].length ; k++ ) {256 singleColArray[k] = Math.pow(singleColArray[k], 2) + Math.pow(G_CURRENT_DOMAIN[variable][k][col_idx], 2);257 }258 } else {259 for ( k = 0 ; k < G_CURRENT_DOMAIN[variable].length ; k++ ) {260 singleColArray.push(G_CURRENT_DOMAIN[variable][k][col_idx]);261 }262 }263264 return singleColArray;265266}267268function getOptions(xnode, ielem, params) {269270 params = assignIfNecessary(params, false);271272 var localParamsTextSVG = { // These are the text's params shared locally273 'alignment' : 'center',274 'fill' : 'black',275 'font-family' : 'Georgia',276 'pointer-events' : 'none',277 'style' : 'cursor:pointer',278 'text-anchor' : 'middle',279 'font-size' : 0.125 * Math.abs( xnode[ ielem[0][2] - 1 ][1] - xnode[ ielem[0][0] - 1 ][1] )280 };281282 if (localParamsTextSVG['font-size'] === 0) {283 localParamsTextSVG['font-size'] = 0.25 * Math.abs( xnode[ ielem[0][1] - 1 ][1] - xnode[ ielem[0][0] - 1 ][1] );284 }285286 localParamsTextSVG['font-size'] = 12;287288 if (params.valuesToColorise) {289290 // For the colors291 params = {292 valuesToColorise : params.valuesToColorise,293 minValue : params.valuesToColorise[0],294 maxValue : params.valuesToColorise[0]295 };296297 for ( var k = 0 ; k < params.valuesToColorise.length ; k++ ) {298 if (params.valuesToColorise[k] > params.maxValue) {299 params.maxValue = params.valuesToColorise[k];300 }301 if (params.valuesToColorise[k] < params.minValue) {302 params.minValue = params.valuesToColorise[k];303 }304 }305306 $("#minValue").html(Utils.parseNumber(params.minValue));307 $("#maxValue").html(Utils.parseNumber(params.maxValue));308 }309310 params.localParamsTextSVG = localParamsTextSVG;311312 return params;313}314315function coloriseDueToMouse(groupSystem, currentElem, isEntering) {316317 isEntering = assignIfNecessary(isEntering, false);318319 // We set the color of the cells of the matrix and the vector320 $.each(groupSystem, function(idxGroupChildren, valGroupChildren) {321322 $.each(valGroupChildren.children, function(idx, currentCell) {323324 if (isEntering === true) {325 coloriseDueToMouseHelper(currentElem, currentCell);326 } else {327 discolorDueToMouseHelper(currentElem, currentCell);328 }329330 });331332 });333}334335function coloriseDueToMouseHelper(currentElem, currentCell) {336337 var isEmptyCell = (currentCell.fill_original === G_COLOR_EMPTY);338 var needsColor = false;339340 if (!isEmptyCell) {341 if (currentElem.type === 'elem') {342 var isInRow = ($.inArray(currentCell.id_row, currentElem.ielem) >= 0);343 var isInCol = ($.inArray(currentCell.id_col, currentElem.ielem) >= 0);344345 if (currentCell.isMatrix) {346 needsColor = isInRow && isInCol;347 } else {348 needsColor = isInRow || isInCol;349 }350351 } else {352 if (currentCell.id_row === currentElem.k_ielem ||353 currentCell.id_col === currentElem.k_ielem) {354 needsColor = true;355 }356 }357 }358359 if (needsColor) {360 currentCell.fill = getColorFromIdx(currentElem.k_ielem - 1, 0.7);361 currentCell.stroke = getColorFromIdx(currentElem.k_ielem - 1);362 currentCell.opacity = 1;363 }364365}366367function discolorDueToMouseHelper(currentElem, currentCell, clearAll) {368369 if (currentCell.fill_original === G_COLOR_EMPTY || assignIfNecessary(clearAll, false)) {370 currentCell.fill = G_COLOR_EMPTY;371 currentCell.stroke = G_COLOR_EMPTY;372 }373374 if (currentCell.fill !== currentCell.fill_original) {375 currentCell.fill = currentCell.fill_original;376 currentCell.stroke = currentCell.stroke_original;377 }378379}380381$(document).ready(function() {382 var $body = $(".row");383 $body.html($body.html().replace(/{{femris}}/g, "<span class='femris'><tt>FEMRIS</tt></span>"));384385 var params = {386 valuesToColorise : getSingleColFromCurrentDomain('displacements', eval($("ul[name='displacements'] > li.active").attr("name")))387 };388389 params.valuesToColorise = (params.valuesToColorise.length > 0) ? params.valuesToColorise : false;390391 // We transform the original coordinates so they can fit better in the SVG392 G_XNODE = transformCoordinates(G_XNODE);393 G_XNODE_ORIGINAL = G_CURRENT_DOMAIN.coordinates;394395 options = getOptions(G_XNODE, G_IELEM, params);396397 domainObject.makeElements(G_XNODE, G_IELEM, options);398399 $("nav.navbar-fixed-top .visualization li").on('click', function(e) {400 var $this = $(this);401402 $(".visualization li").removeClass("active");403 $this.addClass("active");404405 var whichVariable = $this.parent().attr('name');406 var indexColumn = $this.attr('name');407408 if (indexColumn.search(',') > 0) {409 indexColumn = eval(indexColumn);410 }411412 params = {413 valuesToColorise : getSingleColFromCurrentDomain(whichVariable, indexColumn)414 };415416 params.valuesToColorise = (params.valuesToColorise.length > 0) ? params.valuesToColorise : false;417418 options = getOptions(G_XNODE, G_IELEM, params);419 domainObject.changeColorDueToValues(options);420 });421422 drawCurrentMatrix(domainObject.two, domainObject.group);423424 // If the window changes its size, we reload the page425 $(window).resize(function() {426 //document.location.reload();427 });428429 /////////////////////////////////////////////////////////////////////////////////////////////430431 globalElementalMatrixObject.initialize(G_CURRENT_ELEMENTAL_DATA);432});
...
contact-sheet-colorise.js
Source:contact-sheet-colorise.js
1import React from 'react'2import { graphql } from 'gatsby'3import { ContactSheet } from '../components'4const Colorise = ({ data }) => {5 const images = data.allFile.edges; 6 return (7 <ContactSheet 8 images={images} 9 title='Colorise'10 vidLink='https://sarahghp.com/vids/colorise.mp4'11 />12 )13}14export const query = graphql`15 query {16 allFile(filter: {relativePath: {regex: "/colorise/"}} sort: {fields: relativePath}) {17 ...ContactImages18 }19 }20`21 ...
Using AI Code Generation
1const chai = require('chai');2const chaiAsPromised = require('chai-as-promised');3chai.use(chaiAsPromised);4const expect = chai.expect;5const mocha = require('mocha');6const mochaAsPromised = require('mocha-as-promised');7mocha.use(mochaAsPromised);8const sinon = require('sinon');9const sinonAsPromised = require('sinon-as-promised');10sinon.use(sinonAsPromised);11const should = require('should');12const shouldAsPromised = require('should-as-promised');13should.use(shouldAsPromised);14const expect = require('expect');15const assert = require('assert');16const nodeAssert = require('assert');17const nodeExpect = require('expect');18const nodeShould = require('should');19const nodeShouldAsPromised = require('should-as-promised');20nodeShould.use(nodeShouldAsPromised);21const nodeChai = require('chai');22const nodeChaiAsPromised = require('chai-as-promised');23nodeChai.use(nodeChaiAsPromised);24const nodeExpect = nodeChai.expect;25const nodeMocha = require('mocha');26const nodeMochaAsPromised = require('mocha-as-promised');27nodeMocha.use(nodeMochaAsPromised);28const nodeSinon = require('sinon');29const nodeSinonAsPromised = require('sinon-as-promised');30nodeSinon.use(nodeSinonAsPromised);31const nodeChaiAsPromised = require('chai-as-promised');32nodeChai.use(nodeChaiAsPromised);33const nodeMochaAsPromised = require('mocha-as-promised');34nodeMocha.use(nodeM
Using AI Code Generation
1var chai = require('chai');2var colorise = require('../colorise');3chai.use(colorise);4describe('Colorise', function() {5 it('should return a string in a specified color', function() {6 expect(colorise('red', 'red')).to.equal('\u001b[31mred\u001b[39m');7 expect(colorise('blue', 'blue')).to.equal('\u001b[34mblue\u001b[39m');8 });9});10var colors = {11};12module.exports = function(chai, utils) {13 var Assertion = chai.Assertion;14 Assertion.addMethod('colorise', function(color, str) {15 var obj = this._obj;16 var expected = '\u001b[' + colors[color] + 'm' + str + '\u001b[39m';17 new Assertion(obj).to.equal(expected);18 });19};20{21 "scripts": {22 },23 "dependencies": {24 },25 "devDependencies": {26 }27}28 1 passing (7ms)29describe('colorise', function() {30 it('should return a string in a specified color', function() {31 expect(colorise('red', 'red')).to.be.colorise('red', 'red');32 expect(colorise('blue', 'blue')).to.be.colorise('blue', 'blue');33 });34});35 1 passing (
Using AI Code Generation
1var chai = require('chai');2var should = chai.should();3var assert = chai.assert;4var colorise = require('../src/colorise');5var colors = require('colors');6describe('colorise', function() {7 it('should return a string in red colour', function() {8 var result = colorise('red', 'hello');9 expect(result).to.equal('hello'.red);10 });11 it('should return a string in green colour', function() {12 var result = colorise('green', 'hello');13 expect(result).to.equal('hello'.green);14 });15 it('should return a string in yellow colour', function() {16 var result = colorise('yellow', 'hello');17 expect(result).to.equal('hello'.yellow);18 });19 it('should return a string in blue colour', function() {20 var result = colorise('blue', 'hello');21 expect(result).to.equal('hello'.blue);22 });23 it('should return a string in magenta colour', function() {24 var result = colorise('magenta', 'hello');25 expect(result).to.equal('hello'.magenta);26 });27 it('should return a string in cyan colour', function() {28 var result = colorise('cyan', 'hello');29 expect(result).to.equal('hello'.cyan);30 });31 it('should return a string in white colour', function() {32 var result = colorise('white', 'hello');33 expect(result).to.equal('hello'.white);34 });35 it('should return a string in grey colour', function() {36 var result = colorise('grey', 'hello');37 expect(result).to.equal('hello'.grey);38 });39 it('should return a string in black colour', function() {40 var result = colorise('black', 'hello');41 expect(result).to.equal('hello'.black);42 });43 it('should return a string in rainbow colour', function() {44 var result = colorise('rainbow', 'hello');45 expect(result).to.equal('hello'.rainbow);46 });47 it('should return a string in zebra colour', function() {48 var result = colorise('zebra', 'hello');49 });50 it('should return a string in random colour
Using AI Code Generation
1const chai = require('chai');2const expect = chai.expect;3const colorize = require('chai-colors');4chai.use(colorize);5const chai = require('chai');6const expect = chai.expect;7const colorize = require('chai-colors');8chai.use(colorize);9const chai = require('chai');10const expect = chai.expect;11const colorize = require('chai-colors');12chai.use(colorize);13const chai = require('chai');14const expect = chai.expect;15const colorize = require('chai-colors');16chai.use(colorize);17const chai = require('chai');18const expect = chai.expect;19const colorize = require('chai-colors');20chai.use(colorize);21const chai = require('chai');22const expect = chai.expect;23const colorize = require('chai-colors');24chai.use(colorize);25const chai = require('chai');26const expect = chai.expect;27const colorize = require('chai-colors');28chai.use(colorize);29const chai = require('chai');30const expect = chai.expect;31const colorize = require('chai-colors');32chai.use(colorize);33const chai = require('chai');34const expect = chai.expect;35const colorize = require('chai-colors');36chai.use(colorize);37const chai = require('chai');38const expect = chai.expect;39const colorize = require('chai-colors');40chai.use(colorize);41const chai = require('chai');42const expect = chai.expect;43const colorize = require('chai-colors');44chai.use(colorize);45const chai = require('chai');46const expect = chai.expect;47const colorize = require('chai-colors');48chai.use(colorize);49const chai = require('chai');50const expect = chai.expect;51const colorize = require('chai-colors');52chai.use(colorize);
Using AI Code Generation
1const chai = require('chai');2const color = require('chai-color');3chai.use(color);4const expect = chai.expect;5describe('color test', () => {6 it('should be a color', () => {7 expect('#FF0000').to.be.a.color();8 });9});101 passing (8ms)11assert.equal()12assert.notEqual()13assert.strictEqual()14assert.notStrictEqual()15assert.deepEqual()16assert.notDeepEqual()17assert.deepStrictEqual()18assert.notDeepStrictEqual()19assert.isTrue()20assert.isFalse()21assert.isNotNull()22assert.isNull()23assert.isUndefined()24assert.isDefined()25assert.isFunction()26assert.isObject()27assert.isArray()28assert.isString()29assert.isNumber()30assert.isBoolean()31assert.typeOf()32assert.instanceOf()33assert.include()34assert.match()35assert.property()36assert.lengthOf()37assert.throws()38assert.doesNotThrow()39assert.operator()40assert.closeTo()41assert.approximately()42assert.sameMembers()43assert.includeMembers()44assert.oneOf()45assert.isAbove()46assert.isBelow()47assert.isAtLeast()48assert.isAtMost()49assert.isWithin()50assert.isNotEmpty()51assert.isExtensible()52assert.isNotExtensible()53assert.isSealed()54assert.isNotSealed()55assert.isFrozen()56assert.isNotFrozen()57assert.isOk()58assert.isNotOk()59assert.isNotTrue()60assert.isNotFalse()61assert.isNotEqual()62assert.isNotDeepEqual()63assert.isNotNaN()64assert.isNotInstanceOf()65assert.isNotTypeOf()66assert.isNotInclude()67assert.isNotProperty()68assert.isNotLengthOf()69assert.isNotOneOf()70assert.isNotWithin()71assert.isNotApproximately()72assert.isNotSameMembers()73assert.isNotIncludeMembers()74assert.isNotWithin()75assert.isNotExtensible()76assert.isNotSealed()77assert.isNotFrozen()78assert.isNotOk()79assert.isNotOk()80assert.isNotOk()81assert.isNotOk()
Using AI Code Generation
1var chai = require('chai');2var expect = chai.expect;3var colorise = require('chai-colorise');4chai.use(colorise);5var colorize = require('./colorize.js');6describe('colorize', function() {7 it('should return red color', function() {8 expect(colorize('red')).to.be.red;9 });10 it('should return green color', function() {11 expect(colorize('green')).to.be.green;12 });13 it('should return yellow color', function() {14 expect(colorize('yellow')).to.be.yellow;15 });16 it('should return blue color', function() {17 expect(colorize('blue')).to.be.blue;18 });19 it('should return magenta color', function() {20 expect(colorize('magenta')).to.be.magenta;21 });22 it('should return cyan color', function() {23 expect(colorize('cyan')).to.be.cyan;24 });25});26var colors = require('colors');27module.exports = function(color) {28 return color;29};30{31 "scripts": {32 },33 "dependencies": {34 }35}
Using AI Code Generation
1chai.use(colorise());2var assert = chai.assert;3chai.use(chaiAsPromised);4chai.use(chaiHttp);5chai.use(chaiJsonSchema);6chai.use(chaiThings);7chai.use(chaiDatetime);8chai.use(chaiFuzzy);9chai.use(chaiSubset);10chai.use(chaiArrays);
Using AI Code Generation
1var chain = require('chain-node');2var colorise = require('chain-node/lib/colorise');3var client = new chain.Client();4client.mockHsm.keys.create({}, function(err, key) {5 if (err) throw err;6 var signer = new chain.HsmSigner();7 signer.addKey(key.xpub, client.mockHsm.signerConnection);8 var alice = new chain.XPub(key.xpub);9 client.assets.create({10 rootXpubs: [alice.toString()],11 }, function(err, asset) {12 if (err) throw err;13 console.log('created asset:', asset.alias);14 client.accounts.create({15 rootXpubs: [alice.toString()],16 }, function(err, account) {17 if (err) throw err;18 console.log('created account:', account.alias);19 var tx = new chain.Transaction();20 tx.issue({21 });22 tx.controlWithAccount({23 });24 tx.sign(signer);25 client.transactions.submit(tx, function(err, resp) {26 if (err) throw err;27 console.log('submitted transaction:', resp.txId);28 });29 });30 });31});
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Get 100 minutes of automation test minutes FREE!!