gotechnica · caramurphyy · Jul 24, 2022 · Jul 31, 2022 · Aug 3, 2022 · Aug 5, 2022
diff --git a/cara_murphy/DigitalArtPortfolio/caraDongDrawing.jpg b/cara_murphy/DigitalArtPortfolio/caraDongDrawing.jpg
diff --git a/cara_murphy/DigitalArtPortfolio/meBostonCommonDrawing.jpg b/cara_murphy/DigitalArtPortfolio/meBostonCommonDrawing.jpg
diff --git a/cara_murphy/DigitalArtPortfolio/websitePortrait.png b/cara_murphy/DigitalArtPortfolio/websitePortrait.png
diff --git a/cara_murphy/art.html b/cara_murphy/art.html
diff --git a/cara_murphy/artForWebsite/websitePortrait.png b/cara_murphy/artForWebsite/websitePortrait.png
diff --git a/cara_murphy/contactMe.html b/cara_murphy/contactMe.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
+    <script src="script.js"></script>
+    <title>home</title>
+</head>
+
+<body>
+    <main>
+        <div class="header">
+            <a class="home" href="index.html">C</a>
+            <a href="resume.html">
+                <div class="tab">
+                    photography </div>
+            </a>
+            <a href="graphicDesign.html">
+                <div class="tab">
+                    ui/ux
+                </div>
+            </a>
+            <a href="art.html">
+                <div class="tab">
+                    art</div>
+            </a>
+        </div>
+
+
+        <div class="contactContainer">
+            <form action="#">
+                <h2>contact me!</h2>
+                <label for="email">
+                    <h4>Email</h4>
+                    <input type="email" class="contactBox" id="email" placeholder="johndoe@example.com" />
+                </label>
+                <label for="message">
+                    <h4>Message</h4>
+                    <textarea id="message" class="contactBox" placeholder="Inquiries? Questions? Comments?"></textarea>
+                </label>
+                <div class="submit-button-wrapper">
+                    <input type="submit" value="Send Message" id="submit-button" />
+                </div>
+            </form>
+        </div>
+    </main>
+</body>
+
+</html>
diff --git a/cara_murphy/index.html b/cara_murphy/index.html
@@ -7,27 +7,25 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="style.css">
     <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
-    <script type="text/javascript" src="js/script.js"></script>
+    <script src="script.js"></script>
     <title>home</title>
 </head>
 
 <body>
     <main>
-
-
-        <a class="home" href="index.html" id="homeC">C</a>
         <div class="header">
+            <a class="home" href="index.html">C</a>
             <a href="resume.html">
-                <div class="tab" id="leftTab">
-                    resume </div>
+                <div class="tab">
+                    photography </div>
             </a>
             <a href="graphicDesign.html">
-                <div class="tab" id="middleTab">
-                    graphic design
+                <div class="tab">
+                    ui/ux
                 </div>
             </a>
             <a href="art.html">
-                <div class="tab" id="rightTab">
+                <div class="tab">
                     art</div>
             </a>
         </div>
@@ -36,32 +34,40 @@
 
         <div class="aboutBox">
 
-            <image src="senior_photo.JPG" class="aboutPhoto"></image>
-            <div class="name">
-                Cara Murphy
-            </div>
-            <p id="aboutMe">hi there!
-                <br>
+            <image src="artForWebsite/websitePortrait.png" class="aboutPhoto"></image>
 
-                I'm an artist and incoming freshman at the university <br>of maryland college-park majoring in
-                computer science!
+            <div class="aboutText">
+                <h1>Cara Murphy</h1>
+                <p id="aboutMe">
+                    I am an <span class="highlighted">artist</span> and <span class="highlighted">computer science
+                        student</span> at the University
+                    of Maryland. <br>
+                    Experience in digital art, painting, NFT art, UI/UX design, and ?.
+                </p>
+                <div class="greetBar">let's talk!</div>
+                <div class="quickButtonsContainer">
 
-            </p>
+                    <div class="quickButtonsBar">
+                        <button class="quickButton" onclick="parent.open('https://github.com/caramurphyy')">
+                            <image src="logos/githubLogo.png" class="logo"></image>
+                        </button>
+                        <button class="quickButton"
+                            onClick="parent.open('https://www.linkedin.com/in/cara-murphy-1384661a4/')">
+                            <image src="logos/linkedInLogo.png" class="logo">
+                            </image>
+                        </button>
+                        <a href="contactMe.html">
+                            <button class="quickButton">
+                                <image src="logos/mailLogo.png" class="logo">
+                                </image>
+                            </button>
+                        </a>
+                    </div>
+                </div>
+            </div>
         </div>
 
-        <div class="quickButtonsContainer">
-            <button class="quickButton">
-                <image src="logos/linkedInLogo.png" class="logo"></image>
-            </button>
-            <button class="quickButton" onClick="parent.open('https://www.linkedin.com/in/cara-murphy-1384661a4/')">
-                <image src="logos/linkedInLogo.png" class="logo">
-                </image>
-            </button>
-            <button class="quickButton">
-                <image src="logos/mailLogo.png" class="logo">
-                </image>
-            </button>
-        </div>
+
 
 
     </main>

diff --git a/cara_murphy/logos/githubLogo.png b/cara_murphy/logos/githubLogo.png
diff --git a/cara_murphy/logos/linkedInLogo.png b/cara_murphy/logos/linkedInLogo.png
diff --git a/cara_murphy/logos/mailLogo.png b/cara_murphy/logos/mailLogo.png
diff --git a/cara_murphy/script.js b/cara_murphy/script.js
@@ -0,0 +1,15 @@
+let submitButton = document.querySelector('#submit-button');
+
+function clickListener(event) {
+    event.preventDefault();
+    let emailInput = document.querySelector('#email');
+    let messageInput = document.querySelector('#message');
+
+    let emailText = emailInput.value;
+    let messageText = messageInput.value;
+
+    console.log("email: ", emailText, " message: ", messageText);
+
+
+}
+submitButton.addEventListener('click', clickListener);
diff --git a/cara_murphy/senior_photo.JPG b/cara_murphy/senior_photo.JPG