don't remember

Author: zesameri

assets/TODO LIST.txt

@@ -0,0 +1,42 @@
+.menu {
+  display: flex;
+  flex-flow: row wrap;
+}
+
+.menu div {
+  display: flex;
+  justify-content: flex-start;;
+  flex-direction: column;;
+  flex: 1;
+  padding: 20px;
+  align-items: center;
+}
+
+.menu p {
+  font-size: x-large;
+}
+.menu img {
+  max-width: 50%;
+}
+.menu img {
+  -webkit-transition: -webkit-transform 2s ease-in-out;
+  transition: transform 2s ease-in-out;
+}
+.menu img:hover {
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+@media screen and (orientation:portrait) {
+    /* Portrait styles */
+    .menu div {
+      width: 50vw;
+    }
+}
+/* Landscape */
+@media screen and (orientation:landscape) {
+    /* Landscape styles */
+    .menu div {
+      width: 33.333vw;
+    }
+}

assets/icon.png

@@ -39,23 +39,3 @@
     transform: rotate(180deg);
   }
 }
-
-.hero button {
-	outline: none;
-	padding: 0.5em .75em;
-	font-size: large;
-	border-radius: 25%;
-	border: solid FloralWhite;
-	background: transparent;
-	color: FloralWhite;
-}
-
-.hero button:hover {
-  background-color: FloralWhite;
-  color: #1A1110;
-}
-
-.hero button:active {
-  background-color: FloralWhite;
-  color: #1A1110;
-}

assets/icon2.png

@@ -5,7 +5,7 @@
 .menu-bar {
   position: fixed;
   width: 100%;
-  background: rgba(139,0,0, 0.4);
+  background: rgba(250, 128, 114, 0.4);
   height: 2em;
   font-weight: 500;
   z-index: 100;

assets/icon.svg assets/test images/icon.svgassets/icon.svg renamed to assets/test images/icon.svg

@@ -2,16 +2,7 @@
   display: flex;
   flex-direction: column;
 }
-
-.flex-grid-thirds {
-  display: flex;
-  justify-content: space-between;
-  flex-direction: row;
-  flex: 1;
-  padding: 20px;
-  align-items: center;
-}
-.flex-grid-halves {
+.flex-grid-halves, .flex-grid-thirds {
   display: flex;
   justify-content: space-between;
   flex-direction: row;

css/exper.css

@@ -20,13 +20,14 @@
   <link rel="stylesheet" href="css/hero.css">
   <link rel="stylesheet" href="css/about.css">
   <link rel="stylesheet" href="css/project-menu.css">
+  <link rel="stylesheet" href="css/exper.css">
   <!-- Scripts
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <script src="js/jquery-3.1.0.min.js"></script>
   <script src="js/main.js"></script>
   <!-- Favicon
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-  <link rel="icon" href="assets/icon2.png">
+  <link rel="icon" href="assets/icon.png">
 
 </head>
 
@@ -46,7 +47,6 @@
     <div>
       <img class="rotate" src="assets/flower.svg">
       <h1> meredith hoo </h1>
-  	  <button class="button goto" ref="#about-page">enter</button>
     </div>
   </section>
 
@@ -68,13 +68,10 @@ <h1> meredith hoo </h1>
         <div class="content">
           <h1 class="name">Meredith Hoo</h1>
           <p>
-            I'm a software engineer based in New York, looking to solve complex problems wherever the code takes me.
-            Over the last six years, I've become involved in the creative applications of machine learning,
-            the software development of educational and socailly responsible expereinces. From my work in the classroom
-            and in industry.
-          </p>
-          <p>
-            Please know that this site is experiemental, and in progress
+            I'm a software engineer based in New York.
+            I'm actively looking to gain experience in education technology, creative applications of machine learning and big data.
+            Over the last six years, I've become involved in variety of collaborations with artist such as Audie Maginley, and Isaac Wellish.
+            Thank you for exploring my site. This is my home for experimentation, and recognition.
           </p>
         </div>
       </div>
@@ -117,7 +114,7 @@ <h1 class="name">Meredith Hoo</h1>
     <!-- Projects Portrait Mode ––––––––––––––––––––––––––––––––– -->
     <section class="flex-parent portrait" id="projects">
       <div class="flex-grid-halves">
-        <div >
+        <div>
           <img  src="assets/flower.svg">
           <p >apps</p>
         </div>
@@ -141,15 +138,41 @@ <h1 class="name">Meredith Hoo</h1>
           <img  src="assets/flower.svg">
           <p >podcast</p>
         </div>
-        <div >
+        <div>
           <img  src="assets/flower.svg">
-          <p >blog</p>
+          <p>blog</p>
         </div>
       </div>
     </section>
   </div>
   <!-- Projects Portrait Mode ––––––––––––––––––––––––––––––––– -->
-  <section id="gratitude"></section>
+  <!-- Main Menu ––––––––––––––––––––––––––––––––– -->
+  <section class="menu">
+    <div class="1-2 1-3">
+      <img  src="assets/flower.svg"/>
+      <p >about</p>
+    </div>
+    <div class="1-2 1-3">
+      <img  src="assets/flower.svg"/>
+      <p >resume</p>
+    </div>
+    <div class="1-2 1-3">
+        <img  src="assets/flower.svg"/>
+        <p >portfolio</p>
+    </div>
+    <div class="1-2 1-3">
+      <img  src="assets/flower.svg"/>
+      <p >passion</p>
+    </div>
+    <div class="1-2 1-3">
+      <img  src="assets/flower.svg"/>
+      <p>gratitude</p>
+    </div>
+    <div class="1-2 1-3">
+      <img  src="assets/flower.svg"/>
+      <p>guestbook</p>
+    </div>
+  </section>
 
   <!-- End Document ––––––––––––––––––––––––––––––– -->
 </body>