dooman87

<style>
  .banner {
    background-image: url('http://www.midday.coffee/assets/banner.jpg');
    background-size: cover;
    height: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

dooman87

<div class="banner">
    <p class="h1 display-4">Find Your Coffee Cup</p>
    <p class="lead">We have them all in one place!</p>
</div>

dooman87

Property	Type	Default	Description
apiKey*	String		Pixboost API key
domain*	String		Custom domain name that you setup or pixboost.com
breakpoints	Object		Key-Value pair of breakpoints that you are using for responsive images
breakpoints.media	String		Media query for breakpoint

dooman87

Property	Type	Default	Description
breakpoints*	Object		Object that sets an option for each visual breakpoint. You can use only breakpoints that you specified in the configuration property
breakpoints.src*	String		URL of the original image
breakpoints.op	String	optimise	Operation to perform. By default is optimise.
breakpoints.hide	Boolean	false	If true then will hide image on the breakpoint.
config*	Object		Configuration
alt	String		alt text for an image
lazy	Boolean	true	If true, then will enable lazy loading for the picture.

dooman87

//This is a reusable configuration
const pixboostConfig = {
    apiKey: 'MTg4MjMxMzM3MA__',
    domain: 'pixboost.com',
    breakpoints: {
        lg: {media: '(min-width: 990px)'},
        md: {media: '(min-width: 640px)'},
        sm: {}
    }
};

dooman87

Property	Type	Default	Description
src*	String		URL of the original image
config*	Object		Configuration
alt	String		alt text for an image
lazy	Boolean	true	If true, then will enable lazy loading for the image.

dooman87

import {Image} from 'pixboost-react';

//This is a reusable configuration
const pixboostConfig = {
    apiKey: 'MTg4MjMxMzM3MA__',
    domain: 'pixboost.com'
};

class YourComponent extends Component {
    render() {

dooman87

upstream ngx-transformimgs-v2 {
 server imageservice:8080 fail_timeout=1;
 server imageservice:8080 fail_timeout=1;

 server imageservice:8080 backup;
}

dooman87

upstream ngx-transformimgs-v2 {
 server imageservice:8080 fail_timeout=1;
 server imageservice:8080 fail_timeout=1;
}

dooman87

spec:
  containers:
    - name: images-service
      image: us.gcr.io/images-service:1.0.0
      resources:
        requests:
          cpu: 1
      readinessProbe:
        httpGet:
          path:/health