Ada-C6 · dlaguerta · Sep 16, 2016 · Sep 16, 2016 · Sep 17, 2016 · Sep 21, 2016
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+../images/.DS_Store
diff --git a/README.md b/README.md
diff --git a/code-journal/break-reflections.html b/code-journal/break-reflections.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Ada Break One Reflections</title>
+  <link rel="stylesheet" href="../styles/styles.css">
+  <link rel="stylesheet" href="../styles/blog_posts.css">
+</head>
+<body>
+  <nav>
+    <div>
+      <ul>
+        <li><a class="nav_link" href="../index.html"> Home </a></li>
+        <li class="subnav">
+          <a href="../code-journal.html" class="dropdown">Blog</a>
+          <div class="subnav-links">
+            <a href="break-reflections.html">Ada Break: Reflections</a>
+            <a href="applying_to_ada.html">Tips For Applying to Ada</a>
+          </div>
+        </li>
+        <li><a class="nav_link" href="../portfolio.html"> Portfolio</a></li>
+        <li><a class="nav_link" href="../about.html">About Dianne</a></li>
+      </ul>
+      <div>
+      </nav>
+
+      <header>
+        <h1> Tour Journal </h1>
+        <p> AKA Recent News and Cool Things</p>
+      </header>
+      <main>
+        <article>
+          <h2>First Break From Ada: Short Reflections</h2>
+          <p><b>Posted on: </b> September 27, 2016</p>
+          <p><b>Currently drinking:</b> Scuttlebutt Brewing Company’s KEXP Transistor IPA</p>
+
+          <p>We’ve finally come to our first week-long break from Ada, and I gotta say, it’s been a much-needed break!</p>
+          <p>I’ve learned a lot in the last six weeks, like how to use git commands in the Terminal, to what exactly is the Terminal. Before getting to the break, we spent a week on HTML/CSS, but only scratching the surface enough to build the static website that you’re now reading this blog post from (cool, right?). There has also been a lot of Ruby since day 1 and we’re moving on to Ruby on Rails when we get back.</p>
+
+          <p>Honestly, I don’t want to spell out everything we’ve learned, but if you’re interested, you can check out Ada’s curriculum on Github to get a sense of all the topics we’ve covered.</p>
+
+          <p>Overall, it’s been a great learning experience. It’s been cool to look back and see all the projects we’ve worked on, from building a random menu generator using simple arrays and hashes, to the complicated nature of a relational database with thousands of data rows in CSV files. It’s amazing to think that we’ve covered so much in so little time, even though it can sometimes feel like I’ve little so little or need to learn so much more. A part of me feels like I should take advantage of the break and review more Ruby or get a better grip on CSS/HTML, but I would say 90% of me just thinks I haven’t had enough beer during this break and I should fix that before it’s over.</p>
+          <p>In sum, my brain is pretty fried and I am definitely glad to have a week of less code and computer time. I’ve been spending my break on Orcas Island with Iris (the best partner in the world) and her family, and it’s been relatively relaxing.
+          Tomorrow we leave on a late-night boat to head back to Seattle (with our cat Foot Foot in tow), and then we’ll get to meet up with our friend, Ariela, who is coming up from Portland. Hurray! So before we leave, I plan on making a visit to the local brewery to drink a few pints with my current read.</p>
+          <p>Maybe I’ll write more feelings about code, but more likely I will write feelings about beer. Until next time!</p>
+        </article>
+      </main>
+
+      <footer>
+        <p> &copy; 2016 Dianne Laguerta </p>
+      </footer>
+
+    </body>
+    </html>
diff --git a/styles/styles.css b/styles/styles.css
@@ -0,0 +1,167 @@
+
+html {
+  font-family: Lucida Grande;
+}
+header, footer{
+  color: #F2F2F2;
+  text-align: center;
+  border-bottom: 2px #FE654F solid;
+  background-color: #0B3954;
+  border-radius: 5px;
+}
+
+header {
+  /*float: clear;*/
+  width: 100%;
+}
+
+nav {
+  /*display: inline-block;*/
+  float: right;
+  width: 100%;
+}
+
+nav ul li{
+  padding: 2px 5px 2px 0px;
+  list-style-type: none;
+  display: inline-block;
+}
+
+nav a.nav_link {
+  color: white;
+}
+
+a {
+  color: #240906;
+  text-decoration:none;
+}
+
+nav a:hover {
+  background-color: rgb(156, 156, 156);
+}
+
+a:visited {
+  /*color: #FF6663;*/
+  color: #d24946;
+}
+
+/*nav bar code with help from W3 schools, creates dropdown subnav for blog posts*/
+nav ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
+nav li {
+    float: left;
+}
+
+li a, .dropdown {
+    display: inline-block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+    border-radius: 5%;
+    /*min-width: 100%;*/
+
+}
+
+
+li.subnav {
+    display: inline-block;
+}
+
+.subnav-links {
+    display: none;
+    position: absolute;
+    background-color: #d24946;
+    max-width: 15%;
+    border-radius: 5%;
+    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
+}
+
+.subnav-links a {
+    color: black;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+    text-align: left;
+}
+
+.subnav-links a:hover {background-color: #f1f1f1}
+
+.subnav:hover .subnav-links {
+    display: block;
+}
+
+header.social-media {
+  display: block;
+  float: right;
+}
+
+.social-media img {
+  background-color: white;
+  width: 30px;
+  height: 30px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
+
+.footer-social-media img{
+  background-color: white;
+  display:inline-block;
+  width: 30px;
+  height: 30px;
+}
+
+.social-media img.curve-image {
+  border-radius: 50%;
+}
+
+.footer-social-media img.curve-image {
+  border-radius: 50%;
+}
+
+h3, h2 {
+  text-align: center;
+}
+
+main{
+  clear: both;
+  display: inline-block;
+  border-radius: 5px;
+  background-color: #BFD7EA;
+  width: 100%;
+  margin-top: 15px;
+}
+
+
+main article {
+  /*padding: 5px 15px 15px 15px;*/
+  padding: 0 5%;
+}
+
+article img {
+  float: left;
+  width: 30%;
+  height: 30%;
+  padding:10px 30px;
+}
+
+article p {
+  display: block;
+}
+
+#move_list_over {
+  display: inline-block;
+  padding-left: 15px;
+}
+
+footer {
+  display: block;
+  clear: both;
+  margin: 20px 0px 20px 0px;
+  border: 2px solid #FE654F;
+}