make site "r e t r o"

2 files changed, 23 insertions, 12 deletions

diff --git a/src/components/navigation/Footer.js b/src/components/navigation/Footer.js
index 81e691c..ff260b1 100644
--- a/src/components/navigation/Footer.js
+++ b/src/components/navigation/Footer.js
@@ -28,7 +28,7 @@ export default class Footer extends Component {
                             <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>
+                                    <a id="info-item-1" href="/">fuwn 2020</a>
                                 </h4>
                                 <br /><br />
                             </div>
@@ -38,13 +38,13 @@ export default class Footer extends Component {
                                 
                                 <ul>
                                     <li id="tw" className="wow fadeInUp" data-wow-delay="0.8s">
-                                        <a href="https://twitter.com/_fuwn">tw</a>
+                                        <a id="media-item-1" 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>
+                                        <a id="media-item-2" 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>
+                                        <a id="media-item-3" href="https://github.com/8cy">gh</a>
                                     </li>
                                 </ul>
                                 <br /><br />
@@ -52,7 +52,13 @@ export default class Footer extends Component {
                             
                             <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>
+                                <h4 className="wow fadeInUp" data-wow-delay="0.2s">
+                                    { /* <a id="address-item-1" href="mailto: [email protected]">[email protected]</a> */ }
+                                    <a href="mailto: [email protected]">
+                                        <img src="https://web.archive.org/web/20091025033811/http://geocities.com/uspa.geo/email007.gif"
+                                            alt="" />
+                                    </a>
+                                </h4>
                                 <br /><br />
                             </div>
                         </div>
diff --git a/src/components/navigation/NavigationBar.js b/src/components/navigation/NavigationBar.js
index d07055b..a757b71 100644
--- a/src/components/navigation/NavigationBar.js
+++ b/src/components/navigation/NavigationBar.js
@@ -7,15 +7,20 @@ export default class NavigationBar extends Component {
                 <nav>
                     { /* <div className="blur"></div> */ }
 
-                    { /* <span id="brand">
-                        <a href="/">Fuwn</a>
-                    </span> */ }
+                    <span id="brand">
+                        <a href="/">::</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 id="menu-item-1" href="/">/home</a></li>
+                        <li>
+                            <a id="menu-item-2" href="/skills">/skills &nbsp;
+                                <img src="https://web.archive.org/web/20091027081341/http://geocities.com/serbianchog/new1.gif"
+                                    alt="new" />
+                            </a>
+                        </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 href="/contact">contact<span>.</span></a></li> */ }
                     </ul>