Ada-C7 · J-C-L · Mar 20, 2017 · Mar 21, 2017 · Mar 21, 2017 · Mar 21, 2017
diff --git a/README.md b/README.md
@@ -1,16 +1,10 @@
 # Static Site: Code Journal & Portfolio
+__Learning Goal:__ Practice creating semantic HTML and applying visual styles with CSS. The goal is to explore the relationship between HTML and CSS, and how visual styles add to the semantics and hierarchy established by the foundational HTML.
 
-You will create a _static_ web site using HTML & CSS. This static site will serve as the foundation for later projects, and will contain information about your programming projects and efforts at Ada.
-
-This is an individual, [stage 2](https://github.com/Ada-Developers-Academy/pedagogy/blob/master/rule-of-three.md) project.
-
-## Learning Goals:
-- Practice creating semantic HTML
-- Practice applying visual styles with CSS
-- Use both HTML & CSS together to create a comprehensive design
+You will create a _static_ web site using HTML & CSS. This static site will serve as the foundation for later projects, and will contain information about your programming projects and efforts at Ada. 
 
 ## Project Requirements
-This is an individual project. It consists of a baseline and a single wave. You are only permitted to use static HTML and CSS for this project. Preprocessors (haml, erb, sass, less, etc.) and Javascript of any time are not allowed.
+This is an individual project. It consists of a baseline and a single wave. You are only permitted to use static HTML and CSS for this project. Preprocessors (haml, erb, sass, less, etc.) and Javascript are not allowed. 
 
 ### Baseline
 - Create an `index.html` that has the necessary meta information to link a stylesheet called `styles.css`.
@@ -27,18 +21,23 @@ This is an individual project. It consists of a baseline and a single wave. You
 - The site should follow best practices including:
   - All markup should be semantic, with consideration of hierarchy and accessibility.
   - CSS should be concise and well formatted
-  - Images and stylesheets should be kept in their own folders, called `images` and `stylesheets`, respectively.
+  - Images and stylesheets should be kept in their own folders, called `images` and `styles`, respectively.
 
 ### Optional Enhancements
 - Create a `blog/` or `code-journal/` directory. Within this directory...
   - create single `html` file for each entry in your blog/journal
-  - update the nav on the rest of your site to reference each entry as a sublist/subnav.
-  - update any tags with path references (`img`, `link`, `a` tags) to accomodate for the entries being in a different directory.
-- Create any number of additional pages or directories.
+  - update the nav on the rest of your site to reference each entry as a sublist/subnav
+  - update any tags with path references (`img`, `link`, `a` tags) to accomodate for the entries being in a different directory
+- Create any number of additional pages or directories
+
+### Hosting
+Websites will be hosted using Github Pages. Before creating the repository, read [ Github Pages documentation ](https://pages.github.com/). 
+
 
 ### A Word of Caution
 Lots of developers find their initial foray into CSS frustrating. Every browser implements the CSS standard a little (or a lot) differently. Learning to manipulate elements and understand the _box model_ takes time. Floats can be especially challenging to developers new to CSS. For this project, focus on understanding the mechanics and semantics of HTML and CSS, and how the two work together.
 
+
 ### Inspiration 👯
 - [http://lizabinante.com/](http://lizabinante.com/)
 - [http://www.elenichappen.com/](http://www.elenichappen.com/)

diff --git a/about.html b/about.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>🏳️‍🌈J-C-L:Portfolio</title>
+  <link href="stylesheets/normalize.css" rel="stylesheet">
+  <link href="stylesheets/main.css" rel="stylesheet">
+</head>
+
+<body>
+  <header>
+    <a href="index.html">
+      <section class ="logo">
+        <img src="images/mandelbrot-set_1.png" alt="Mandelbrot set logo">
+        <div class="name">
+          <h2>Janice</h2>
+          <h2>Courtney</h2>
+          <h2>Lichtman</h2>
+        </div>
+      </section>
+    </a>
+
+    <nav>
+      <ul>
+        <li><a href="portfolio.html"> Work </a></li>
+        <li><a href="blog.html"> Writings </a> </li>
+        <li><a href="about.html"> About </a> </li>
+      </ul>
+    </nav>
+  </header>
+
+  <main class="about">
+
+    <h1>About Janice...</h1>
+    <h2>This site, like its owner, is...</h2>
+
+    <section>
+      <img src="images/under-constrcution-1.jpeg"   alt="work in progress sign">
+    </section>
+  </main>
+
+  <footer>
+    <section id="footer-about">
+      <h4> &copy; 2016 </h4>
+      <p class="thank-you"> Thank you for visiting! </p>
+      <p class="footer-name"> Janice Lichtman </p>
+    </section>
+  </footer>
+
+</body>
+</html>
diff --git a/blog.html b/blog.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>🏳️‍🌈J-C-L:Portfolio</title>
+  <link href="stylesheets/normalize.css" rel="stylesheet">
+  <link href="stylesheets/main.css" rel="stylesheet">
+</head>
+
+<body>
+  <header>
+    <a href="index.html">
+      <section class ="logo">
+        <img src="images/mandelbrot-set_1.png" alt="Mandelbrot set logo">
+        <div class="name">
+          <h2>Janice</h2>
+          <h2>Courtney</h2>
+          <h2>Lichtman</h2>
+        </div>
+      </section>
+    </a>
+
+    <nav>
+      <ul>
+        <li><a href="portfolio.html"> Work </a></li>
+        <li><a href="blog.html"> Writings </a> </li>
+        <li><a href="about.html"> About </a> </li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+
+    <div class="black-under-header">
+    </div>
+
+    <h1 class="blog-title">Happy-Making Things:</h1>
+
+    <section class="all-images">
+
+      <section class="post-image">
+        <a href="http://neffa.org">
+          <section class="first-post post">
+          </section>
+        </a>
+        <article class="post">
+          <h2>Folk Dancing:</h2>
+          <p>
+            "Hearties avast gally jib brigantine scourge of the seven seas hardtack weigh anchor coxswain Gold Road. Yo-ho-ho port driver pillage booty scuttle reef ballast barkadeer hang the jib. Spanker jury mast line weigh anchor yardarm American Main bilge aft jib crow's nest."
+          </p>
+        </article>
+
+        <a href="http://www.mit.edu/~puzzle/">
+          <section class="second-post post">
+          </section>
+        </a>
+        <article class="post">
+          <h2>Puzzles:</h2>
+          <p>
+            "Do what you can, with what you have, where you are. First we form habits, then they form us. Conquer your bad habits, or they will eventually conquer you. Imagine you only have one year to live. What important things would you be doing? How would you be allotting your time to accomplish the most you could? This exercise is one method of going after your priorities."
+          </p>
+        </article>
+
+
+        <a href="http://www.workaway.info/">
+          <section class="third-post post">
+          </section>
+        </a>
+        <article class="post">
+          <h2>Travel</h2>
+          <p>
+            "For those who have seen the Earth from space, and for the hundreds and perhaps thousands more who will, the experience most certainly changes your perspective. The things that we share in our world are far more valuable than those which divide us."
+          </p>
+        </article>
+      </section>
+    </section>
+  </main>
+
+  <footer>
+    <section id="footer-blog">
+      <h4> &copy; 2016 </h4>
+      <p class="thank-you"> Thank you for visiting! </p>
+      <p class="footer-name"> Janice Lichtman </p>
+    </section>
+  </footer>
+
+</body>
+</html>
diff --git a/images/Blue-owl.jpg b/images/Blue-owl.jpg
diff --git a/images/Colorful-bird-1.jpg b/images/Colorful-bird-1.jpg
diff --git a/images/DanceMath.jpg b/images/DanceMath.jpg
diff --git a/images/EinsteinFishQuote.jpeg b/images/EinsteinFishQuote.jpeg
diff --git a/images/EinsteinFishQuote2.jpeg b/images/EinsteinFishQuote2.jpeg
diff --git a/images/FormulaBlackboard1.jpeg b/images/FormulaBlackboard1.jpeg
diff --git a/images/Fractal-1.jpeg b/images/Fractal-1.jpeg
diff --git a/images/Fractal-2.jpeg b/images/Fractal-2.jpeg
diff --git a/images/Fractal-3.jpeg b/images/Fractal-3.jpeg
diff --git a/images/Fractal-4.jpeg b/images/Fractal-4.jpeg
diff --git a/images/Fractal-5.jpeg b/images/Fractal-5.jpeg
diff --git a/images/Fractal-6.jpg b/images/Fractal-6.jpg
diff --git a/images/India-1.jpg b/images/India-1.jpg
diff --git a/images/JandMdancing.jpg b/images/JandMdancing.jpg
diff --git a/images/LillyPadFrog.jpg b/images/LillyPadFrog.jpg
diff --git a/images/MandalaDance13.jpg b/images/MandalaDance13.jpg
diff --git a/images/MandalaDance30.jpg b/images/MandalaDance30.jpg
diff --git a/images/Owl-1.jpg b/images/Owl-1.jpg
diff --git a/images/Owl-2.jpg b/images/Owl-2.jpg
diff --git a/images/Owl-3.jpg b/images/Owl-3.jpg
diff --git a/images/Owl-family.jpg b/images/Owl-family.jpg
diff --git a/images/mandelbrot-set_1.png b/images/mandelbrot-set_1.png
diff --git a/images/mandelbrot-set_2.jpeg b/images/mandelbrot-set_2.jpeg
diff --git a/images/mandelbrot-set_3.jpeg b/images/mandelbrot-set_3.jpeg
diff --git a/images/mandelbrot-set_4.jpeg b/images/mandelbrot-set_4.jpeg
diff --git a/images/math-object.gif b/images/math-object.gif
diff --git a/images/mystery-hunt-2014-1.jpg b/images/mystery-hunt-2014-1.jpg
diff --git a/images/mystery-hunt-2014-2.jpg b/images/mystery-hunt-2014-2.jpg
diff --git a/images/mystery-hunt-2014-3.jpg b/images/mystery-hunt-2014-3.jpg
diff --git a/images/mystery-hunt-2014-4.jpg b/images/mystery-hunt-2014-4.jpg
diff --git a/images/rick-shaw-1.jpeg b/images/rick-shaw-1.jpeg
diff --git a/images/ride-share-monkey.jpg b/images/ride-share-monkey.jpg
diff --git a/images/ride-share.jpg b/images/ride-share.jpg
diff --git a/images/scrabble-1.jpeg b/images/scrabble-1.jpeg
diff --git a/images/scrabble-2.jpeg b/images/scrabble-2.jpeg
diff --git a/images/scrabble-3.jpeg b/images/scrabble-3.jpeg
diff --git a/images/solar-system-1.png b/images/solar-system-1.png
diff --git a/images/solar-system-2.jpeg b/images/solar-system-2.jpeg
diff --git a/images/solar-system-3.jpeg b/images/solar-system-3.jpeg
diff --git a/images/solar-system-4.jpeg b/images/solar-system-4.jpeg
diff --git a/images/solar-system-5.jpg b/images/solar-system-5.jpg
diff --git a/images/solar-system-6.jpg b/images/solar-system-6.jpg
diff --git a/images/solar-system-7.jpg b/images/solar-system-7.jpg
diff --git a/images/solar-system-square.jpg b/images/solar-system-square.jpg
diff --git a/images/taxi-1.jpeg b/images/taxi-1.jpeg
diff --git a/images/taxi-2.jpeg b/images/taxi-2.jpeg
diff --git a/images/under-constrcution-1.jpeg b/images/under-constrcution-1.jpeg
diff --git a/index.html b/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>🏳️‍🌈J-C-L:Portfolio</title>
+  <link href="stylesheets/normalize.css" rel="stylesheet">
+  <link href="stylesheets/main.css" rel="stylesheet">
+</head>
+
+<body>
+  <header>
+    <a href="index.html">
+      <section class ="logo">
+        <img src="images/mandelbrot-set_1.png" alt="Mandelbrot set logo">
+        <div class="name">
+          <h2>Janice</h2>
+          <h2>Courtney</h2>
+          <h2>Lichtman</h2>
+        </div>
+      </section>
+    </a>
+
+    <nav>
+      <ul>
+        <li><a href="portfolio.html"> Work </a></li>
+        <li><a href="blog.html"> Writings </a> </li>
+        <li><a href="about.html"> About </a> </li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+
+    <section class="owl">
+      <img src="images/Owl-2.jpg" alt="Owl flying">
+    </section>
+
+    <section class="welcome-message">
+      <h1>Welcome...</h1>
+      <p >“If you are a dreamer come in,<br />
+        If you are a dreamer, a wisher, a liar,<br />
+        A hope-er a pray-er a magic-bean-buyer...<br />
+        If youre a pretender, come sit by my fire<br />
+        For we have some flax golden tales to spin.<br />
+        Come in!<br />
+        Come in!”<br />
+      </p>
+    <p>― Shel Silverstein</p>
+  </section>
+
+  <section class="ships">
+    <p>
+      A ship in port is safe, but that's not what ships are built for.
+    </p>
+  <p>- Grace Hopper  </p>
+</section>
+
+</main>
+
+
+<footer>
+  <section id="footer-index">
+    <h4> &copy; 2016 </h4>
+    <p class="thank-you"> Thank ysou for visiting! </p>
+    <p class="footer-name"> Janice Lichtman </p>
+  </section>
+</footer>
+
+</body>
+</html>
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>🏳️‍🌈J-C-L:Portfolio</title>
+  <link href="stylesheets/normalize.css" rel="stylesheet">
+  <link href="stylesheets/main.css" rel="stylesheet">
+</head>
+
+<body>
+  <header>
+    <a href="index.html">
+      <section class ="logo">
+        <img src="images/mandelbrot-set_1.png" alt="Mandelbrot set logo">
+        <div class="name">
+          <h2>Janice</h2>
+          <h2>Courtney</h2>
+          <h2>Lichtman</h2>
+        </div>
+      </section>
+    </a>
+
+    <nav>
+      <ul>
+        <li><a href="portfolio.html"> Work </a></li>
+        <li><a href="blog.html"> Writings </a> </li>
+        <li><a href="about.html"> About </a> </li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+
+    <div class="black-under-header">
+    </div>
+
+    <h1 class="projects-title">PROJECTS</h1>
+
+    <section class="all-images">
+
+      <section class="project-image">
+        <a href="https://github.com/J-C-L/Scrabble">
+          <section class="first-project project">
+            <section class="hidden">
+              <p>Scrabble</p>
+            </section>
+          </section>
+        </a>
+
+        <a href="https://github.com/J-C-L/ride-share-two">
+          <section class="second-project project">
+            <section class="hidden">
+              <p>Ride Share</p>
+            </section>
+          </section>
+        </a>
+
+
+
+        <a href="https://github.com/J-C-L/Solar-System">
+          <section class="third-project project">
+            <section class="hidden">
+              <p>Solar System</p>
+            </section>
+          </section>
+        </a>
+
+      </section>
+    </section>
+  </main>
+
+  <footer>
+    <section id="footer-portfolio">
+      <h4> &copy; 2016 </h4>
+      <p class="thank-you"> Thank you for visiting! </p>
+      <p class="footer-name"> Janice Lichtman </p>
+    </section>
+  </footer>
+
+</body>
+</html>