insert gif

wnorowskie · Jan 22, 2024 · 49f7b1a · 49f7b1a
1 parent bff3be5
commit 49f7b1a
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 10 deletions.
diff --git a/assets/ew.mp4 b/assets/ew.mp4
diff --git a/index.html b/index.html
@@ -9,9 +9,10 @@
     <link rel="stylesheet" href="mediaqueries.css" />
   </head>
   <body>
+    <div class="dnav">
     <nav id="desktop-nav">
       <div class="logo">Eric Wnorowski</div>
-      <div>
+      <div class=""345rt5>
         <ul class="nav-links">
           <li><a href="#about">About</a></li>
           <li><a href="#education">Education</a></li>
@@ -21,6 +22,7 @@
         </ul>
       </div>
     </nav>
+  </div>
     <nav id="hamburger-nav">
       <div class="logo">Eric Wnorowski</div>
       <div class="hamburger-menu">
@@ -40,11 +42,13 @@
     </nav>
     <section id="profile">
       <div class="section__pic-container">
-        <img src="./assets/profile-pic.png" alt="profile picture" />
+        <video preload="auto" autoplay loop>
+          <source src="./assets/ew.mp4" type="video/mp4">
+        </video>
       </div>
       <div class="section__text">
         <p class="section__text__p1">Hello, I'm</p>
-        <h1 class="title">Eric Wnorowski</h1>
+        <h1 class="title1">Eric Wnorowski</h1>
         <p class="section__text__p2">Graduate Student</p>
         <div class="btn-container">
           <button
@@ -53,7 +57,7 @@ <h1 class="title">Eric Wnorowski</h1>
           >
             Download Resume
           </button>
-          <button class="btn btn-color-1" onclick="location.href='#contact'">
+          <button class="btn btn-color-2" onclick="location.href='#contact'">
             Contact Info
           </button>
         </div>

diff --git a/style.css b/style.css
@@ -9,6 +9,7 @@
 
 body {
   font-family: "Poppins", sans-serif;
+  background-color: #eff4ec;
 }
 
 html {
@@ -28,9 +29,13 @@ a,
 
 /* DESKTOP NAV */
 
+.dnav {
+}
+
 nav,
 .nav-links {
   display: flex;
+  background-color: #87ae73;
 }
 
 nav {
@@ -46,7 +51,7 @@ nav {
 }
 
 a {
-  color: black;
+  color: white;
   text-decoration: none;
   text-decoration-color: white;
 }
@@ -60,6 +65,7 @@ a:hover {
 
 .logo {
   font-size: 2rem;
+  color: white;
 }
 
 .logo:hover {
@@ -89,15 +95,15 @@ a:hover {
 .hamburger-icon span {
   width: 100%;
   height: 2px;
-  background-color: black;
+  background-color: white;
   transition: all 0.3 ease-in-out;
 }
 
 .menu-links {
   position: absolute;
   top: 100%;
   right: 0;
-  background-color: white;
+  background-color: #87ae73;
   width: fit-content;
   max-height: 0;
   overflow: hidden;
@@ -109,7 +115,7 @@ a:hover {
   padding: 10px;
   text-align: center;
   font-size: 1.5rem;
-  color: black;
+  color: white;
   text-decoration: none;
   transition: all 0.3 ease-in-out;
 }
@@ -171,8 +177,10 @@ section {
 
 .section__pic-container {
   display: flex;
-  height: 400px;
-  width: 400px;
+  position: relative;
+  right: 100px;
+  height: 600px;
+  width: 600px;
   margin: auto 0;
 }
 
@@ -284,6 +292,12 @@ section {
   display: flex;
 }
 
+.title1 {
+  color: #87ae73;
+  font-size: 3rem;
+  text-align: center;
+}
+
 .about-pic {
   border-radius: 2rem;
 }
@@ -440,6 +454,10 @@ transform: translateY(-50%);
   font-size: larger;
 }
 
+.contact-info-container a {
+  color: black;
+}
+
 .contact-icon {
   cursor: default;
 }