diff --git a/public/index.html b/public/index.html index 0ef5cf0..42c12d7 100644 --- a/public/index.html +++ b/public/index.html @@ -1,5 +1,5 @@ - + @@ -57,7 +57,7 @@ Nicole Martin | Software Developer - +
diff --git a/src/Components/Contact.js b/src/Components/Contact.js index 50f5338..e856618 100644 --- a/src/Components/Contact.js +++ b/src/Components/Contact.js @@ -1,7 +1,8 @@ import React, { useState } from 'react'; import { useForm } from 'react-hook-form'; -import { init, sendForm } from 'emailjs-com'; -init('user_FkoSWYEQ8F2cqar2OKJ2V'); +import x from '../assets/square-x-twitter.svg' +// import { init, sendForm } from 'emailjs-com'; +// init('user_FkoSWYEQ8F2cqar2OKJ2V'); function Contact() { const { @@ -40,9 +41,10 @@ function Contact() {
+

Let's Chat! 💬

Social Links:

- - +
+ twitter-x @@ -50,9 +52,10 @@ function Contact() { +
-

Let's Chat!

+
{/*
@@ -144,10 +147,11 @@ const styles = { main_div: 'bg-white dark:bg-gray-600 h-screen grid place-content-center', flex_div: 'flex flex-row justify-center', social: 'font-Pt dark:text-white text-2xl font-semibold mt-.5 text-center', - chat: 'font-Poppins dark:text-white text-4xl font-semibold mt-.5 tracking-wide text-center', + iconBox: 'flex flex-row justify-center m-4', + chat: 'font-Poppins dark:text-white text-5xl font-semibold mt-.5 tracking-wide text-center m-10', main_form_container: 'flex justify-center items-center p-5', labels: - 'block text-grey-darker text-lg text-left font-bold font-Pt dark:text-white mb-2 pt-4', + 'block text-grey-darker text-lg text-left hover:bg-pink-300 dark:hover:bg-pink-400 font-bold font-Pt dark:text-white margin-2 p-2', name_input: 'border-2 border-black ring ring-yellow-300 dark:ring-pink-400 rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline dark:bg-white', email_input: diff --git a/src/Components/UI/Footer.js b/src/Components/UI/Footer.js index d78b45c..f2535a3 100644 --- a/src/Components/UI/Footer.js +++ b/src/Components/UI/Footer.js @@ -1,12 +1,13 @@ import React from 'react'; +import x from '../../assets/square-x-twitter.svg'; function Footer() { return (
-
+
- + twitter-x @@ -20,4 +21,9 @@ function Footer() { ); } +const styles = { + iconBox: 'flex justify-center items-center', + }; + + export default Footer; diff --git a/src/assets/square-x-twitter.svg b/src/assets/square-x-twitter.svg new file mode 100644 index 0000000..e98314e --- /dev/null +++ b/src/assets/square-x-twitter.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/containers/home.js b/src/containers/home.js index c392464..5ac2a6f 100644 --- a/src/containers/home.js +++ b/src/containers/home.js @@ -51,12 +51,12 @@ const Home = () => { }; const styles = { - mainSection: 'bg-white dark:bg-gray-600 h-screen', + mainSection: 'bg-white dark:bg-gray-600 min-h-screen', innerSection: 'bg-white dark:bg-gray-600 grid place-items-center', title: - 'lg:text-9xl md:text-7xl sm:text-5xl text-3xl text-gray-900 dark:text-white font-Pt font-extrabold lg:m-14 md:m-16 sm:mt-16', + 'lg:text-9xl md:text-7xl sm:text-5xl text-3xl text-gray-900 dark:text-white font-Pt font-extrabold lg:m-8 md:m-16 sm:mt-16', subtitle: - 'text-lg font-Poppins italic text-gray-600 dark:text-gray-300 mt-10 sm:mt-2', + 'text-lg font-Poppins italic text-gray-600 dark:text-gray-300 lg:m-2 mt-10 sm:mt-2', nicoleColor: 'text-green-400 dark:text-blue-400 text-lg', techNames: 'text-lg font-Poppins text-gray-600 dark:text-gray-300 mt-4', techBox: