woops i forgot to commit these files lul

3 files changed, 122 insertions, 0 deletions

diff --git a/src/components/navigation/DynamicTitle.js b/src/components/navigation/DynamicTitle.js
new file mode 100644
index 0000000..f1cdb19
--- /dev/null
+++ b/src/components/navigation/DynamicTitle.js
@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Helmet from 'react-helmet';
+
+export default class DynamicTitle extends Component {
+    render() {
+        return(
+            <Helmet>
+                <title>{this.props.title ? this.props.title : "404 | Fuwn"}</title>
+            </Helmet>
+        )
+    }
+}
+
+DynamicTitle.propTypes = {
+    title: PropTypes.string
+}
\ No newline at end of file
diff --git a/src/components/navigation/Footer.js b/src/components/navigation/Footer.js
new file mode 100644
index 0000000..81e691c
--- /dev/null
+++ b/src/components/navigation/Footer.js
@@ -0,0 +1,64 @@
+import React, { Component } from 'react';
+
+export default class Footer extends Component {
+    render() {
+        return(
+            <div className="footer">
+                <div className="container">
+                    <br /><br />
+                    
+                    { /* <div className="collab">
+                        <div className="row">
+                            <div className="col-lg-12">
+                                <p className="wow fadeInUp">
+                                    Got an interesting project? I can help you.
+                                </p>
+                            </div>
+                        </div>
+                    </div> */ }
+                    
+                    { /* <div className="hr">
+                        <div className="row"></div>
+                    </div> */ }
+                    
+                    <br /><br />
+                    
+                    <div className="info">
+                        <div className="row">
+                            <div className="col-lg-4" id="personal">
+                                <p className="wow fadeInUp">copyleft</p>
+                                <h4 className="wow fadeInUp" data-wow-delay="0.2s">
+                                    <a href="/">fuwn 2020</a>
+                                </h4>
+                                <br /><br />
+                            </div>
+                            
+                            <div className="col-lg-4" id="media">
+                                <p className="wow fadeInUp" data-wow-delay="0s">links</p>
+                                
+                                <ul>
+                                    <li id="tw" className="wow fadeInUp" data-wow-delay="0.8s">
+                                        <a href="https://twitter.com/_fuwn">tw</a>
+                                    </li>
+                                    <li id="yt" className="wow fadeInUp" data-wow-delay="1s">
+                                        <a href="https://youtube.com/Fuwny">yt</a>
+                                    </li>
+                                    <li id="gh" className="wow fadeInUp" data-wow-delay="1s">
+                                        <a href="https://github.com/8cy">gh</a>
+                                    </li>
+                                </ul>
+                                <br /><br />
+                            </div>
+                            
+                            <div className="col-lg-4" id="address">
+                                <p className="wow fadeInUp" data-wow-delay="0s">need me ?</p>
+                                <h4 className="wow fadeInUp" data-wow-delay="0.2s"><a href="mailto: [email protected]">[email protected]</a></h4>
+                                <br /><br />
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        )
+    }
+}
\ No newline at end of file
diff --git a/src/components/navigation/NavigationBar.js b/src/components/navigation/NavigationBar.js
new file mode 100644
index 0000000..d07055b
--- /dev/null
+++ b/src/components/navigation/NavigationBar.js
@@ -0,0 +1,41 @@
+import React, { Component } from 'react';
+
+export default class NavigationBar extends Component {
+    render() {
+        return(
+            <React.Fragment>
+                <nav>
+                    { /* <div className="blur"></div> */ }
+
+                    { /* <span id="brand">
+                        <a href="/">Fuwn</a>
+                    </span> */ }
+                    
+                    <ul id="menu">
+                        <li><a href="/">home<span>.</span></a></li>
+                        <li><a href="/skills">skills<span>.</span></a></li>
+                        <li><a href="/projects">projects<span>.</span></a></li>
+                        <li><a href="/about">about me<span>.</span></a></li>
+                        { /* <li><a href="/contact">contact<span>.</span></a></li> */ }
+                    </ul>
+                    
+                    <div id="toggle">
+                        <div className="span">menu</div>
+                    </div>
+                </nav>
+                
+                <div id="resize">
+                    <div className="close-btn">close</div>
+                    
+                    <ul id="menu">
+                        <li><a href="/">home<span>.</span></a></li>
+                        <li><a href="/skills">skills<span>.</span></a></li>
+                        <li><a href="/projects">projects<span>.</span></a></li>
+                        <li><a href="/about">about me<span>.</span></a></li>
+                        { /* <li><a href="/contact">contact<span>.</span></a></li> */ }
+                    </ul>
+                </div>
+            </React.Fragment>
+        )
+    }
+}
\ No newline at end of file