80 lines
1.4 KiB
JavaScript
80 lines
1.4 KiB
JavaScript
import React, {Component} from 'react';
|
|
import jss from 'jss';
|
|
import preset from 'jss-preset-default';
|
|
import { Container } from 'semantic-ui-react';
|
|
|
|
/*
|
|
* Functions import
|
|
*/
|
|
|
|
/*
|
|
* Component imports
|
|
*/
|
|
import Headline from '../../components/Headline';
|
|
|
|
jss.setup(preset());
|
|
|
|
|
|
/*
|
|
###############################
|
|
Components -- START
|
|
###############################
|
|
*/
|
|
|
|
/*
|
|
###############################
|
|
Components -- END
|
|
###############################
|
|
*/
|
|
|
|
|
|
|
|
class Home extends Component {
|
|
constructor(props){
|
|
super(props);
|
|
//Initial loading screen
|
|
|
|
/*
|
|
* Expected props
|
|
* - /
|
|
*/
|
|
|
|
//Styles
|
|
this.styles = this.getStyles();
|
|
this.sheet = jss.createStyleSheet(this.styles);
|
|
const {classes} = this.sheet.attach();
|
|
this.classes = classes;
|
|
//Styles
|
|
}
|
|
|
|
|
|
componentWillUnmount() {
|
|
this.sheet.detach()
|
|
}
|
|
|
|
|
|
render() {
|
|
return(
|
|
<Container text>
|
|
<Headline black="alexbell." red="ninja" />
|
|
|
|
<p>
|
|
You are signed in on alexbell.ninja. <b>What can you do here?</b><br />
|
|
Well, I like developing software in my freetime, mainly applications
|
|
for my personal use. They might also be of advantage for you, so feel free
|
|
to browse around a little and try some of what you can find here :)
|
|
</p>
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
|
|
getStyles() {
|
|
return {
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
export default Home;
|