{"_id":"react-under-construction","_rev":"46-4774df55ff4e86c5c399a866d754048b","name":"react-under-construction","time":{"modified":"2022-05-15T06:54:03.528Z","created":"2017-08-21T09:47:48.155Z","0.0.1":"2017-08-21T09:47:48.155Z","0.0.2":"2017-08-21T10:01:36.295Z","0.0.3":"2017-08-21T11:59:11.981Z","0.0.4":"2017-08-21T12:41:49.167Z","0.0.5":"2017-08-21T12:53:00.890Z","0.0.6":"2017-08-21T12:59:33.362Z","0.0.7":"2017-08-21T13:21:13.471Z","0.0.8":"2017-08-21T13:28:42.490Z","0.0.9":"2017-08-21T13:31:21.946Z","0.0.10":"2017-08-21T13:35:39.284Z","0.0.12":"2017-08-21T13:43:29.964Z","0.0.13":"2017-08-22T09:02:40.229Z","0.0.14":"2017-08-22T09:05:23.434Z","0.0.15":"2017-08-22T09:08:53.182Z","0.0.16":"2017-08-22T09:13:32.738Z","0.1.0":"2017-08-23T14:35:01.563Z","0.1.1":"2017-08-23T15:26:27.961Z","0.1.2":"2017-12-27T11:56:13.750Z","0.1.3":"2017-12-27T12:01:34.689Z","0.1.4":"2017-12-27T12:16:29.691Z","0.1.5":"2017-12-27T12:30:17.993Z","0.1.6":"2017-12-27T12:42:22.830Z","0.1.7":"2017-12-27T12:58:47.269Z","0.2.0":"2017-12-27T13:20:36.234Z","0.3.0":"2017-12-28T07:01:34.974Z"},"maintainers":[{"name":"dimitrimikadze","email":"dimitrimikadze@gmail.com"}],"dist-tags":{"latest":"0.3.0"},"description":"An easily customisable, responsive under construction react page component","readme":"# React under construction component [![npm](https://img.shields.io/npm/v/react-under-construction.svg)]()\n\n[![Build Status](https://travis-ci.org/UdiliaInc/react-under-construction.svg?branch=master)](https://travis-ci.org/UdiliaInc/react-under-construction)\n[![Dependencies](https://img.shields.io/david/udiliaInc/react-under-construction.svg)]()\n[![Dev Dependencies](https://img.shields.io/david/dev/udiliaInc/react-under-construction.svg)]()\n[![npm downloads](https://img.shields.io/npm/dm/react-under-construction.svg)](https://www.npmjs.com/package/react-under-construction)\n\n[![NPM](https://nodei.co/npm/react-under-construction.png)](https://npmjs.org/package/react-under-construction)\n\n> An easily customisable, responsive under construction react page component\n\n<img src=\"https://github.com/udiliaInc/react-under-construction/blob/master/screenshot-demo.jpg\" width=\"800\">\n\n## Installation\n\n`npm i react-under-construction --save` or `yarn add react-under-construction `\n\n## Usage\n\n> Note Parent containers should have `width` and `height` 100%, to `react-under-construction` was able to stretch full screen\n\n````\nimport React from 'react';\nimport UnderConstruction from 'react-under-construction';\nimport 'react-under-construction/build/css/index.css';\n\nconst App = () => (\n  <UnderConstruction\n    background={{\n      image: 'https://static.pexels.com/photos/259698/pexels-photo-259698.jpeg',\n      textColor: '#fff',\n      overlay: {\n        color: '#000',\n        opacity: '.5'\n      }\n    }}\n    logo={{\n      src: 'https://image.ibb.co/b7guP5/Rubbby_without_text.png',\n      alt: 'alt text'\n    }}\n    title={{\n      text: 'Rubbby'\n    }}\n    description={{\n      text: 'Our website is under construction. We\\'ll be here soon, subscribe to be notified',\n      style: {\n        maxWidth: '440px',\n      }\n    }}\n    subscribe={{\n      placeholder: 'Enter your email',\n      buttonText: 'Subscribe',\n      onSubmit: (value) => {\n        console.log('user typed email :', value);\n      }\n    }}\n    links={[\n      {\n        url: 'https://www.facebook.com/',\n        image: 'https://image.flaticon.com/icons/svg/220/220200.svg',\n      },\n      {\n        url: 'https://www.twitter.com/',\n        image: 'https://image.flaticon.com/icons/svg/145/145812.svg',\n      },\n      {\n        url: 'https://www.linkedin.com/',\n        image: 'https://image.flaticon.com/icons/svg/145/145807.svg',\n      },\n      {\n        url: 'mailto:someone@example.com',\n        image: 'https://image.flaticon.com/icons/svg/321/321817.svg',\n      },\n    ]}\n  />\n);\n\nexport default App;\n````\n\n## Other options\n\n````\nbackground={{\n  image: {string} Background image of main container\n  color: {string} Background color of main container,\n  textColor: {string} Main text color for page\n  overlay: {\n    color: {string} Overlay color\n    opacity: {string} Overlay opacity\n  },\n  style: {object} Additional style for main container\n}}\nlogo={{\n  src: {string} Image source\n  alt: {string} Image alt text,\n  style: {object} Additional style for logo\n}}\ntitle={{\n  text: {string} Title text\n  style: {object} Additional style for title\n}}\ndescription={{\n  text: {string} description text\n  style: {object} Additional style for description\n}}\nsubscribe={{\n  onSubmit: {function} Submit function for form, which receives input value \n  placeholder: {string} Placeholder text\n  buttonText: {string} Button text\n  inputStyle: {object} Additional style for input\n  buttonStyle: {object} Additional style for button\n}}\nlinks: [\n  {\n    url: {string} Link url\n    image: {string} Link image source\n    text: {string} Link text\n    imageStyle: {object} Additional style for image\n    textStyle: {object} Additional style for text\n  }\n]\n````\n\n## Demo\n\nTo run demo on your own computer:\n\n* Clone this repository\n* `npm install`\n* `npm start`\n* Visit http://localhost:3000/\n","versions":{"0.1.0":{"name":"react-under-construction","version":"0.1.0","description":"User friendly under construction page","main":"build/index.js","scripts":{"start":"node scripts/start.js","build":"node scripts/build.js","test":"node scripts/test.js --env=jsdom"},"repository":{"type":"git","url":"git+https://github.com/rubbby/react-under-construction.git"},"author":{"name":"Dimitri Mikadze","email":"dimitri@rubbby.com"},"bugs":{"url":"https://github.com/rubbby/react-under-construction/issues"},"homepage":"https://github.com/rubbby/react-under-construction#readme","license":"MIT","devDependencies":{"autoprefixer":"7.1.2","babel-cli":"^6.26.0","babel-core":"6.25.0","babel-eslint":"7.2.3","babel-jest":"20.0.3","babel-loader":"7.1.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-react-app":"^3.0.2","babel-preset-stage-0":"^6.24.1","babel-runtime":"6.23.0","case-sensitive-paths-webpack-plugin":"2.1.1","chalk":"1.1.3","css-loader":"0.28.4","dotenv":"4.0.0","eslint":"4.4.1","eslint-config-react-app":"^2.0.0","eslint-loader":"1.9.0","eslint-plugin-flowtype":"2.35.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5.1.1","eslint-plugin-react":"7.1.0","extract-text-webpack-plugin":"3.0.0","file-loader":"0.11.2","fs-extra":"3.0.1","html-webpack-plugin":"2.29.0","jest":"20.0.4","node-sass":"^4.5.3","object-assign":"4.1.1","postcss-flexbugs-fixes":"3.2.0","postcss-loader":"2.0.6","promise":"8.0.1","react":"^15.6.1","react-dev-utils":"^3.1.0","react-dom":"^15.6.1","react-error-overlay":"^1.0.10","sass-loader":"^6.0.6","style-loader":"0.18.2","sw-precache-webpack-plugin":"0.11.4","url-loader":"0.5.9","webpack":"3.5.1","webpack-dev-server":"2.7.1","webpack-manifest-plugin":"1.2.1","whatwg-fetch":"2.0.3"},"peerDependencies":{"react":">=0.14","react-dom":">=0.14"},"jest":{"collectCoverageFrom":["src/**/*.{js,jsx}"],"setupFiles":["<rootDir>/config/polyfills.js"],"testMatch":["<rootDir>/src/**/__tests__/**/*.js?(x)","<rootDir>/src/**/?(*.)(spec|test).js?(x)"],"testEnvironment":"node","testURL":"http://localhost","transform":{"^.+\\.(js|jsx)$":"<rootDir>/node_modules/babel-jest","^.+\\.css$":"<rootDir>/config/jest/cssTransform.js","^(?!.*\\.(js|jsx|css|json)$)":"<rootDir>/config/jest/fileTransform.js"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"],"moduleNameMapper":{"^react-native$":"react-native-web"},"moduleFileExtensions":["web.js","js","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"]},"eslintConfig":{"extends":"react-app"},"dependencies":{"prop-types":"^15.5.10"},"gitHead":"f58d3cf51c98eedac26af850ad8ab1f9e9ef9def","_id":"react-under-construction@0.1.0","_npmVersion":"5.3.0","_nodeVersion":"8.2.1","_npmUser":{"name":"dimitrimikadze","email":"dimitrimikadze@gmail.com"},"dist":{"integrity":"sha512-s3LZJ4vcc6yLLwWwdbMaJTFLm4Bs67O7B27Seg/lnuzXF6nSMTPq764rzJlvEeKw5r+WVjiyq+I3g3wTnha9pg==","shasum":"2a203b087393bb9557c73deed453f96ff0317eba","tarball":"https://registry.npmjs.org/react-under-construction/-/react-under-construction-0.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAdg4/Ks0gaXM5GDbElX7XJCZ7a4lwwiA38KESpgiUmQAiB0XjkCuuaW133untUG706CVWIh0+3v2eq/h+YUtTtL9Q=="}]},"maintainers":[{"name":"dimitrimikadze","email":"dimitrimikadze@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-under-construction-0.1.0.tgz_1503498899171_0.46197861758992076"}},"0.1.1":{"name":"react-under-construction","version":"0.1.1","description":"An easily customisable, responsive under construction react page component","main":"build/index.js","scripts":{"start":"node scripts/start.js","build":"node scripts/build.js","test":"node scripts/test.js --env=jsdom"},"repository":{"type":"git","url":"git+https://github.com/rubbby/react-under-construction.git"},"author":{"name":"Dimitri Mikadze","email":"dimitri@rubbby.com"},"bugs":{"url":"https://github.com/rubbby/react-under-construction/issues"},"homepage":"https://github.com/rubbby/react-under-construction#readme","license":"MIT","devDependencies":{"autoprefixer":"7.1.2","babel-cli":"^6.26.0","babel-core":"6.25.0","babel-eslint":"7.2.3","babel-jest":"20.0.3","babel-loader":"7.1.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-react-app":"^3.0.2","babel-preset-stage-0":"^6.24.1","babel-runtime":"6.23.0","case-sensitive-paths-webpack-plugin":"2.1.1","chalk":"1.1.3","css-loader":"0.28.4","dotenv":"4.0.0","eslint":"4.4.1","eslint-config-react-app":"^2.0.0","eslint-loader":"1.9.0","eslint-plugin-flowtype":"2.35.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5.1.1","eslint-plugin-react":"7.1.0","extract-text-webpack-plugin":"3.0.0","file-loader":"0.11.2","fs-extra":"3.0.1","html-webpack-plugin":"2.29.0","jest":"20.0.4","node-sass":"^4.5.3","object-assign":"4.1.1","postcss-flexbugs-fixes":"3.2.0","postcss-loader":"2.0.6","promise":"8.0.1","react":"^15.6.1","react-dev-utils":"^3.1.0","react-dom":"^15.6.1","react-error-overlay":"^1.0.10","sass-loader":"^6.0.6","style-loader":"0.18.2","sw-precache-webpack-plugin":"0.11.4","url-loader":"0.5.9","webpack":"3.5.1","webpack-dev-server":"2.7.1","webpack-manifest-plugin":"1.2.1","whatwg-fetch":"2.0.3"},"peerDependencies":{"react":">=0.14","react-dom":">=0.14"},"jest":{"collectCoverageFrom":["src/**/*.{js,jsx}"],"setupFiles":["<rootDir>/config/polyfills.js"],"testMatch":["<rootDir>/src/**/__tests__/**/*.js?(x)","<rootDir>/src/**/?(*.)(spec|test).js?(x)"],"testEnvironment":"node","testURL":"http://localhost","transform":{"^.+\\.(js|jsx)$":"<rootDir>/node_modules/babel-jest","^.+\\.css$":"<rootDir>/config/jest/cssTransform.js","^(?!.*\\.(js|jsx|css|json)$)":"<rootDir>/config/jest/fileTransform.js"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"],"moduleNameMapper":{"^react-native$":"react-native-web"},"moduleFileExtensions":["web.js","js","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"]},"eslintConfig":{"extends":"react-app"},"dependencies":{"prop-types":"^15.5.10"},"gitHead":"8c704dba0c7292d9b844c5524601d6fd58d3eac4","_id":"react-under-construction@0.1.1","_npmVersion":"5.3.0","_nodeVersion":"8.2.1","_npmUser":{"name":"dimitrimikadze","email":"dimitrimikadze@gmail.com"},"dist":{"integrity":"sha512-SAvH7eNPbjBJMz8GQw3b/oGQeMLWyTuXV51+6dhjqakOn10sQwYfhmEjzvegERwWbo1Yft71DXTQnJEAwSjQQQ==","shasum":"569070aae6ec7743379267a13519f9e3f21e217c","tarball":"https://registry.npmjs.org/react-under-construction/-/react-under-construction-0.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICWmrQxq+1p40h8MG9dBYHX4QfjqnD8L73W4gwy+IlgCAiAcLnf5a2SceyVa1kbcSNYmecCUTZhrbHggbbXyJsFeyQ=="}]},"maintainers":[{"name":"dimitrimikadze","email":"dimitrimikadze@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-under-construction-0.1.1.tgz_1503501986065_0.6689121657982469"}},"0.2.0":{"name":"react-under-construction","version":"0.2.0","description":"An easily customisable, responsive under construction react page component","main":"build/index.js","scripts":{"start":"node scripts/start.js","build":"node scripts/build.js","test":"node scripts/test.js --env=jsdom"},"repository":{"type":"git","url":"git+https://github.com/udiliaInc/react-under-construction.git"},"author":{"name":"Dimitri Mikadze","email":"dimitri@udilia.com"},"bugs":{"url":"https://github.com/udiliaInc/create-react-library/issues"},"homepage":"https://github.com/udiliaInc/react-under-construction#readme","license":"MIT","dependencies":{},"devDependencies":{"autoprefixer":"7.1.6","babel-core":"6.26.0","babel-eslint":"7.2.3","babel-jest":"20.0.3","babel-loader":"7.1.2","babel-preset-react-app":"^3.1.0","babel-runtime":"6.26.0","case-sensitive-paths-webpack-plugin":"2.1.1","chalk":"1.1.3","css-loader":"0.28.7","dotenv":"4.0.0","eslint":"4.10.0","eslint-config-react-app":"^2.0.1","eslint-loader":"1.9.0","eslint-plugin-flowtype":"2.39.1","eslint-plugin-import":"2.8.0","eslint-plugin-jsx-a11y":"5.1.1","eslint-plugin-react":"7.4.0","extract-text-webpack-plugin":"3.0.2","file-loader":"1.1.5","fs-extra":"3.0.1","html-webpack-plugin":"2.29.0","jest":"20.0.4","object-assign":"4.1.1","postcss-flexbugs-fixes":"3.2.0","postcss-loader":"2.0.8","promise":"8.0.1","raf":"3.4.0","react":"^16.2.0","react-dev-utils":"^4.2.1","react-dom":"^16.2.0","style-loader":"0.19.0","sw-precache-webpack-plugin":"0.11.4","url-loader":"0.6.2","webpack":"3.8.1","webpack-dev-server":"2.9.4","webpack-manifest-plugin":"1.3.2","whatwg-fetch":"2.0.3"},"peerDependencies":{"react":">=0.14","react-dom":">=0.14"},"jest":{"collectCoverageFrom":["src/**/*.{js,jsx,mjs}"],"setupFiles":["<rootDir>/config/polyfills.js"],"testMatch":["<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}","<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"],"testEnvironment":"node","testURL":"http://localhost","transform":{"^.+\\.(js|jsx|mjs)$":"<rootDir>/node_modules/babel-jest","^.+\\.css$":"<rootDir>/config/jest/cssTransform.js","^(?!.*\\.(js|jsx|mjs|css|json)$)":"<rootDir>/config/jest/fileTransform.js"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"],"moduleNameMapper":{"^react-native$":"react-native-web"},"moduleFileExtensions":["web.js","mjs","js","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"]},"eslintConfig":{"extends":"react-app"},"gitHead":"90d8a7fef32023e40c55c8e80832ecfca2bb0c92","_id":"react-under-construction@0.2.0","_npmVersion":"5.5.1","_nodeVersion":"8.2.1","_npmUser":{"name":"dimitrimikadze","email":"dimitrimikadze@gmail.com"},"dist":{"integrity":"sha512-UF+OkrtziCjXeUMvHIuRp7LFhnwwWic6ev/jiL3DCJhxlaKrJ/U0Te+ImzTP33vh6qc4DioNbNqWyWgfGyud3w==","shasum":"75cb6057a6fa913fff47c3211af9d560d86914bf","tarball":"https://registry.npmjs.org/react-under-construction/-/react-under-construction-0.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1gq1UsLSsVNwwCel8xxTwkaEulwGGt/8STHZ1Z/E13wIgbd0KeaXmdesnu+X9YimLgNHgbfuypjIo/nau8ZQTgyY="}]},"maintainers":[{"name":"dimitrimikadze","email":"dimitrimikadze@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-under-construction-0.2.0.tgz_1514380835111_0.07693660771474242"}},"0.3.0":{"name":"react-under-construction","version":"0.3.0","description":"An easily customisable, responsive under construction react page component","main":"build/index.js","scripts":{"start":"node scripts/start.js","build":"node scripts/build.js","test":"node scripts/test.js --env=jsdom"},"repository":{"type":"git","url":"git+https://github.com/udiliaInc/react-under-construction.git"},"author":{"name":"Dimitri Mikadze","email":"dimitri@udilia.com"},"bugs":{"url":"https://github.com/udiliaInc/create-react-library/issues"},"homepage":"https://github.com/udiliaInc/react-under-construction#readme","license":"MIT","dependencies":{},"devDependencies":{"autoprefixer":"7.1.6","babel-core":"6.26.0","babel-eslint":"7.2.3","babel-jest":"20.0.3","babel-loader":"7.1.2","babel-preset-react-app":"^3.1.0","babel-runtime":"6.26.0","case-sensitive-paths-webpack-plugin":"2.1.1","chalk":"1.1.3","css-loader":"0.28.7","dotenv":"4.0.0","eslint":"4.10.0","eslint-config-react-app":"^2.0.1","eslint-loader":"1.9.0","eslint-plugin-flowtype":"2.39.1","eslint-plugin-import":"2.8.0","eslint-plugin-jsx-a11y":"5.1.1","eslint-plugin-react":"7.4.0","extract-text-webpack-plugin":"3.0.2","file-loader":"1.1.5","fs-extra":"3.0.1","html-webpack-plugin":"2.29.0","jest":"20.0.4","object-assign":"4.1.1","postcss-flexbugs-fixes":"3.2.0","postcss-loader":"2.0.8","promise":"8.0.1","raf":"3.4.0","react":"^16.2.0","react-dev-utils":"^4.2.1","react-dom":"^16.2.0","style-loader":"0.19.0","sw-precache-webpack-plugin":"0.11.4","url-loader":"0.6.2","webpack":"3.8.1","webpack-dev-server":"2.9.4","webpack-manifest-plugin":"1.3.2","whatwg-fetch":"2.0.3"},"peerDependencies":{"react":">=0.14","react-dom":">=0.14"},"jest":{"collectCoverageFrom":["src/**/*.{js,jsx,mjs}"],"setupFiles":["<rootDir>/config/polyfills.js"],"testMatch":["<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}","<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"],"testEnvironment":"node","testURL":"http://localhost","transform":{"^.+\\.(js|jsx|mjs)$":"<rootDir>/node_modules/babel-jest","^.+\\.css$":"<rootDir>/config/jest/cssTransform.js","^(?!.*\\.(js|jsx|mjs|css|json)$)":"<rootDir>/config/jest/fileTransform.js"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"],"moduleNameMapper":{"^react-native$":"react-native-web"},"moduleFileExtensions":["web.js","mjs","js","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"]},"eslintConfig":{"extends":"react-app"},"gitHead":"6e76dd5e3f8c15e1e50f3927fc0091b39ae63db0","_id":"react-under-construction@0.3.0","_npmVersion":"5.5.1","_nodeVersion":"8.2.1","_npmUser":{"name":"dimitrimikadze","email":"dimitrimikadze@gmail.com"},"dist":{"integrity":"sha512-OJZPAI2UXFZTRcDwDo0YONZd3mD78cwxC46ti/XYreVN83Z10ZTWCyrGlrQ8Ft1SdwG7BeF60CpEUg1RT7BQwQ==","shasum":"d0b9158a02a0bb9a43fe5c80e9cf71152d124ae1","tarball":"https://registry.npmjs.org/react-under-construction/-/react-under-construction-0.3.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC0iddzDpFyR+4fdBaM0fH17BLrkxYQ0LFqCjtA8hWdrAiEA0m7oD9eSfmU++8gXNRP3iQfibf+iLCRL+jkM50mtVo0="}]},"maintainers":[{"name":"dimitrimikadze","email":"dimitrimikadze@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-under-construction-0.3.0.tgz_1514444493863_0.9637479870580137"}}},"homepage":"https://github.com/udiliaInc/react-under-construction#readme","repository":{"type":"git","url":"git+https://github.com/udiliaInc/react-under-construction.git"},"author":{"name":"Dimitri Mikadze","email":"dimitri@udilia.com"},"bugs":{"url":"https://github.com/udiliaInc/create-react-library/issues"},"license":"MIT","readmeFilename":"README.md"}