Commit f8b5e173 authored by kamasani.Harshitha's avatar kamasani.Harshitha

Balaswecha presentation

parents 5e797021 6959c6f6
Pipeline #20646 failed with stage
in 1 minute and 21 seconds
,jp,hp,05.04.2019 09:57,file:///home/jp/.config/libreoffice/4;
\ No newline at end of file
# 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
......@@ -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",
......
......@@ -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>
......
......@@ -85,7 +85,4 @@
}
.rocket{
height:186px;
text-align:center;
}
\ No newline at end of file
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>
......
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
);
}
}
......
......@@ -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>
......
.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%;
......
.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;
}
.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
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment