Ada-C6 · johnanmorris · Sep 16, 2016 · Sep 16, 2016 · Sep 16, 2016 · Sep 19, 2016
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/about.html b/about.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta charset="utf-8">
+    <title>J. Noelle Morris - About</title>
+    <link rel="stylesheet" href="styles/styles.css">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
+    <link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:400,400i,700,700i|Yatra+One&subset=latin-ext" rel="stylesheet">
+  </head>
+
+  <body>
+    <header>
+      <h1>J. Noelle Morris</h1>
+      <h2>About</h2>
+      <nav>
+        <ul>
+          <li><a href="index.html">home</a></li>
+          <li><a href="about.html">about</a></li>
+          <li><a href="portfolio.html">portfolio</a></li>
+          <li><a href="code-journal.html">code journal</a></li>
+          <li><a href="hobby-blog.html">hobby blog</a></li>
+        </ul>
+      </nav>
+    </header>
+
+    <img src="assets/imgs/me-in-vancouver.jpg" id="profile-img">
+    <article id="profile">
+      <p>
+        Hello! My name is Noelle Morris, and I am currently learning
+        full-stack web development at
+        <a href="http://www.adadevelopersacademy.org">Ada Developers
+        Academy</a>, and am a member of Cohort 6. I have been learning
+        Ruby and HTML/CSS, and will soon begin learning Rails and
+        JavaScript. I have also completed <a href="https://www.udacity.com/course/intro-to-programming-nanodegree--nd000">
+        Udacity&lsquo;s Intro to Programming Nanodegree</a>, which
+        focuses on Python, HTML/CSS, and some JavaScript. I am not
+        sure which programming language I like best&mdash;each has
+        its own challenges. I am enjoying each new challenge that
+        comes my way!
+      </p>
+      <p>
+        Before entering software, I wanted to work in archaeology,
+        linguistics, or cultural anthropology. To that end, I
+        earned a Bachelor of Arts in Anthropology (with a minor in
+        Linguistics) from the University of Nevada, Reno. During the
+        summer of 2012, I interned with the US Forest Service, doing
+        archaeological survey work and excavation in Klamath National
+        Forest in northern California.
+      </p>
+      <p>
+        In my spare time, I love reading, camping, hiking, backpacking,
+        reading, cooking, and eating. Recently, I have gotten into
+        sea kayaking.
+      </p>
+      <p>
+        Want to know more? Follow me on Twitter, check out my Github
+        profile, or email me directly. (Links are in the footer below.)
+      </p>
+    </article>
+
+    <footer>
+      <section id="copyright">
+        &copy; 2016 J. Noelle Morris
+      </section>
+      <nav id="social">
+        <a href="mailto:[email protected]"><img src="assets/imgs/mail.png" alt="email logo"/></a>
+        <a href="https://www.github.com/johnanmorris"><img src="assets/imgs/github.png" alt="github logo"/></a>
+        <a href="https://www.twitter.com/ParolePerdute"><img src="assets/imgs/twitter.png" alt="twitter logo"/></a>
+      </nav>
+    </footer>
+</body>
+
+</html>
diff --git a/assets/imgs/farmar.png b/assets/imgs/farmar.png
diff --git a/assets/imgs/github.png b/assets/imgs/github.png
diff --git a/assets/imgs/linkedin.png b/assets/imgs/linkedin.png
diff --git a/assets/imgs/mail.png b/assets/imgs/mail.png
diff --git a/assets/imgs/me-in-vancouver.jpg b/assets/imgs/me-in-vancouver.jpg
diff --git a/assets/imgs/static-site.png b/assets/imgs/static-site.png
diff --git a/assets/imgs/twitter.png b/assets/imgs/twitter.png
diff --git a/assets/imgs/word-guess.png b/assets/imgs/word-guess.png
diff --git a/code-journal.html b/code-journal.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta charset="utf-8">
+    <title>J. Noelle Morris - Code Journal</title>
+    <link rel="stylesheet" href="styles/styles.css">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
+    <link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:400,400i,700,700i|Yatra+One&subset=latin-ext" rel="stylesheet">
+  </head>
+
+  <body>
+    <header>
+      <h1>J. Noelle Morris</h1>
+      <h2>Code Journal</h2>
+      <nav>
+        <ul>
+          <li><a href="index.html">home</a></li>
+          <li><a href="about.html">about</a></li>
+          <li><a href="portfolio.html">portfolio</a></li>
+          <li><a href="code-journal.html">code journal</a></li>
+          <li><a href="hobby-blog.html">hobby blog</a></li>
+        </ul>
+      </nav>
+    </header>
+
+    <main>
+      <section class="post">
+        <section class="post-info">
+          <h3>Hoc tu nunc in illo probas.</h3>
+          <h4>Friday, September 16, 2016</h4>
+        </section>
+
+        <article>
+          <p>
+            Multa sunt dicta ab antiquis de contemnendis ac despiciendis rebus humanis. Videsne,
+            ut haec concinant? Profectus in exilium Tubulus statim nec respondere ausus; Equidem
+            etiam Epicurum, in physicis quidem, Democriteum puto. Duo Reges: constructio
+            interrete. Qui autem de summo bono dissentit de tota philosophiae ratione dissentit.
+          </p>
+
+          <pre>
+Atque hoc dabitis, ut opinor, si modo sit aliquid esse
+  beatum, id oportere totum poni in potestate sapientis.
+
+Nec vero audiendus Hieronymus, cui summum bonum est idem,
+  quod vos interdum vel potius nimium saepe dicitis, nihil
+  dolere.
+          </pre>
+
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit; Quid iudicant sensus? Iam in
+            altera philosophiae parte. Quae diligentissime contra Aristonem dicuntur a Chryippo. Si
+            est nihil nisi corpus, summa erunt illa: valitudo, vacuitas doloris, pulchritudo, cetera.
+            Quid turpius quam sapientis vitam ex insipientium sermone pendere? Negabat igitur ullam
+            esse artem, quae ipsa a se proficisceretur; Atqui iste locus est, Piso, tibi etiam atque
+            etiam confirmandus, inquam; Sed quia studebat laudi et dignitati, multum in virtute
+            processerat. Naturales divitias dixit parabiles esse, quod parvo esset natura contenta.
+          </p>
+        </article>
+      </section>
+
+      <section class="post">
+        <section class="post-info">
+          <h3>Quonam, inquit, modo?</h3>
+          <h4>Saturday, September 17, 2016</h4>
+        </section>
+
+        <article>
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cur ipse Pythagoras et Aegyptum
+            lustravit et Persarum magos adiit? Expressa vero in iis aetatibus, quae iam confirmatae
+            sunt. Sed haec omittamus; Quamquam tu hanc copiosiorem etiam soles dicere. Duo Reges:
+            constructio interrete. Sic, et quidem diligentius saepiusque ista loquemur inter nos
+            agemusque communiter.
+          </p>
+
+          <p>
+            Eam tum adesse, cum dolor omnis absit; Sin autem est in ea, quod quidam volunt, nihil
+            impedit hanc nostram comprehensionem summi boni. Quae similitudo in genere etiam humano
+            apparet. Effluit igitur voluptas corporis et prima quaeque avolat saepiusque relinquit
+            causam paenitendi quam recordandi. Cur ipse Pythagoras et Aegyptum lustravit et Persarum
+            magos adiit? Audio equidem philosophi vocem, Epicure, sed quid tibi dicendum sit oblitus
+            es. Nobis aliter videtur, recte secusne, postea.
+          </p>
+
+          <p>
+            Que hoc melius nos veriusque quam Stoici. Negat esse eam, inquit, propter se expetendam.
+            An dolor longissimus quisque miserrimus, voluptatem non optabiliorem diuturnitas facit?
+            Quamquam tu hanc copiosiorem etiam soles dicere. Duae sunt enim res quoque, ne tu verba
+            solum putes. Sed eum qui audiebant, quoad poterant, defendebant sententiam suam.
+          </p>
+
+        </article>
+      </section>
+    </main>
+
+    <footer>
+      <section id="copyright">
+        &copy; 2016 J. Noelle Morris
+      </section>
+      <nav id="social">
+        <a href="mailto:[email protected]"><img src="assets/imgs/mail.png" alt="email logo"/></a>
+        <a href="https://www.github.com/johnanmorris"><img src="assets/imgs/github.png" alt="github logo"/></a>
+        <a href="https://www.twitter.com/ParolePerdute"><img src="assets/imgs/twitter.png" alt="twitter logo"/></a>
+      </nav>
+    </footer>
+
+  </body>
+
+</html>
diff --git a/favicon.ico b/favicon.ico
diff --git a/hobby-blog.html b/hobby-blog.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta charset="utf-8">
+    <title>J. Noelle Morris - Hobby Blog</title>
+    <link rel="stylesheet" href="styles/styles.css">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
+    <link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:400,400i,700,700i|Yatra+One&subset=latin-ext" rel="stylesheet">
+  </head>
+
+  <body>
+    <header>
+      <h1>J. Noelle Morris</h1>
+      <h2>Hobby Blog</h2>
+      <nav>
+        <ul>
+          <li><a href="index.html">home</a></li>
+          <li><a href="about.html">about</a></li>
+          <li><a href="portfolio.html">portfolio</a></li>
+          <li><a href="code-journal.html">code journal</a></li>
+          <li><a href="hobby-blog.html">hobby blog</a></li>
+        </ul>
+      </nav>
+    </header>
+
+    <main>
+      <section class="post">
+        <section class="post-info">
+          <h3>Theophrasti igitur, inquit, tibi liber?</h3>
+          <h4>Saturday, September 17, 2016</h4>
+        </section>
+
+        <article>
+          <p>
+            Praeclare hoc quidem. Quid ergo aliud intellegetur nisi uti ne quae pars naturae
+            neglegatur? Tanta vis admonitionis inest in locis; Cum autem in quo sapienter dicimus,
+            id a primo rectissime dicitur. Est enim effectrix multarum et magnarum voluptatum. Quae
+            hic rei publicae vulnera inponebat, eadem ille sanabat. Piso, familiaris noster, et
+            alia multa et hoc loco Stoicos irridebat: Quid enim? Duo Reges: constructio interrete.
+            Nummus in Croesi divitiis obscuratur, pars est tamen divitiarum.
+          </p>
+
+          <blockquote cite='http://loripsum.net'>
+            Hic dolor populi Romani duce et auctore Bruto causa civitati libertatis fuit, ob
+            eiusque mulieris memoriam primo anno et vir et pater eius consul est factus.
+          </blockquote>
+
+          <p>
+            Quod cum dixissent, ille contra. Non autem hoc: igitur ne illud quidem. Si longus, levis
+            dictata sunt. Non est igitur summum malum dolor. Tum, Quintus et Pomponius cum idem se
+            velle dixissent, Piso exorsus est. Quid enim est a Chrysippo praetermissum in Stoicis?
+          </p>
+
+          <p>
+            Primum quid tu dicis breve? Quae cum dixisset paulumque institisset, Quid est?
+            Intellegi quidem, ut propter aliam quampiam rem, verbi gratia propter voluptatem, nos
+            amemus; Videsne quam sit magna dissensio? Te enim iudicem aequum puto, modo quae dicat
+            ille bene noris. Commoda autem et incommoda in eo genere sunt, quae praeposita et
+            reiecta diximus; Sin autem est in ea, quod quidam volunt, nihil impedit hanc nostram
+            comprehensionem summi boni. Vide, quaeso, rectumne sit.
+          </p>
+        </article>
+      </section>
+
+      <section class="post">
+        <section class="post-info">
+          <h3>Quia, si mala sunt, is, qui erit in iis</h3>
+          <h4>Friday, September 16, 2016</h4>
+        </section>
+
+        <article>
+          <p>
+            An hoc usque quaque, aliter in vita? Bonum patria: miserum exilium. Duo Reges: constructio
+            interrete.
+          </p>
+
+          <p>
+            Quod vestri non item. Nos commodius agimus. Equidem e Cn. Memini vero, inquam; Quid me
+            istud rogas?
+          </p>
+
+          <p>
+            Pauca mutat vel plura sane; Quis Aristidem non mortuum diligit? Sed fortuna fortis;
+            Certe, nisi voluptatem tanti aestimaretis. Ille incendat? Immo alio genere.
+          </p>
+
+          <p>
+            Urgent tamen et nihil remittunt. Dat enim intervalla et relaxat. Quae sequuntur
+            igitur? At hoc in eo M. Ut aliquid scire se gaudeant? Beatum, inquit.
+          </p>
+
+          <p>
+            Quibusnam praeteritis? Iam contemni non poteris. Quantum Aristoxeni ingenium
+            consumptum videmus in musicis? Sed ad bona praeterita redeamus.
+          </p>
+        </article>
+      </section>
+    </main>
+
+    <footer>
+      <section id="copyright">
+        &copy; 2016 J. Noelle Morris
+      </section>
+      <nav id="social">
+        <a href="mailto:[email protected]"><img src="assets/imgs/mail.png" alt="email logo"/></a>
+        <a href="https://www.github.com/johnanmorris"><img src="assets/imgs/github.png" alt="github logo"/></a>
+        <a href="https://www.twitter.com/ParolePerdute"><img src="assets/imgs/twitter.png" alt="twitter logo"/></a>
+      </nav>
+    </footer>
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>J. Noelle Morris</title>
+    <link rel="stylesheet" href="styles/styles.css">
+    <link rel="stylesheet" href="styles/index.css">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
+    <link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:400,400i,700,700i|Yatra+One&subset=latin-ext" rel="stylesheet">
+  </head>
+  <body>
+    <header>
+      <h1>J. Noelle Morris</h1>
+      <h2>Junior Web Developer</h2>
+    </header>
+
+    <nav>
+      <p>
+        <a href="index.html">home</a>
+      </p>
+
+      <p>
+        <a href="about.html">about</a>
+      </p>
+
+      <p>
+        <a href="portfolio.html">portfolio</a>
+      </p>
+
+      <p>
+        <a href="code-journal.html">code journal</a>
+      </p>
+
+      <p>
+        <a href="hobby-blog.html">hobby blog</a>
+      </p>
+
+    </nav>
+
+    <footer>
+      <section id="copyright">
+        &copy; 2016 J. Noelle Morris
+      </section>
+      <nav id="social">
+        <a href="mailto:[email protected]"><img src="assets/imgs/mail.png" alt="email logo"/></a>
+        <a href="https://www.github.com/johnanmorris"><img src="assets/imgs/github.png" alt="github logo"/></a>
+        <a href="https://www.twitter.com/ParolePerdute"><img src="assets/imgs/twitter.png" alt="twitter logo"/></a>
+      </nav>
+    </footer>
+  </body>
+</html>