feat: add blog to navbar

4 files changed, 23 insertions, 16 deletions

diff --git a/src/components/navigation/Footer.js b/src/components/navigation/Footer.js
index 495283a..1afe37f 100644
--- a/src/components/navigation/Footer.js
+++ b/src/components/navigation/Footer.js
@@ -6,7 +6,7 @@ export default class Footer extends Component {
             <div className="footer">
                 <div className="container">
                     <br /><br />
-                    
+
                     { /* <div className="collab">
                         <div className="row">
                             <div className="col-lg-12">
@@ -16,13 +16,13 @@ export default class Footer extends Component {
                             </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">
@@ -32,13 +32,13 @@ export default class Footer extends Component {
                                 </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 id="media-item-1" href="https://twitter.com/_fuwn">tw</a>
+                                        <a id="media-item-1" href="https://twitter.com/xFuwn">tw</a>
                                     </li>
                                     <li id="yt" className="wow fadeInUp" data-wow-delay="1s">
                                         <a id="media-item-2" href="https://youtube.com/Fuwny">yt</a>
@@ -49,7 +49,7 @@ export default class Footer extends Component {
                                 </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">
@@ -67,4 +67,4 @@ export default class Footer extends Component {
             </div>
         )
     }
-}
\ No newline at end of file
+}
diff --git a/src/components/navigation/NavigationBar.js b/src/components/navigation/NavigationBar.js
index a757b71..b044d1d 100644
--- a/src/components/navigation/NavigationBar.js
+++ b/src/components/navigation/NavigationBar.js
@@ -10,7 +10,7 @@ export default class NavigationBar extends Component {
                     <span id="brand">
                         <a href="/">::</a>
                     </span>
-                    
+
                     <ul id="menu">
                         <li><a id="menu-item-1" href="/">/home</a></li>
                         <li>
@@ -21,26 +21,28 @@ export default class NavigationBar extends Component {
                         </li>
                         <li><a id="menu-item-3" href="/projects">/projects</a></li>
                         <li><a id="menu-item-4" href="/about">/about me</a></li>
+                        <li><a id="menu-item-5" href="https://blog.fuwn.me">/blog</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="/blog">blog<span>.</span></a></li>
                         { /* <li><a href="/contact">contact<span>.</span></a></li> */ }
                     </ul>
                 </div>
             </React.Fragment>
         )
     }
-}
\ No newline at end of file
+}
diff --git a/src/routes/ProjectRoutes.js b/src/routes/ProjectRoutes.js
index 4290428..f5bdf1c 100644
--- a/src/routes/ProjectRoutes.js
+++ b/src/routes/ProjectRoutes.js
@@ -20,6 +20,10 @@ export default class ProjectRoutes extends Component {
                     <Route exact path="/videos">
                         <VideosCategory projectData={projectData} />
                     </Route>
+                    <Route exact path="/wisp" component={() => {
+                        window.location.href = "https://discordapp.com/oauth2/authorize/?permissions=335670488&scope=bot&client_id=712088369206919269";
+                        return null;
+                    }} />
                     <Route exact path="/*">
                         <ErrorHero />
                     </Route>
@@ -27,4 +31,4 @@ export default class ProjectRoutes extends Component {
             </Router>
         )
     }
-}
\ No newline at end of file
+}
diff --git a/src/styles/style.css b/src/styles/style.css
index 2ebfa8c..a39d46b 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -131,6 +131,7 @@ nav #menu li a:hover {
 #menu-item-2:hover { font-weight: bold; font-family: monospace; }
 #menu-item-3:hover { font-style: italic; font-family: Arial, Helvetica, sans-serif; }
 #menu-item-4:hover { text-decoration: underline !important; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }
+#menu-item-5:hover { font-style: bold; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; }
 
 #toggle {
 	position: absolute;
@@ -612,4 +613,4 @@ textarea:focus {
     color: #fff;
 }
 
-/* ---- Extra ---- */
\ No newline at end of file
+/* ---- Extra ---- */