Ada-C10 · leannerivera · Sep 11, 2018 · Sep 14, 2018 · Sep 16, 2018 · Sep 16, 2018
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+leannerivera.dev
diff --git a/Screen Shot 2018-09-14 at 4.01.15 PM.png b/Screen Shot 2018-09-14 at 4.01.15 PM.png
diff --git a/docs/CNAME b/docs/CNAME
@@ -0,0 +1 @@
+leannerivera.dev
diff --git a/docs/about.html b/docs/about.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset = UTF-8>
+  <title>Leanne</title>
+
+  <link href = 'styles/photohover.css' rel = 'stylesheet'>
+
+  <link href="https://fonts.googleapis.com/css?family=Londrina+Shadow|Permanent+Marker|Didact+Gothic" rel="stylesheet">
+  <link href = 'styles/normalize.css'>
+</head>
+<body>
+  <header>
+    <nav>
+      <ul>
+        <li>
+          <a href='hello.html'> LEANNE RIVERA </a>
+        </li>
+        <li> ☈ </li>
+        <li>
+          <a href='portfolio.html'> my projects </a>
+        </li>
+        <li> ☈ </li>
+        <li>
+          <a href='code-journal.html'> journal </a>
+        </li>
+        <li> ☈ </li>
+        <li>
+          <a href='about.html'> about me </a>
+        </li>
+      </ul>
+    </nav>
+  </header>
+
+<ul class="photos">
+    <li>
+      <img src='images/gobidesert.jpg' alt='pic at Gobi Desert' />
+    </li>
+    <li>
+      <img src='images/cocoheadhi.png' alt='pic atop Coco Head' />
+    </li>
+    <li>
+      <img src='images/mountsi.JPG' alt='pic atop Mount Si' />
+    </li>
+  </ul>
+
+  <section class='aboutme'>
+    <h2> about me </h2>
+    <p>Travel literature often intersects with essay writing, as in V. S. Naipaul's India: A Wounded Civilization (1976), whose trip became the occasion for extended observations on a nation and people. This is similarly the case in Rebecca West's work on Yugoslavia, Black Lamb and Grey Falcon (1941).</p>
+
+    <p>Sometimes a writer will settle into a locality for an extended period, absorbing a sense of place while continuing to observe with a travel writer's sensibility. Examples of such writings include Lawrence Durrell's Bitter Lemons (1957), Deborah Tall's The Island of the White Cow: Memories of an Irish Island (1986), and Peter Mayle's best-selling A Year in Provence (1989) and its sequels.</p>
+
+    <p>In the world of sailing Joshua Slocum's Sailing Alone Around the World (1900) is a classic of outdoor adventure literature. he described his departure in the following manner:</p>
+
+    <p>A guide book or travel guide is "a book of information about a place, designed for the use of visitors or tourists".Thomas West, an English priest, popularized the idea of walking for pleasure in his guide to the Lake District of 1778. In the introduction he wrote that he aimed:</p>
+
+    <p>to encourage the taste of visiting the lakes by furnishing the traveller with a Guide; and for that purpose, the writer has here collected and laid before him, all the select stations and points of view, noticed by those authors who have last made the tour of the lakes, verified by his own repeated observations.</p>
+
+    <p>To this end he included various 'stations' or viewpoints around the lakes, from which tourists would be encouraged to appreciate the views in terms of their aesthetic qualities.</p>
+
+    <p>It will usually include full details relating to accommodation, restaurants, transportation, and activities. Maps of varying detail and historical and cultural information are also often included. Different kinds of guide books exist, focusing on different aspects of travel, from adventure travel to relaxation, or aimed at travelers with different incomes, or focusing on sexual orientation or types of diet. Travel guides can also take the form of travel websites.</p>
+
+    <p>Some fictional travel stories are related to travel literature. Although it may be desirable in some contexts to distinguish fictional from non-fictional works, such distinctions have proved notoriously difficult to make in practice, as in the famous instance of the travel writings of Marco Polo or John Mandeville. Examples of fictional works of travel literature based on actual journeys are:</p>
+
+    <p>In the 21st century, travel literature became a genre of social media in the form of travel blogs, with travel bloggers using outlets like personal blogs, Pinterest, Twitter, Facebook and Instagram to convey information about their adventures, and provide advice for navigating particular countries, or for traveling generally..</p>
+
+    <p>Disrupting the assumptions of traditional travel writing, Amitav Ghosh's In an Antique Land </p>
+  </section>
+</body>
+</html>
diff --git a/docs/code-journal.html b/docs/code-journal.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset = UTF-8>
+  <title>Leanne</title>
+
+  <link href = 'styles/code-journal.css' rel = 'stylesheet'>
+
+  <link href="https://fonts.googleapis.com/css?family=Londrina+Shadow|Permanent+Marker|Didact+Gothic" rel="stylesheet">
+  <link href = 'styles/normalize.css'>
+</head>
+<body>
+  <header>
+    <nav>
+      <ul>
+        <li>
+          <a href='hello.html'> LEANNE RIVERA </a>
+        </li>
+        <li> ☈ </li>
+        <li>
+          <a href='portfolio.html'> my projects </a>
+        </li>
+        <li> ☈ </li>
+        <li>
+          <a href='code-journal.html'> journal </a>
+        </li>
+        <li> ☈ </li>
+        <li>
+          <a href='about.html'> about me </a>
+        </li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <article class='diary'>
+      <h2> entry nº1 </h2>
+    <p>A sleep diary or sleep log is a tool used in the diagnosis and treatment of sleep disorders or to keep track of dreams had in order to gain insight to the subconscious or for other further contemplating.</p>
+
+<p>The German Tagebuch ("day-book") is normally rendered as "diary" in English, but the term encompasses workbooks or working journals as well as diaries proper. For example, the notebooks of the Austrian writer Robert Musil and of the German-Swiss artist Paul Klee are called Tagebücher.</p>
+
+<p>A war diary is a regularly updated official record of a military unit's administration and activities during wartime maintained by an officer in the unit.</p>
+
+<p>Today the term is generally employed for personal diaries, normally intended to remain private or to have a limited circulation amongst friends or relatives. The word "journal" may be sometimes used for "diary," but generally a diary has (or intends to have) daily entries, whereas journal-writing can be less frequent.</p>
+
+<p>Although a diary may provide information for a memoir, autobiography or biography, it is generally written not with the intention of being published as it stands, but for the author's own use. In recent years, however, there is internal evidence in some diaries (e.g. those of Ned Rorem, Alan Clark, Tony Benn or Simon Gray) that they are written with eventual publication in mind, with the intention of self-vindication (pre- or posthumous) or simply for profit.</p>
+
+<p>By extension the term diary is also used to mean a printed publication of a written diary; and may also refer to other terms of journal including electronic formats (e.g. blogs).</p>
+
+<p>The word diary comes from the Latin diarium ("daily allowance," from dies "day").</p>
+
+<p>The oldest extant diaries come from Middle Eastern and East Asian cultures, although the even earlier work To Myself (Τὰ εἰς ἑαυτόν), today known as the Meditations, written in Greek by the Roman Emperor Marcus Aurelius in the second half of the 2nd century AD, already displays many characteristics of a diary. Pillowbooks of Japanese court ladies and Asian travel journals offer some aspects of this genre of writing, although they rarely consist exclusively of diurnal records. The scholar Li Ao (9th century AD), for example, kept a diary of his journey through southern China.</p>
+
+<p>In the medieval Near East, Arabic diaries were written from before the 10th century. The earliest surviving diary of this era which most resembles the modern diary was that of Ibn Banna' in the 11th century. His diary is the earliest known to be arranged in order of date (ta'rikh in Arabic), very much like modern diaries.</p>
+
+<p>The precursors of the diary in the modern sense include daily notes of medieval mystics, concerned mostly with inward emotions and outward events perceived as spiritually important (e.g. Elizabeth of Schönau, Agnes Blannbekin, and perhaps also, in the lost vernacular account of her visions, Beatrice of Nazareth).</p>
+</article>
+
+<article class='diary'>
+  <h2> entry nº2 </h2>
+  <p> Programmable devices have existed at least as far back as 1206 AD, when the automata of Al-Jazari were programmable, via pegs and cams, to play various rhythms and drum patterns; and the 1801 Jacquard loom could produce entirely different weaves by changing the "program" - a series of pasteboard cards with holes punched in them.</p>
+
+<p>However, the first computer program is generally dated to 1843, when mathematician Ada Lovelace published an algorithm to calculate a sequence of Bernoulli numbers, intended to be carried out by Charles Babbage's Analytical Engine.</p>
+
+<p>In the 1880s Herman Hollerith invented the concept of storing data in machine-readable form. Later a control panel (plugboard) added to his 1906 Type I Tabulator allowed it to be programmed for different jobs, and by the late 1940s, unit record equipment such as the IBM 602 and IBM 604, were programmed by control panels in a similar way; as were the first electronic computers. However, with the concept of the stored-program computers introduced in 1949, both programs and data were stored and manipulated in the same way in computer memory.</p>
+
+<p>Machine code was the language of early programs, written in the instruction set of the particular machine, often in binary notation. Assembly languages were soon developed that let the programmer specify instruction in a text format, (e.g., ADD X, TOTAL), with abbreviations for each operation code and meaningful names for specifying addresses. However, because an assembly language is little more than a different notation for a machine language, any two machines with different instruction sets also have different assembly languages.</p>
+
+<p>Programs were mostly still entered using punched cards or paper tape. See computer programming in the punch card era. By the late 1960s, data storage devices and computer terminals became inexpensive enough that programs could be created by typing directly into the computers. Text editors were developed that allowed changes and corrections to be made much more easily than with punched cards.</p>
+
+<p>Whatever the approach to development may be, the final program must satisfy some fundamental properties. The following properties are among the most important:</p>
+
+<p>In computer programming, readability refers to the ease with which a human reader can comprehend the purpose, control flow, and operation of source code. It affects the aspects of quality above, including portability, usability and most importantly maintainability.</p>
+
+<p>Readability is important because programmers spend the majority of their time reading, trying to understand and modifying existing source code, rather than writing new source code. Unreadable code often leads to bugs, inefficiencies, and duplicated code. A study found that a few simple readability transformations made code shorter and drastically reduced the time to understand it.</p>
+
+<p>Following a consistent programming style often helps readability. However, readability is more than just programming style. Many factors, having little or nothing to do with the ability of the computer to efficiently compile and execute the code, contribute to readability. Some of these factors include:</p>
+
+<p>The presentation aspects of this (such as indents, line breaks, color highlighting, and so on) are often handled by the source code editor, but the content aspects reflect the programmer's talent and skills.</p>
+
+</article>
+  </main>
+
+</body>
+</html>
diff --git a/docs/hello.html b/docs/hello.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset = UTF-8>
+  <title>Leanne</title>
+
+  <link href = 'styles/styles.css' rel = 'stylesheet'>
+  <link href="https://fonts.googleapis.com/css?family=Londrina+Shadow|Permanent+Marker|Didact+Gothic" rel="stylesheet">
+  <link href = 'styles/normalize.css'>
+</head>
+<body>
+  <header>
+    <h1 class="name">LEANNE RIVERA</h1>
+    <section class ="aboutme">
+      <h3><a href="about.html"> about me</a> </h3>
+      <p>
+        Here is some stuff about me. I am amazing.
+        <br>
+        And cool. And awesome.
+        <br>
+        Let's be friends and hang out.
+        <br>
+        We can go eat, grab coffee, dance, or just relax in the park.
+      </p>
+    </section>
+    <aside class="reader-alert">
+      Please note that this is a STATIC (no JavaScript!) web page built as an <a
+        href="https://www.adadevelopersacademy.org">Ada Developers Academy</a> Project during the second month of
+      classroom instruction and has undergone little update. An updated minimalist, dynamic website is in the works. In the meantime enjoy my past foray into CSS animations!
+    </aside>
+  </header>
+      <main>
+        <section class ="favorites">
+        <h3> my favorites </h3>
+        <ul class='selectme'>
+        <input id='books' type='checkbox'>
+          <li class='books'>
+            <label for='books' class='toggleme'>
+            books! </label>
+          <ul class='hideme'>
+            <li> Dune </li>
+            <li> The Lies of Locke Lamora</li>
+            <li> Hitchhiker's Guide to the Galaxy </li>
+            <li> The Giver </li>
+          </ul>
+        </li>
+
+          <input id='movies' type='checkbox'>
+          <li class='movies'>
+            <label for='movies' class='toggleme'>
+              movies!
+            </label>
+          <ul class='hideme'>
+            <li> The Lord of the Rings trilogy </li>
+            <li> Rush Hour 1 & 2 </li>
+            <li> The Matrix </li>
+            <li> Back to the Future </li>
+            </ul>
+          </li>
+
+          <input id='animation' type='checkbox'>
+            <li class='animation'>
+              <label for='animation' class='toggleme'>
+              animation!
+            </label>
+            <ul class='hideme'>
+              <li> Howl's Moving Castle </li>
+              <li> The Iron Giant </li>
+              <li> The Fox and the Hound </li>
+              <li> Spirited Away </li>
+              <li> The Secret of Kells </li>
+              <li> Shrek </li>
+              <li> Wreck it! Ralph </li>
+
+              <input id='pixar' type='checkbox'>
+                <li class='pixar'>
+                  <label for='pixar' class='toggleme'>
+                   Pixar! </label>
+              <ul class='hideme'>
+                <li> Up </li>
+                <li> Toy Story 1 & 2 & 3</li>
+                <li> Ratatouille </li>
+              </ul>
+            </li>
+            </ul>
+            </li>
+
+          <!-- </ul>
+          <li class='tv'> tv shows! </li>
+            <ul>
+              <li> Bob's Burgers </li>
+              <li> The Office </li>
+              <li> Parks and Rec </li>
+              <li> Frasier </li>
+            </ul> -->
+            <input id='musicals' type='checkbox'>
+              <li class='musicals'>
+                <label for='musicals' class='toggleme'>
+            musicals! </label>
+            <ul class='hideme'>
+              <li> The Book of Mormon </li>
+              <li> The Greatest Showman</li>
+              <li> Fiddler on the Roof </li>
+              <li> On the Town </li>
+              <li> Gulliver's Travels (1939) </li>
+              <li> Disney! </li>
+                <ul>
+                  <li> Rapunzel </li>
+                  <li> Cinderella </li>
+                  <li> The Lion King </li>
+                  <li> Beauty and the Beast </li>
+                </ul>
+            </ul>
+            </li>
+          </ul>
+        </section>
+
+        <section class ="skills">
+          <h3> my skills </h3>
+          <ul>
+            <li> Ruby! </li>
+            <li> HTML! </li>
+            <li> CSS! </li>
+            <li> Ruby on Rails! </li>
+            <li> JavaScript! </li>
+          </ul>
+        </section>
+
+        <section class='projects'>
+          <h2> <a href='portfolio.html'> my projects </a> </h2>
+          <sub> a curated selection of projects done while at ada developers academy </sub>
+          <ul>
+            <li>
+              <a href='#'> random menu </a> ⌸
+            </li>
+            <li>
+              <a href='#'> solar system </a>  ☉☿♀︎♁♂︎♃♄⛢♆☄︎
+            </li>
+            <li>
+              <a href = '#'> grocery store </a> 🛒
+            </li>
+            <li>
+              <a href='index.html'> portfolio </a>  ⎘
+            </li>
+          </ul>
+        </section>
+
+      <section class ="pseudofooter">
+        <section class="misc">
+          <h2> <a href='code-journal.html'> miscellaneous </a> </h2>
+          <p>
+            This is miscellaneous info about me. This is where I say I don't drink coffee, but I love tea. I love barbeque but I am a pescetarian. Yes, I can read your tarot. No, I don't think it predicts the future. Yes, I love languages. No, I don't speak Spanish fluently. Yes, I love to travel.
+            Sure, you can visit me in any of my homes abroad -- once you buy them for me. ;)
+          </p>
+        </section>
+
+        <section class="dog">
+          <h3> my dog </h3>
+          <img src ='images/sadie-tree.png' alt="picture of cutest dog" />
+          <p> This is my dog. She is a Boykin Spaniel / Lab mix. She loves the outdoors. Do not let her chase deer. You will not find her for a long time. She loves to hunt lizards, though. They are not as fast as deer,so she is allowed to chase them. Always set to stun, though.
+          </p>
+        </section>
+
+      <section class="contactme">
+        <h2> contact me </h2>
+        <ul>
+          <!-- <li> email </li> -->
+          <li> 
+            <a href="https://github.com/leannerivera">github</a></a> 
+          </li>
+          <li> 
+            <a href="https://www.linkedin.com/in/leanne-rivera/">linkedin</a>
+          </li>
+        </ul>
+      </section>
+    </section>
+
+  </main>
+</body>
+</html>
diff --git a/docs/images/cocoheadhi.png b/docs/images/cocoheadhi.png
diff --git a/docs/images/gobidesert.jpg b/docs/images/gobidesert.jpg
diff --git a/docs/images/grocery-storeapp.png b/docs/images/grocery-storeapp.png
diff --git a/docs/images/mountsi.JPG b/docs/images/mountsi.JPG
diff --git a/docs/images/portfoliosite.png b/docs/images/portfoliosite.png
diff --git a/docs/images/random-menu.png b/docs/images/random-menu.png
diff --git a/docs/images/sadie-tree.png b/docs/images/sadie-tree.png
diff --git a/docs/images/solarsystemapp.png b/docs/images/solarsystemapp.png
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset = UTF-8>
+  <title>Leanne</title>
+
+  <link href = 'styles/splash.css' rel = 'stylesheet'>
+  <link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet">
+  <link href = 'styles/normalize.css'>
+</head>
+<body>
+  <section class="name">
+    <div class="l">
+      <a href='hello.html'>
+        L
+      </a>
+    </div>
+    <div class="e">
+      <a href='hello.html'>
+        E
+      </a>
+    </div>
+    <div class='a'>
+      <a href='hello.html'>
+        A
+      </a>
+    </div>
+    <div class='n'>
+      <a href='hello.html'>
+        N
+      </a>
+    </div>
+    <div class='n2'>
+      <a href='hello.html'>
+        N
+      </a>
+    </div>
+    <div class='e2'>
+      <a href='hello.html'>
+        E
+      </a>
+    </div>
+  </section>
+</body>
+</html>