dmca

src/css/izi/components.css

@@ -28,6 +28,3 @@
 	}
 }
 
-.donation-line {
-	margin-top: 15px;
-}

src/dmca-page.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import Page from './page';
+
+import AppBar from 'material-ui/AppBar';
+import IconButton from 'material-ui/IconButton';
+import NavigationClose from 'material-ui/svg-icons/navigation/close';
+
+export default class DMCAPage extends Page {
+
+  render() {
+    return (
+      <div className='w100p column'>
+      	<AppBar
+          title="DMCA / Copyright"
+          iconElementLeft={<IconButton onClick={()=>{ window.router('/') }}><NavigationClose /></IconButton>}
+        />
+
+        <div className='column w100p pad1 center'>
+	      	<div>RatsOnTheBoat.org is in compliance with 17 U.S.C. § 512, the Digital Millennium Copyright Act ("DMCA") and the Directive 2001/29/EC of the European Parliament.</div>
+	      	
+	      	<div className='fs1-5 pad0-75'>Content status</div>
+
+			Our main goal is collect and make analysis about content (based on content of the torrent network). We don't save/distribute any real content and also don't save any torrents files - we are respect DMCA law. 
+			Information collected automaticly and the real source are torrent clients based on torrent protocol.
+
+			<div className='fs1-5 pad0-75'>Block mechanisms (for rightholders)</div>
+
+			Right holders can block/remove content that they responsible for. Contact administration or left application about content removal.
+		</div>
+      </div>
+    );
+  }
+}

src/footer.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+export default (props) => {
+	return (
+		<div className='column center'  style={{color: 'grey', marginTop: '12px'}}>
+			<div className='clickable pad0-75 fs0-75' onClick={() => {
+				window.router('/DMCA');
+			}}>
+				DMCA / Copyright
+			</div>
+      		<div className='fs0-75 pad0-75 break-word donation-line' style={{color: 'grey'}}>Donation to support project (bitcoin): 1Ega5zeCSMPgyDn6fEMMiuGoqNNpS53ipK</div>
+      	</div>
+	)
+}

src/index-page.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import Page from './page';
+import Footer from './footer';
 
 import RecentTorrents from './recent-torrents'
 import Search from './search'
@@ -38,7 +39,7 @@ export default class IndexPage extends Page {
         <Search />
       	<div className='column center w100p pad0-75'>
         	<RecentTorrents />
-          <div className='fs0-75 pad0-75 break-word donation-line' style={{color: 'grey'}}>Donation to support project (bitcoin): 1Ega5zeCSMPgyDn6fEMMiuGoqNNpS53ipK</div>
+          <Footer />
         </div>
       </div>
     );

src/router.js

@@ -4,6 +4,7 @@ import PagesPie from './pages-pie.js';
 
 import IndexPage from './index-page.js'
 import TorrentPage from './torrent-page.js'
+import DMCAPage from './dmca-page.js'
 
 router('/', () => {
 	//singleton
@@ -19,3 +20,9 @@ router('/torrent/:hash', (e) => {
 		hash: e.params.hash,
 	});
 });
+
+router('/DMCA', () => {
+	//singleton
+	let pie = new PagesPie;
+	pie.open(DMCAPage, {replace: 'all'});
+});

src/torrent-page.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import Page from './page';
 import formatBytes from './format-bytes'
+import Footer from './footer';
 
 import {List, ListItem} from 'material-ui/List';
 import Subheader from 'material-ui/Subheader';
@@ -248,9 +249,7 @@ export default class TorrentPage extends Page {
    			:
    			null
       }
-      	<div className='column center'>
-      		<div className='fs0-75 pad0-75 break-word donation-line' style={{color: 'grey'}}>Donation to support project (bitcoin): 1Ega5zeCSMPgyDn6fEMMiuGoqNNpS53ipK</div>
-      	</div>
+      	<Footer />
       </div>
     );
   }