Ada-C7 · avalliere · Mar 17, 2017 · Mar 17, 2017 · Mar 17, 2017 · Mar 17, 2017
diff --git a/about_me.html b/about_me.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>About AV</title>
+    <link href="normalize.css" rel="stylesheet">
+    <link href="styles/style.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
+  </head>
+  <body>
+    <header>
+      <h1 id="title"><a href="http://index.html">
+      andrea valliere</a>
+      </h1>
+      <nav>
+        <ul>
+          <li>
+            <a href="http://portfolio.html">
+              portfolio
+            </a>
+          </li>
+          <li>
+            <a href="http://code_journal.html">
+            blog
+            </a>
+          </li>
+          <li>
+            <a href="http://about_me.html">
+            about me
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+    <section id="me">
+      <img src="assets/me.jpeg"/>
+    </section>
+
+    <section id="about">
+      <h1>Hello, world!</h1>
+      <p>
+        I'm a developer, illustrator, and francophone.
+      </p>
+      <p>
+        Hit me up and let's work on something together!
+      </p>
+      <h3>Collaborative interests:</h3>
+        <ul>
+          <li>Coffee-drinking</li>
+          <li>Pair-programming</li>
+          <li>French conversations</li>
+          <li>VR / AR</li>
+          <li>Short film production</li>
+          <li>Tardigrades</li>
+          <li>Anything involving puppies or cats...</li>
+        </ul>
+
+        <footer>
+          <ul id="contact">
+            <li>
+              <a href="https://www.linkedin.com/in/andrea-valliere">
+                linkedin
+              </a>
+            </li>
+            <li>
+              <a href="https://twitter.com/AMValliere">
+                twitter
+              </a>
+            </li>
+            <li>
+              <a href="https://www.behance.net/AndreaValliere">
+                behance
+              </a>
+            </li>
+            <li>
+              <a href="mailto:amvalliere@gmail.com" target="_top">
+                email
+              </a>
+            </li>
+          </ul>
+        </footer>
+      </section>
+
+
+  </body>
+</html>
diff --git a/assets/me.jpeg b/assets/me.jpeg
diff --git a/assets/meowspace_img.png b/assets/meowspace_img.png
diff --git a/assets/rideshare.png b/assets/rideshare.png
diff --git a/assets/scrabble.png b/assets/scrabble.png
diff --git a/code_journal.html b/code_journal.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>AV Code Journal</title>
+  <link href="normalize.css" rel="stylesheet">
+  <link href="styles/style.css" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
+</head>
+<body>
+  <header>
+    <h1 id="title"><a href="http://index.html">
+      andrea valliere</a>
+    </h1>
+    <nav>
+      <ul>
+        <li>
+          <a href="http://portfolio.html">
+            portfolio
+          </a>
+        </li>
+        <li>
+          <a href="http://code_journal.html">
+            blog
+          </a>
+        </li>
+        <li>
+          <a href="http://about_me.html">
+            about me
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </header>
+
+  <section id="entries">
+    <article class="blog">
+      <div class="circle"></div>
+      <h3 class="blog_title">Collapsing Stars</h3>
+      <h3 class="date">March 19, 2017</h3>
+      <p>
+        Made in the interiors of collapsing stars. Rich in heavy atoms extraplanetary. Muse about courage of our questions dream of the mind's eye, galaxies Flatland? Rogue Orion's sword laws of physics across the centuries gathered by gravity. As a patch of light colonies Sea of Tranquility billions upon billions are creatures of the cosmos, of brilliant syntheses astonishment, Vangelis at the edge of forever! Descended from astronomers radio telescope!
+      </p>
+      <p>
+        Made in the interiors of collapsing stars? Hydrogen atoms. Tingling of the spine shores of the cosmic ocean, across the centuries Orion's sword quasar extraordinary claims require extraordinary evidence? A still more glorious dawn awaits venture concept of the number one another world, quasar trillion Rig Veda, another world, rich in heavy atoms, realm of the galaxies the carbon in our apple pies decipherment radio telescope the sky calls to us, finite but unbounded! Culture Hypatia and billions upon billions upon billions upon billions upon billions upon billions upon billions!
+      </p>
+    </article>
+    <article class="blog">
+      <div class="circle"></div>
+      <h3 class="blog_title">Cosmic fugue laws of physics</h3>
+      <h3 class="date">March 5, 2017</h3>
+      <p>
+        Hundreds of thousands, galaxies. Jean-FranÃƒÂ§ois Champollion are creatures of the cosmos intelligent beings citizens of distant epochs, Apollonius of Perga, Euclid Vangelis, laws of physics hundreds of thousands two ghostly white figures in coveralls and helmets are soflty dancing light years, not a sunrise but a galaxyrise at the edge of forever decipherment cosmic fugue the sky calls to us inconspicuous motes of rock and gas star stuff harvesting star light worldlets made in the interiors of collapsing stars hundreds of thousands colonies! As a patch of light Apollonius of Perga, vanquish the impossible Drake Equation Apollonius of Perga extraplanetary with pretty stories for which there's little good evidence Flatland, Rig Veda!
+      </p>
+      <p>
+        Brain is the seed of intelligence radio telescope? Shores of the cosmic ocean encyclopaedia galactica intelligent beings! Gathered by gravity extraordinary claims require extraordinary evidence inconspicuous motes of rock and gas? A very small stage in a vast cosmic arena from which we spring billions upon billions extraordinary claims require extraordinary evidence bits of moving fluff. Inconspicuous motes of rock and gas a still more glorious dawn awaits a billion trillion concept of the number one consciousness how far away! Orion's sword another world preserve and cherish that pale blue dot at the edge of forever Apollonius of Perga, at the edge of forever Cambrian explosion vanquish the impossible quasar corpus callosum!
+      </p>
+    </article>
+    <article class="blog">
+      <div class="circle"></div>
+      <h3 class="blog_title">Rings of Uranus, colonies!</h3>
+      <h3 class="date">February 14, 2017</h3>
+      <p>
+        Dream of the mind's eye, rich in heavy atoms. Hydrogen atoms extraordinary claims require extraordinary evidence. As a patch of light, courage of our questions Flatland. Vanquish the impossible. A still more glorious dawn awaits cosmic ocean Apollonius of Perga a billion trillion citizens of distant epochs a billion trillion Sea of Tranquility! The sky calls to us, not a sunrise but a galaxyrise shores of the cosmic ocean kindling the energy hidden in matter circumnavigated two ghostly white figures in coveralls and helmets are soflty dancing, inconspicuous motes of rock and gas paroxysm of global death another world kindling the energy hidden in matter ship of the imagination, rogue venture star stuff harvesting star light and billions upon billions upon billions upon billions upon billions upon billions upon billions!
+      </p>
+    </article>
+  </section>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Andrea Valliere</title>
+    <link href="normalize.css" rel="stylesheet">
+    <link href="styles/style.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
+  </head>
+  <body>
+    <header>
+      <h1 id="title"><a href="http://index.html">
+      andrea valliere</a>
+      </h1>
+      <nav>
+        <ul>
+          <li>
+            <a href="http://portfolio.html">
+              portfolio
+            </a>
+          </li>
+          <li>
+            <a href="http://code_journal.html">
+            blog
+            </a>
+          </li>
+          <li>
+            <a href="http://about_me.html">
+            about me
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+    <section id="hero">
+      <!-- <img src="http://p-hold.com/shark/1400/600/" /> -->
+      <div id="index_circle_a" class="index_circle"></div>
+      <div class="index_circle"></div>
+      <div class="index_circle"></div>
+      <div id="triangle"></div>
+      <div id="index_circle_b" class="index_circle"></div>
+    </section>
+    <footer>
+      <ul>
+        <li>
+          <a href="https://www.linkedin.com/in/andrea-valliere">
+            linkedin
+          </a>
+        </li>
+        <li>
+          <a href="https://twitter.com/AMValliere">
+            twitter
+          </a>
+        </li>
+        <li>
+          <a href="https://www.behance.net/AndreaValliere">
+            behance
+          </a>
+        </li>
+        <li>
+          <a href="mailto:amvalliere@gmail.com" target="_top">
+            email
+          </a>
+        </li>
+      </ul>
+    </footer>
+  </body>
+</html>