Balaswecha presentation

.~lock.installation_guide.odt#

+,jp,hp,05.04.2019 09:57,file:///home/jp/.config/libreoffice/4;
\ No newline at end of file

README.md

-# Xplore Atmosphere
-Installation of node js and react
-  step :1  sudo apt-get install curl                                        // package locator
-  step :2 curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -    // source setup
-  step :3 sudo apt-get install -y nodejs                                    // installation of node js
-  step :4 node -v                                                           // To check the version for node js
-  step :5 sudo apt install npm                                              // installation of node package maanager
-  step :6  npm -v                                                           // To check the version for npm
-  step :7 npm install create-react-app                                      // installing of react app
-  step :8 npm audit fix                                                  // to rectify the error after creating the app 
-  step :9 cd Desktop                                                        // goto any prefer directory
-  step :10 create-react-app balaswecha  (create-react-app <name>)           // creating an sample app with some name
-  step :11 ls                                                        // checking the list wheater the file exist or not
-  step :12 cd balaswecha                                                  // goto working directory
-  step :13 ls                                              
-  step :14 gedit package.json                                       // open the dependency file with extension of .json
-  step :15 npm start                                               // to start the basic inbuilt app through local host
+#installation of node js and react
 
+step :1  sudo apt-get install curl    // package locator
+step :2 curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -     // source setup
+step :3 sudo apt-get install -y nodejs  // installation of node js
+step :4 node -v                                    // To check the version for node js
+step :5 sudo apt install npm                // installation of node package maanager
+step :6  npm -v                                    // To check the version for npm
+step :7 npm install create-react-app    // installing of react app
+step :8 npm audit fix                           // to rectify the error after creating the app 
+step :9 cd Desktop                               // goto any prefer directory
+step :10 create-react-app balaswecha  (create-react-app <name>) // creating an sample app with                    									some name
+step :11 ls                                             // checking the list wheater the file exist or not
+step :12 cd balaswecha                         // goto working directory
+step :13 ls                                              
+step :14 gedit package.json                  // open the dependency file with extension of .json
+step :15 npm start                                 // to start the basic inbuilt app through local host
 
 
-How to Install GIMP 2.9.5 via PPA:
+
+#How to Install GIMP 2.9.5 via PPA:
   Add the dev PPA:
       Sudo add-apt-repository ppa:otto-kesselgulasch/gimp-edge
   Install or upgrade GIMP:
@@ -27,10 +27,10 @@ How to Install GIMP 2.9.5 via PPA:
       sudo apt install ppa-purge && sudo ppa-purge ppa:otto-kesselgulasch/gimp-edge
       
  
-ADVANTAGES OF GNU IMAGE MANIPULATION (GIMP):
+#ADVANTAGES OF GNU IMAGE MANIPULATION (GIMP):
     • GIMP is free, and so are all the updates.
     • It works in a similar way to other commercial image editing programs, and can do most of the same stuff, but at         a cost of zero.
     • Since GIMP is free, you can install it on as many computers as you want.
     • The basic install is smaller than many of it's commercial counterparts. GIMP will run on just about any old              things - even if it is slow. The same is not true of some commercial software.
     • There's a community of GIMP users and enthusiasts to consult if you need help.
-     
\ No newline at end of file
+     

package-lock.json

@@ -6509,8 +6509,7 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "concat-map": {
           "version": "0.0.1",
@@ -6519,8 +6518,7 @@
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -6623,8 +6621,7 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "ini": {
           "version": "1.3.5",
@@ -6634,7 +6631,6 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
-          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -6654,13 +6650,11 @@
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
-          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -6677,7 +6671,6 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
-          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6750,8 +6743,7 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6761,7 +6753,6 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
-          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6867,7 +6858,6 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
-          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -13211,6 +13201,14 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.2.tgz",
       "integrity": "sha512-D+NxhSR2HUCjYky1q1DwpNUD44cDpUXzSmmFyC3ug1bClcU/iDNy0YNn1iwme28fn+NFhpA13IndOd42CrFb+Q=="
     },
+    "react-particles-js": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/react-particles-js/-/react-particles-js-2.5.1.tgz",
+      "integrity": "sha512-bNHVtYrNEqOQchcmkOiEhRjD+q8RUHQ8/ZV1KzqKrgsdDOlAJBIAW1E61DSGt33tqQxnN6JRI3E6M5TWEIdfXA==",
+      "requires": {
+        "lodash": "^4.17.11"
+      }
+    },
     "react-pose": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/react-pose/-/react-pose-4.0.8.tgz",
@@ -13369,6 +13367,14 @@
         "shallowequal": "^1.0.2"
       }
     },
+    "react-sky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/react-sky/-/react-sky-1.1.0.tgz",
+      "integrity": "sha512-ySaTRgfz2rnKnYnNOMxigfZVsIjV5QNUI+2ePuAszi07mOlhj3/GHZwOGoNBNCxCjjAjR0TXb78C5nalWTbkiQ==",
+      "requires": {
+        "webpack-dev-server": "^3.1.10"
+      }
+    },
     "react-starfield-animation": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/react-starfield-animation/-/react-starfield-animation-1.0.1.tgz",

package.json

@@ -8,10 +8,12 @@
     "react-dom": "^16.8.2",
     "react-flippy": "^0.1.2",
     "react-grid-system": "^4.4.2",
+    "react-particles-js": "^2.5.1",
     "react-pose": "^4.0.8",
     "react-router": "^3.0.5",
     "react-router-dom": "^5.0.0",
     "react-scripts": "^2.1.8",
