Skip to content

Commit

Permalink
small fix
Browse files Browse the repository at this point in the history
  • Loading branch information
Thiemann96 committed Aug 10, 2018
1 parent ab3ac56 commit c896ed7
Show file tree
Hide file tree
Showing 4 changed files with 17 additions and 12 deletions.
13 changes: 8 additions & 5 deletions src/components/Home.js
Original file line number Diff line number Diff line change
Expand Up @@ -38,8 +38,14 @@ class Home extends React.Component{

<h1>Welcome to senseBoard</h1>
<div> Mit dem senseBoard kannst du nun deine eigenen Statistiken mit Daten <b>deiner</b> senseBox erstellen und teilen ! In der Gallerie siehst du
einige Beispiele was dabei herauskommen könnte ! </div>
einige Beispiele was dabei herauskommen könnte !
Im Story-Builder kannst du dir Statistiken zu den einzelnen Phänomenen die deine senseBox misst anzeigen lassen.<br></br>
Anschließend kannst du das Bild, indem du an den Ecken ziehst vergrößern oder verkleinern. <br></br>
Rechts neben dem angezeigten Bild kannst du Texte hinzufügen und diese nach deinem Belieben positionieren.<br></br>
Bist du fertig mit der Erstellung deines Bildes klicke auf 'Download' und du kriegst das Bild auf deinen Computer.
</div>
<div className="container">

<Slider className="carousel" {...settings}>
<div>
<img alt ="story1" width="100%"src={Story1} />
Expand All @@ -52,10 +58,7 @@ class Home extends React.Component{
</div>
</Slider>
</div>
Im Story-Builder kannst du dir Statistiken zu den einzelnen Phänomenen die deine senseBox misst anzeigen lassen.<br></br>
Anschließend kannst du das Bild, indem du an den Ecken ziehst vergrößern oder verkleinern. <br></br>
Rechts neben dem angezeigten Bild kannst du Texte hinzufügen und diese nach deinem Belieben positionieren.<br></br>
Bist du fertig mit der Erstellung deines Bildes klicke auf 'Download' und du kriegst das Bild auf deinen Computer.

</div>
)

Expand Down
1 change: 0 additions & 1 deletion src/components/Statistics.js
Original file line number Diff line number Diff line change
Expand Up @@ -331,7 +331,6 @@ class Statistics extends React.Component{
<select defaultValue={this.state.windowString} onChange={this.updateInputWindow} className="form-control">
<option>Stundenmittelwert</option>
<option>Tagesmittelwert</option>
<option disabled>Wochenmittelwert</option>
<option >10-Minutenmittelwert</option>
</select>
</div>
Expand Down
10 changes: 6 additions & 4 deletions src/components/fetchBox.js
Original file line number Diff line number Diff line change
Expand Up @@ -64,6 +64,8 @@ class FetchBox extends React.Component{
}

render(){


return (
<BrowserRouter>
<div>
Expand All @@ -79,15 +81,15 @@ class FetchBox extends React.Component{
ref={subtitle => this.subtitle = subtitle}>
Gebe deine senseBox Id ein
</h2>
<div style={{color:'black'}} >Jede senseBox hat eine eigene ID mit der sie von anderen unterscheiden kannst! Suche die ID die der Box raus die analysieren möchtest und klicke auf 'Suche'<br></br>
<div style={{color:'black'}} >Jede senseBox hat eine eigene ID mit der du sie von den anderen unterscheiden kannst! Suche die ID die der Box raus die du analysieren möchtest und klicke auf 'Suche'<br></br>
<br></br>Solltest du gerade keine ID parat haben, kannst du dir von dieser Liste ein paar interessante Boxen raussuchen:
<ul>
<li>Münster Süd: 5a30ea5375a96c000f012fe0 </li>
<li>Nordwalde : 5b411d0e5dc1ec001b4f11c8 </li>
<li> Berlin Friedrichshain: 5b5e071441718300198cc5f0 </li>
</ul>
<br></br>
Gehe auf die <a href="www.opensensemap.org"> openSenseMap </a> und finde eine senseBox in deiner Nähe
Gehe auf die <a href="https://www.opensensemap.org"> openSenseMap </a> und finde eine senseBox in deiner Nähe
<br></br>
</div>
<form class="modalBox">
Expand Down Expand Up @@ -116,8 +118,8 @@ class FetchBox extends React.Component{
</div>

</BrowserRouter>
)
}//End Render
)}
//End Render
}//End Class

export default FetchBox
5 changes: 3 additions & 2 deletions src/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -249,8 +249,9 @@ section{
padding-bottom:25px
}
.carousel{
width:600px;
margin-left:200px;
width:1000px;
margin-left:50px;
margin-top:100px;
padding:10px

}
Expand Down

0 comments on commit c896ed7

Please sign in to comment.