Merge pull request #49 from AtakanErmis/looks-update

updated icons, fixed alignments, colors, vulnerabilities and warnings

Author: mkltkn

package-lock.json

@@ -66,7 +66,7 @@ class Main extends Component {
           <div className="container">
             <div className="row">
               <div className="col s8 offset-s4 m8 offset-m4 l6 offset-l6">
-                <h2><a href="https://github.com/Eksicode" rel="noopener noreferrer" target="_blank">Projeler</a></h2>
+                <h2><a href="https://github.com/Eksicode" style={{color: 'black'}} rel="noopener noreferrer" target="_blank">Projeler</a></h2>
                 <div className="box box__projeler"></div>
                 <p className="flow-text">
                   Aktif açık kaynak projelerimize katılabilirsin.
@@ -224,7 +224,7 @@ class Main extends Component {
                       alt=""
                     />
                   </div>
-                  <a className="carousel-item">
+                  <div className="carousel-item">
                     <div className="entry">
                       <img
                         className="bubble"
@@ -243,8 +243,8 @@ class Main extends Component {
                       src={People2}
                       alt=""
                     />
-                  </a>
-                  <a className="carousel-item">
+                  </div>
+                  <div className="carousel-item">
                     <div className="entry">
                       <img
                         className="bubble"
@@ -262,7 +262,7 @@ class Main extends Component {
                       src={People3}
                       alt=""
                     />
-                  </a>
+                  </div>
                 </div>
               </div>
             </div>

src/assets/Discord-Logo-White.svg

@@ -18,7 +18,7 @@ class Nav extends Component {
               <li className="desktop"><Link to="/projeler">PROJELER</Link></li>
               <li className="desktop"><Link to="/is-ilanlari">İŞ İLANLARI</Link></li>
               <li className="desktop"><Link to="/iletisim">İLETİŞİM</Link></li>*/}
-              <li className="mobile"><div className="waves-effect waves-light btn-flat white-text"><i className="material-icons">menu</i></div></li>
+              <li className="mobile"><div className="waves-effect waves-light btn-flat white-text hamburger"><i className="material-icons">menu</i></div></li>
             </ul>
           </div>
         </nav>

src/assets/twitter-original.svg

@@ -57,7 +57,7 @@ h4 {
     width: 10rem;
   }
   &__kariyer {
-    width: 18.5rem;
+    width: 11rem;
     @media only screen and (max-width: 417px){
         width: 14.5rem;
     }

src/components/Main.js

@@ -10,12 +10,10 @@ nav {
     li {
       a {
         font-size: 0.875rem;
-      }
-      a:visited {
-        color: var(--beyaz);
+        color: var(--beyaz) !important;
       }
       a:hover {
-        color: var(--beyaz);
+        color: var(--eksicode) !important;
         text-decoration: none;
       }
     }
@@ -32,4 +30,10 @@ nav {
 .logo {
   margin-top: 1.2rem;
   height: 2rem;
+}
+
+.hamburger {
+  i {
+    line-height: 36px !important;
+  }
 }