Skip to content

Commit

Permalink
Added release information
Browse files Browse the repository at this point in the history
  • Loading branch information
Dafne van Kuppevelt committed May 16, 2017
1 parent 5f8ce84 commit 1ce5bec
Show file tree
Hide file tree
Showing 3 changed files with 70 additions and 42 deletions.
97 changes: 61 additions & 36 deletions src/App.css
Original file line number Diff line number Diff line change
@@ -1,65 +1,90 @@
.App {
text-align: center;
background:#fff;/* center column colur*/
text-align:left;
position:relative;
z-index:0;
min-height:100%;
min-width:700px;
clear:both;
text-align: center;
background: #fff;
/* center column colur*/
text-align: left;
position: relative;
z-index: 0;
min-height: 100%;
min-width: 700px;
clear: both;
}

.App-logo {
animation: App-logo-spin infinite 20s linear;
height: 80px;
animation: App-logo-spin infinite 20s linear;
height: 80px;
}

.App-header {
background-color: #222;
height: 50px;
padding: 20px;
position:relative;
z-index:2;
width:100%;
color: white;
background-color: #222;
height: 50px;
padding: 20px;
position: relative;
z-index: 2;
width: 100%;
color: white;
}

.App-title {
position: relative;
float: left;
}

.App-info {
position: relative;
float: right;
width: 250px;
}

a {
color: inherit;
}

.App-info.a:visited {
color: white;
}

.App-form {
float: right;
position:relative;
z-index:2;
float: right;
position: relative;
z-index: 2;
}

.App-network {
float:left;
width:100%;
height: 700px;
margin-right:-300px; /* width of left and right columns */
margin-left:-300px; /* width of left and right columns */
float: left;
width: 100%;
height: 700px;
margin-right: -300px;
/* width of left and right columns */
margin-left: -300px;
/* width of left and right columns */
}

.App-filter-pane{
.App-filter-pane {
padding: 10px;
width: 250px;
position:relative;
float:left;
z-index:2;
position: relative;
float: left;
z-index: 2;
text-align: left;
background-color: #CCC;
}

.App-attribute-pane{
.App-attribute-pane {
padding: 10px;

width: 250px;
position:relative;
float:right;
z-index:2;
position: relative;
float: right;
z-index: 2;
text-align: left;
background-color: #CCC;
}

@keyframes App-logo-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
10 changes: 9 additions & 1 deletion src/App.js
Original file line number Diff line number Diff line change
Expand Up @@ -141,10 +141,18 @@ class App extends React.Component {
visibleNodeFunction
} = this.state;
const title = data.title || "Network";
const version = require('./../package.json').version;
const version_url = "https://github.com/NLeSC/case-law-app/releases/tag/v" + version;
return (
<div className="App">
<div className="App-header">
<h2>Case Law Analytics - {title}</h2>
<div className="App-title">
<h3>Case Law Analytics - {title}</h3>
</div>
<div className="App-info">
<p><a href={version_url}>Version {version}</a></p>
<p> <a href="https://github.com/NLeSC/case-law-app">Source code</a> </p>
</div>
</div>

<div className="App-filter-pane">
Expand Down
5 changes: 0 additions & 5 deletions src/components/SigmaNetwork.js
Original file line number Diff line number Diff line change
Expand Up @@ -93,11 +93,6 @@ class SigmaNetwork extends Sigma {
const timeout = Math.max(nrNodes * 25, 3000);
let forceLayout = <EmptyComponent/>; //<span></span>;
if (this.props.mountLayout) {
// forceLayout = <ForceLayoutNoverlap
// iterationsPerRender={1} timeout={3000} nodeMargin={5.0}
// scaleNodes={1.3} easing='quadraticInOut' maxIterations={200}
// gridSize={50} duration={500} speed={5}/>
//<NOverlap maxIterations={200} gridSize={50} duration={500} speed={5}/>
forceLayout = <ForceAtlas2
iterationsPerRender={iterationsPerRender} timeout={timeout} gravity={1.5}
scalingRatio={1.3} >
Expand Down

0 comments on commit 1ce5bec

Please sign in to comment.