diff --git a/static/src/js/app.js b/static/src/js/app.js
index 9b89d3a..290a639 100644
--- a/static/src/js/app.js
+++ b/static/src/js/app.js
@@ -7,14 +7,12 @@ import 'whatwg-fetch';
import React from 'react';
import ProjectImagesTypes from './components/index/project-images-types';
-import ProjectImagesMain from './components/index/project-images-main';
import NavBar from './components/navbar/navbar';
import Breadcrumbs from './components/breadcrumbs';
if ($('body').hasClass('index')) { // Render components on index
React.render(, document.getElementById('project-images-types'));
- React.render(, document.getElementById('project-images-main'));
}
if ($('navbar').length > 0) {
diff --git a/static/src/js/components/index/project-images-main.js b/static/src/js/components/index/project-images-main.js
deleted file mode 100644
index b1974d1..0000000
--- a/static/src/js/components/index/project-images-main.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import React from 'react';
-var ReactBootstrap = require('react-bootstrap');
-import ProjectImage from './project-image';
-import Reverser from '../../helpers/reverser';
-var Row = ReactBootstrap.Row;
-
-const DATA = [
- {
- title: 'Custom PC',
- text: 'Without my PCs, I wouldnt be able to do anything you see here.',
- link: 'about:me',
- },
- {
- title: 'BSOD-Enabler',
- text: 'Ever wanted to bring up a Blue Screen of Death on command, well now you can!',
- link: 'projects:project',
- args: 'bsod-enabler'
- },
- {
- title: 'Yoga Pal',
- text: 'For anyone running a 2-in-1 laptop on an OS other than Windows.',
- link: '',
- },
- {
- title: 'Attack on Blocks',
- text: 'The closest thing I\'ve done to games development',
- link: '',
- },
- {
- title: 'Dotfile-automator',
- text: 'Automatically sync your dotfiles between machines. Keep things just the way you like them!',
- link: '',
- },
- {
- title: 'Student Robotics',
- text: '',
- link: 'robotics:index',
- }
-];
-
-export default class ProjectImagesMain extends React.Component {
- constructor() {
- super();
- this.keys = [[1, 2, 3], [4, 5, 6]];
- this.state = {
- hover: 0,
- seeMoreURL: ''
- };
- this.setHovering = this.setHovering.bind(this);
- this._generate_image = this._generate_image.bind(this);
- }
-
- setHovering(key) {
- this.setState({hover: key});
- }
-
- _generate_image(key) {
- return (
-
- );
- }
-
- componentDidMount() {
- Reverser('projects:all', [], function (url) {
- this.setState({ seeMoreURL: url});
- }.bind(this));
- }
-
- render() {
- var images = this.keys.map(function (keyColumns) {
- var col = keyColumns.map(function (key) {
- return this._generate_image(key);
- }.bind(this));
- return ({col}
);
- }.bind(this));
- return (
-
- );
- }
-}