fixed forms

WTM-Algiers · Feb 7, 2020 · 5bc10ec · 5bc10ec
1 parent 8b25067
commit 5bc10ec
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 8 deletions.
diff --git a/src/components/ContactFrom.js b/src/components/ContactFrom.js
@@ -181,7 +181,8 @@ const CustomButton = styled(Button)`
     align-items: center;
 
     img {
-      transition: 0.1s ease-in-out;
+      display: none;
+      transition: 0.9s ease-in-out;
       margin: 0;
       margin-left: 10px;
       width: 0px;
@@ -190,6 +191,7 @@ const CustomButton = styled(Button)`
   &:hover {
     .ctn-btn img {
       width: 30px;
+      display: block;
     }
   }
 `

diff --git a/src/components/Mains/MainContact.js b/src/components/Mains/MainContact.js
@@ -18,7 +18,7 @@ export default function MainContact() {
       <Landing>
         <Title>
           WTM Algiers Contacts
-          <span role="img" aria-label="chat">
+          <span role="img" aria-label="chat" className="emoji">
             💬
           </span>
         </Title>
@@ -56,7 +56,7 @@ export default function MainContact() {
       <Position>
         <Title>
           Where are we
-          <span role="img" aria-label="red pin">
+          <span role="img" aria-label="red pin" className="emoji">
             📌
           </span>
         </Title>
@@ -91,6 +91,11 @@ const Title = styled.h1`
   color: white;
   font-weight: 400;
   margin: 0 5%;
+  @media screen and (max-width: 768px) {
+    .emoji {
+      display: block;
+    }
+  }
 `
 const GoogleMaps = styled(Section)`
   flex-direction: column;

diff --git a/src/components/layout/footer.js b/src/components/layout/footer.js
@@ -48,7 +48,12 @@ export default function Footer() {
             📧
           </span>
         </p>
-        <form name="newsletter" method="POST" onSubmit={handleSubmit}>
+        <form
+          name="newsletter"
+          method="POST"
+          onSubmit={handleSubmit}
+          data-netlify={true}
+        >
           <Input>
             <input
               name="email"

diff --git a/src/components/layout/navbar.js b/src/components/layout/navbar.js
@@ -3,21 +3,22 @@ import { Link } from "gatsby"
 import styled from "styled-components"
 import commonStyle from "../../styles/common.module.css"
 const links = [
-  <Link to="/" activeClassName={commonStyle.linkActive}>
+  <Link to="/" activeClassName={commonStyle.linkActive} rel="noopener">
     Home
   </Link>,
-  <Link to="/about" activeClassName={commonStyle.linkActive}>
+  <Link to="/about" activeClassName={commonStyle.linkActive} rel="noopener">
     About
   </Link>,
-  <Link to="/agenda" activeClassName={commonStyle.linkActive}>
+  <Link to="/agenda" activeClassName={commonStyle.linkActive} rel="noopener">
     Agenda
   </Link>,
-  <Link to="/contact" activeClassName={commonStyle.linkActive}>
+  <Link to="/contact" activeClassName={commonStyle.linkActive} rel="noopener">
     Contact Us
   </Link>,
   <Link
     to="/register"
     id="register"
+    rel="noopener"
     activeClassName={commonStyle.registerActive}
   >
     Register