woops i forgot to commit these files lul

4 files changed, 139 insertions, 0 deletions

diff --git a/src/components/work/Categories.js b/src/components/work/Categories.js
new file mode 100644
index 0000000..09c8fb2
--- /dev/null
+++ b/src/components/work/Categories.js
@@ -0,0 +1,34 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+import ProjectOne from '../project/ProjectOne';
+import ProjectTwo from '../project/ProjectTwo';
+import ProjectThree from '../project/ProjectThree';
+import ProjectEndAll from "../project/ProjectEndAll";
+
+export default class Categories extends Component {
+    render() {
+        return(
+            <div className="container-fluid">
+                { /* <div className="whitespace"></div> */ }
+                
+                <ProjectEndAll projectData={this.props.projectData.work.categories[0]} />
+                {/* <br />
+                <p className="wow fadeInUp" data-wow-delay="1.2s" style={{fontSize: "12px"}}>
+                    i just wanna say, in this pic, they seem to be using the c++ standard<br />
+                    library, <code>iostream</code> for input/ output, imagine using <code>using namespace std;</code>, couldn't be me.
+                </p> */ }
+
+                <ProjectEndAll projectData={this.props.projectData.work.categories[1]} />
+                { /* <ProjectOne projectData={this.props.projectData.work.categories[1]} projectClass="category1" />
+                <ProjectTwo projectData={this.props.projectData.work.categories[2]} projectClass="category2" /> */ }
+
+                { /* <div className="whitespace"></div> */ }
+            </div>
+        )
+    }
+}
+
+Categories.propTypes = {
+    projectData: PropTypes.object
+}
\ No newline at end of file
diff --git a/src/components/work/Hero.js b/src/components/work/Hero.js
new file mode 100644
index 0000000..572b37e
--- /dev/null
+++ b/src/components/work/Hero.js
@@ -0,0 +1,26 @@
+import React, { Component } from 'react';
+
+export default class Hero extends Component {
+    render() {
+        return(
+            <div className="container">
+                <div className="hero-content">
+                    <br /><br />
+                    
+                    <div className="row">
+                        <div className="col-lg-8">
+                            <h3 className="wow fadeInUp" data-wow-delay="1s">projects.</h3>
+                            <br />
+                            <p className="wow fadeInUp" data-wow-delay="1.2s">
+                                I usually do a couple little projects every now and then to exercise my skills. Here are a few.
+                            </p>
+                            <p className="wow fadeInUp" data-wow-delay="1.4s">
+                                Disclaimer: this page is under construction, along with the entirety of the project viewer feature.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        )
+    }
+}
\ No newline at end of file
diff --git a/src/components/work/categories/Development.js b/src/components/work/categories/Development.js
new file mode 100644
index 0000000..ff5b5c2
--- /dev/null
+++ b/src/components/work/categories/Development.js
@@ -0,0 +1,31 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+import ProjectEndAll from "../../project/ProjectEndAll";
+
+import DynamicTitle from "../../navigation/DynamicTitle";
+
+export default class DevelopmentCategory extends Component {
+    render() {
+        return(
+            <React.Fragment>
+                <DynamicTitle title="Development | Fuwn" />
+                <div className="container-fluid">
+                    <div className="whitespace"></div>
+                    
+                    <ProjectEndAll projectData={this.props.projectData.work.categories[2]} />
+
+                    { /* <ProjectOne projectData={this.props.projectData.work.categories[1]} projectClass="category1" /> */ }
+                    { /* <ProjectOne projectData={this.props.projectData.work.categories[1]} projectClass="category1" />
+                    <ProjectTwo projectData={this.props.projectData.work.categories[2]} projectClass="category2" /> */ }
+
+                    { /* <div className="whitespace"></div> */ }
+                </div>
+            </React.Fragment>
+        )
+    }
+}
+
+DevelopmentCategory.propTypes = {
+    projectData: PropTypes.object
+}
\ No newline at end of file
diff --git a/src/components/work/categories/Videos.js b/src/components/work/categories/Videos.js
new file mode 100644
index 0000000..8350a32
--- /dev/null
+++ b/src/components/work/categories/Videos.js
@@ -0,0 +1,48 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+import ProjectOne from '../../project/ProjectOne';
+import ProjectTwo from '../../project/ProjectTwo';
+import ProjectThree from '../../project/ProjectThree';
+
+import DynamicTitle from "../../navigation/DynamicTitle";
+
+export default class VideosCategory extends Component {
+    render() {
+        return(
+            <React.Fragment>
+                <DynamicTitle title="Videos | Fuwn" />
+                <div className="container-fluid">
+                    { /* <div className="whitespace"></div> */ }
+                    
+                    { /* <ProjectTwo projectData={this.props.projectData.work.categories[0]} projectClass="category3" /> */ }
+                    
+                    <div className="whitespace"></div>
+                    
+                    <center>
+                        <iframe width="1000" height="592.5"
+                            src="https://www.youtube.com/embed/3BvvbDYif1o"
+                            frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                            allowfullscreen></iframe>
+                        <br />
+                        
+                        <small>
+                            Heres, my most recent video. I'll probably end up fetching my videos from the YouTube<br />
+                            API and displaying them based on date released, but I'm too lazy for it right now.
+                        </small>
+                    </center>
+
+                    { /* <ProjectOne projectData={this.props.projectData.work.categories[1]} projectClass="category1" /> */ }
+                    { /* <ProjectOne projectData={this.props.projectData.work.categories[1]} projectClass="category1" />
+                    <ProjectTwo projectData={this.props.projectData.work.categories[2]} projectClass="category2" /> */ }
+
+                    { /* <div className="whitespace"></div> */ }
+                </div>
+            </React.Fragment>
+        )
+    }
+}
+
+VideosCategory.propTypes = {
+    projectData: PropTypes.object
+}
\ No newline at end of file