+    "react-sky": "^1.1.0",
     "react-starfield-animation": "^1.0.1",
     "react-switch": "^4.1.0",
     "semantic-ui-react": "^0.86.0"

src/components/Exosphere.js

@@ -5,7 +5,6 @@ import StarfieldAnimation from 'react-starfield-animation'
 import Star from './reusable_components/images/stars.jpg';
 import './Home.css';
 import BackgroundSlideshow from 'react-background-slideshow';
-import Rocket from './reusable_components/Rocket.js'; 
 class Home extends Component {
     render() {
         return (
@@ -25,19 +24,8 @@ class Home extends Component {
       
       </Col>
 
-      <Col md={2}>
-        <Row style={{height:"400px"}}>
-          
-        </Row>
-
-        <Row>
-            <Col> <Rocket /> </Col>
-        </Row>
-      </Col>
-
-      <Col md={5}>
+      
 
-      </Col>
 
 
     </Row>  

src/components/Home.css

@@ -85,7 +85,4 @@
   
 }
 
-.rocket{
-  height:186px;
-  text-align:center;
-}
\ No newline at end of file
+

src/components/Mesosphere.js

 import React, { Component } from 'react';
 import { Container, Row, Col } from 'react-grid-system';
-import Rocket from './reusable_components/Rocket.js';
-
+import mesosphere from './reusable_components/images/mesosphere.jpg';
+import "./meso.css"
 class Mesosphere extends Component {
     render() {
         return (
-         <Row>
-                
-                <Col md={5} >
+         <Row  className="mesosphere" style={{backgroundImage:'url(' + mesosphere + ')'}}>
+                 
+        <Col md={5} >
                      <Row align="center" style={{ height: '100px' }}>
                        <Col md={12} style={{backgroundColor: "red"}}><p>Mesosphere data</p></Col>
                        
                      </Row>
                 </Col>
 
-                <Col md={2}>
-                      <Row  style={{height: '400px'}}>  
-                        
-                      </Row>
-
-                      <Row>
-                        <Col> <Rocket /> </Col>
-                      </Row>
-                </Col>
-
+               
                 <Col md={5}>
                      <Row align="center" style={{ height: '100px' }}>
                       <Col md={12} style={{backgroundColor: "red"}}><p>Mesosphere data</p></Col>

src/components/Thermosphere.js

 import React, { Component } from 'react';
 import { Container, Row, Col } from 'react-grid-system';
 import Rocket from './reusable_components/Rocket.js';
+<<<<<<< HEAD
+=======
+import thermosphere from './reusable_components/images/thermosphere.jpg';
+import "./thermo.css";
+
+>>>>>>> 6959c6f691c49032a948d5cb7e114991cab0f21c
 
 class Thermosphere extends Component {
     render() {
         return (
+<<<<<<< HEAD
               <Row>
                 
                 <Col md={5} >
@@ -34,6 +41,16 @@ class Thermosphere extends Component {
               </Row> 
               
             
+=======
+        <div> 
+                     <Row  className="thermosphere" style={{backgroundImage:'url(' + thermosphere + ')'}}>
+
+             <Col md={5}><Container><p>c1</p></Container></Col>
+             <Col md={2}><Container><Row><Col md={15}><Rocket /></Col></Row></Container></Col>
+             <Col md={5}><Container><p>c2</p></Container></Col>
+            </Row>
+         </div>
+>>>>>>> 6959c6f691c49032a948d5cb7e114991cab0f21c
         );
     }
 }

src/components/Troposphere.js

@@ -25,10 +25,10 @@ class Troposphere extends Component {
                 </Col>
 
                 <Col md={5}>
-                     <Row align="center" style={{ height: '100px' }}>
-                      <Col md={12} style={{backgroundColor: "red"}}><p>Troposphere data</p></Col>
+                     <Row align="center" style={{ height:'100px'}}>
+                     <Col md={12} style={{backgroundColor: "red"}}><p>Troposphere data</p></Col>
                       
-                    </Row>
+                     </Row>
                 </Col>
              
               </Row> 

src/components/exo.css

+
+.exosphere{
+   width: 100%;
+   position: relative;
+   background-size: cover;
+   min-height: 935px;
+  
+ }
+.sati{
+  width: 100%;
+  position: relative;
+  background-size: cover;
+  min-height: 935px;
+  
+}
 .th{
   width: 100%;
   height:100%;

src/components/meso.css

+
 .mesosphere{
-    width: 100%;
-    position: relative;
-    background-size: cover;
-    min-height: 935px;
-    
-  }
-  .sati{
-    width: 100%;
-    position: relative;
-    background-size: cover;
-    min-height: 935px;
-    
-  }
\ No newline at end of file
+  width: 100%;
+  position: relative;
+  background-size: cover;
+  min-height: 935px;
+ 
+}
+.sati{
+ width: 100%;
+ position: relative;
+ background-size: cover;
+ min-height: 935px;
+ 
+}
+.th{
+ width: 100%;
+ height:100%;
+ position: relative;
+ background-size: cover;
+ min-height: 935px;
+ 
+}

src/components/thermo.css

+
+.thermosphere{
+    width: 100%;
+    position: relative;
+    background-size: cover;
+    min-height: 935px;
+   
+  }
+  .sati{
+   width: 100%;
+   position: relative;
+   background-size: cover;
+   min-height: 935px;
+   
+  }
+  .th{
+   width: 100%;
+   height:100%;
+   position: relative;
+   background-size: cover;
+   min-height: 935px;
+   
+  }
+  
\ No newline at end of file