From 1a3948cc6853866ee1d900dd7da47b1f46c37b5b Mon Sep 17 00:00:00 2001 From: Laura Robertson Date: Fri, 15 Sep 2017 13:16:08 -0700 Subject: [PATCH 01/14] Html and Stylesheets created with base structure --- about.html | 34 ++++++++++++++++++++++++++++++++++ code-journal.html | 34 ++++++++++++++++++++++++++++++++++ index.html | 34 ++++++++++++++++++++++++++++++++++ portfolio.html | 34 ++++++++++++++++++++++++++++++++++ stylesheets/styles.css | 7 +++++++ 5 files changed, 143 insertions(+) create mode 100644 about.html create mode 100644 code-journal.html create mode 100644 index.html create mode 100644 portfolio.html create mode 100644 stylesheets/styles.css diff --git a/about.html b/about.html new file mode 100644 index 000000000..592c455c5 --- /dev/null +++ b/about.html @@ -0,0 +1,34 @@ + + + + + + LR | About + + +
+ +
+ + + + + + diff --git a/code-journal.html b/code-journal.html new file mode 100644 index 000000000..57790b602 --- /dev/null +++ b/code-journal.html @@ -0,0 +1,34 @@ + + + + + + LR | Code Journal + + +
+ +
+ + + + + + diff --git a/index.html b/index.html new file mode 100644 index 000000000..7f39096af --- /dev/null +++ b/index.html @@ -0,0 +1,34 @@ + + + + + + LR | Home + + +
+ +
+ + + + + + diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 000000000..826b757d6 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,34 @@ + + + + + + LR | Portfolio + + +
+ +
+ + + + + + diff --git a/stylesheets/styles.css b/stylesheets/styles.css new file mode 100644 index 000000000..1c1c460ba --- /dev/null +++ b/stylesheets/styles.css @@ -0,0 +1,7 @@ +body { + background: pink; +} + +#port { + background: salmon; +} From cb920a60a3fed680ef7fa98b80304ddb234ea553 Mon Sep 17 00:00:00 2001 From: Laura Robertson Date: Fri, 15 Sep 2017 13:19:44 -0700 Subject: [PATCH 02/14] Html files moved into Content directory --- about.html => content/about.html | 2 +- code-journal.html => content/code-journal.html | 2 +- index.html => content/index.html | 2 +- portfolio.html => content/portfolio.html | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) rename about.html => content/about.html (88%) rename code-journal.html => content/code-journal.html (88%) rename index.html => content/index.html (88%) rename portfolio.html => content/portfolio.html (88%) diff --git a/about.html b/content/about.html similarity index 88% rename from about.html rename to content/about.html index 592c455c5..9a9452f0d 100644 --- a/about.html +++ b/content/about.html @@ -2,7 +2,7 @@ - + LR | About diff --git a/code-journal.html b/content/code-journal.html similarity index 88% rename from code-journal.html rename to content/code-journal.html index 57790b602..a902ac4d9 100644 --- a/code-journal.html +++ b/content/code-journal.html @@ -2,7 +2,7 @@ - + LR | Code Journal diff --git a/index.html b/content/index.html similarity index 88% rename from index.html rename to content/index.html index 7f39096af..0e395f0f9 100644 --- a/index.html +++ b/content/index.html @@ -2,7 +2,7 @@ - + LR | Home diff --git a/portfolio.html b/content/portfolio.html similarity index 88% rename from portfolio.html rename to content/portfolio.html index 826b757d6..5e7e1fb74 100644 --- a/portfolio.html +++ b/content/portfolio.html @@ -2,7 +2,7 @@ - + LR | Portfolio From d2c2f721262a3c72c594c40b5a905bb1aba48cc2 Mon Sep 17 00:00:00 2001 From: Laura Robertson Date: Fri, 15 Sep 2017 13:26:13 -0700 Subject: [PATCH 03/14] Css Reset added --- content/about.html | 1 + content/code-journal.html | 1 + content/index.html | 1 + content/portfolio.html | 1 + stylesheets/reset.css | 48 +++++++++++++++++++++++++++++++++++++++ stylesheets/styles.css | 4 ---- 6 files changed, 52 insertions(+), 4 deletions(-) create mode 100644 stylesheets/reset.css diff --git a/content/about.html b/content/about.html index 9a9452f0d..10e32372c 100644 --- a/content/about.html +++ b/content/about.html @@ -2,6 +2,7 @@ + LR | About diff --git a/content/code-journal.html b/content/code-journal.html index a902ac4d9..ca8374051 100644 --- a/content/code-journal.html +++ b/content/code-journal.html @@ -2,6 +2,7 @@ + LR | Code Journal diff --git a/content/index.html b/content/index.html index 0e395f0f9..01c434eb9 100644 --- a/content/index.html +++ b/content/index.html @@ -2,6 +2,7 @@ + LR | Home diff --git a/content/portfolio.html b/content/portfolio.html index 5e7e1fb74..77b5e34a8 100644 --- a/content/portfolio.html +++ b/content/portfolio.html @@ -2,6 +2,7 @@ + LR | Portfolio diff --git a/stylesheets/reset.css b/stylesheets/reset.css new file mode 100644 index 000000000..ed11813c4 --- /dev/null +++ b/stylesheets/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/stylesheets/styles.css b/stylesheets/styles.css index 1c1c460ba..cc9eaffcc 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -1,7 +1,3 @@ body { background: pink; } - -#port { - background: salmon; -} From aac71b6ab09ce91181044546a7767804a3fc77d6 Mon Sep 17 00:00:00 2001 From: Laura Robertson Date: Sun, 17 Sep 2017 13:52:36 -0700 Subject: [PATCH 04/14] Created content for html pages with classes, Changed to normalize css instead of reset --- content/about.html | 75 ++++++++++++----- content/code-journal.html | 166 +++++++++++++++++++++++++++++++++----- content/index.html | 58 ++++++++----- content/portfolio.html | 99 ++++++++++++++++++----- stylesheets/normalize.css | 0 stylesheets/reset.css | 48 ----------- stylesheets/styles.css | 4 +- 7 files changed, 327 insertions(+), 123 deletions(-) create mode 100644 stylesheets/normalize.css delete mode 100644 stylesheets/reset.css diff --git a/content/about.html b/content/about.html index 10e32372c..384e7b121 100644 --- a/content/about.html +++ b/content/about.html @@ -2,34 +2,73 @@ - + + LR | About
+

LR

+
- +
+
+

+ placeholder +

+

Hello, again.

+

+ Keffiyeh fingerstache gluten-free organic forage single-origin coffee, you probably haven't heard of them hell of tousled tote bag chambray. Semiotics kinfolk next level, bitters snackwave kale chips polaroid put a bird on it la croix tote bag. Polaroid trust fund, VHS chambray coloring book quinoa. Fanny pack stumptown 3 wolf moon, cred iPhone ennui bicycle rights drinking vinegar VHS echo park. +

+ +
+
diff --git a/content/code-journal.html b/content/code-journal.html index ca8374051..c7797ce03 100644 --- a/content/code-journal.html +++ b/content/code-journal.html @@ -2,34 +2,164 @@ - + + LR | Code Journal
+

LR

+
- +
+

Code Journal

+
-
+
+
+

Leggings la croix swag coloring book

+

09-17-2017

+
+
+

+ Yuccie craft beer bicycle rights direct trade small batch mumblecore normcore edison bulb. Fanny pack man bun enamel pin meh man braid gentrify. Hoodie pickled tacos, deep v offal migas biodiesel wayfarers. Helvetica af small batch bushwick viral pinterest cornhole everyday carry tumblr before they sold out tumeric actually bicycle rights gentrify. Heirloom pork belly photo booth slow-carb chartreuse single-origin coffee bushwick listicle mustache polaroid helvetica artisan live-edge. +

+

+ placeholder +

+

+ 90's meditation biodiesel freegan. Man bun bespoke vape subway tile chillwave, plaid flexitarian 8-bit vaporware succulents fingerstache tattooed swag truffaut seitan. Intelligentsia single-origin coffee ennui, health goth bitters gluten-free tofu 3 wolf moon raclette roof party 90's kale chips kickstarter heirloom. Flexitarian af franzen meh pug la croix, hot chicken craft beer flannel typewriter venmo four loko cloud bread. Kitsch keytar letterpress, normcore blog master cleanse meh. Knausgaard XOXO tumeric neutra copper mug, glossier succulents health goth. Fashion axe sustainable 3 wolf moon jean shorts. +

+
+ +
+ +
+
+

Cold-pressed bicycle rights

+

09-17-2017

+
+
+

+ placeholder +

+

+ Craft beer kogi affogato flexitarian gastropub food truck polaroid narwhal raclette. Meggings vice gluten-free snackwave distillery letterpress thundercats typewriter church-key glossier raclette you probably haven't heard of them adaptogen. Fixie meggings banh mi, vaporware disrupt scenester church-key locavore man bun cold-pressed bicycle rights microdosing narwhal tumeric. Fixie thundercats lo-fi marfa actually sustainable trust fund stumptown street art jianbing. Tofu squid drinking vinegar, keffiyeh street art lo-fi marfa unicorn schlitz lomo occupy. Venmo listicle jianbing disrupt, messenger bag photo booth affogato. Photo booth bicycle rights hexagon umami green juice meh. +

+

+ placeholder +

+

+ 8-bit slow-carb truffaut, pok pok normcore blog pork belly salvia unicorn mumblecore microdosing next level fixie health goth. Chia craft beer affogato literally. Echo park pour-over cold-pressed, tacos succulents seitan tumblr roof party DIY vaporware flexitarian actually wolf. Deep v marfa kombucha, green juice drinking vinegar poke authentic microdosing meditation shoreditch. Flexitarian twee single-origin coffee yr adaptogen cold-pressed DIY actually chillwave tote bag. Offal locavore flexitarian kogi mumblecore listicle raw denim, man braid try-hard beard. Wolf mlkshk echo park ramps VHS pitchfork. Four dollar toast distillery unicorn, poke plaid williamsburg taiyaki chicharrones pour-over cornhole humblebrag aesthetic polaroid snackwave coloring book. Four loko biodiesel meditation affogato VHS. Fam banh mi plaid bushwick, heirloom tacos literally tote bag mixtape tilde DIY thundercats viral bespoke distillery. +

+
+ +
+ +
+
+

Pour-over palo santo enamel pin

+

09-17-2017

+
+
+

+ Trust fund vexillologist affogato jean shorts, tilde wayfarers mlkshk chia health goth etsy umami. Schlitz tousled unicorn meggings vinyl letterpress gochujang mustache fingerstache forage waistcoat subway tile vaporware 90's PBR&B. Listicle flannel hot chicken, sustainable asymmetrical slow-carb squid mlkshk. You probably haven't heard of them church-key pickled intelligentsia blue bottle bushwick bespoke hella tumeric chartreuse chia tattooed bitters. Thundercats chambray umami vexillologist jean shorts fingerstache readymade semiotics church-key listicle typewriter pabst taxidermy yr. Irony pop-up drinking vinegar art party copper mug. Kombucha godard DIY, ennui chia celiac tacos organic gentrify chicharrones. +

+

+ placeholder +

+ placeholder +

+

+ Flannel chambray slow-carb hot chicken. Chartreuse hammock flannel copper mug disrupt, kombucha deep v godard small batch. Twee seitan pabst, slow-carb master cleanse helvetica pug chartreuse retro taxidermy venmo authentic irony. Truffaut twee meh palo santo. Mlkshk XOXO four loko, church-key subway tile thundercats fingerstache trust fund shaman kinfolk. Deep v master cleanse kinfolk salvia. Lumbersexual normcore letterpress truffaut stumptown dreamcatcher sustainable salvia marfa tattooed mumblecore selvage air plant next level. Tbh next level shabby chic chia activated charcoal kale chips ramps vinyl sriracha yuccie lo-fi neutra. Williamsburg shoreditch art party woke tbh twee ennui lomo seitan palo santo unicorn authentic. Viral fingerstache kombucha actually ennui venmo chia pok pok chicharrones artisan raw denim leggings hot chicken. +

+
+ +
+

+ Older Posts → +

+
+
+ + diff --git a/content/index.html b/content/index.html index 01c434eb9..2e2faf8b3 100644 --- a/content/index.html +++ b/content/index.html @@ -2,34 +2,56 @@ - + + LR | Home
+

LR

+
- +
+
+

Hello

+
+
diff --git a/content/portfolio.html b/content/portfolio.html index 77b5e34a8..455bc8490 100644 --- a/content/portfolio.html +++ b/content/portfolio.html @@ -2,34 +2,97 @@ - + + LR | Portfolio
+

LR

+
- +
+

Portfolio

+
+
+

+ placeholder +

+

Normcore master cleanse

+

Ruby, HTML, CSS

+

+ Deep v chartreuse portland, twee listicle fashion axe humblebrag readymade photo booth. Portland banh mi master cleanse 90's, messenger bag woke vape tbh crucifix raclette thundercats disrupt pour-over green juice. Raclette PBR&B poke stumptown, typewriter echo park selvage distillery tote bag shabby chic food truck poutine bespoke. +

+

+ See on Github +

+
-
+
+

+ placeholder +

+

Tumeric godard a polaroid succulents

+

Ruby, HTML, CSS

+

+ Messenger bag kitsch mumblecore, jean shorts yuccie retro gentrify pabst put a bird on it bespoke chambray church-key migas. Beard schlitz cray vape typewriter squid salvia art party flexitarian butcher gentrify copper mug master cleanse. Sriracha williamsburg leggings pabst, pop-up vexillologist franzen kinfolk truffaut vegan. Tacos four dollar toast shaman kickstarter taiyaki 3 wolf moon try-hard normcore raclette waistcoat cronut craft beer glossier man braid seitan. +

+

+ See on Github +

+
+ +
+

+ placeholder +

+

Shabby chic umami

+

Ruby, HTML, CSS

+

+ Poke kale chips freegan tumeric tilde tattooed pickled literally pok pok af. Jianbing etsy bicycle rights keffiyeh, VHS retro tbh butcher. Drinking vinegar put a bird on it iPhone pok pok vaporware, franzen normcore williamsburg listicle readymade tumblr kogi palo santo flexitarian. +

+

+ See on Github +

+
+
+
+ diff --git a/stylesheets/normalize.css b/stylesheets/normalize.css new file mode 100644 index 000000000..e69de29bb diff --git a/stylesheets/reset.css b/stylesheets/reset.css deleted file mode 100644 index ed11813c4..000000000 --- a/stylesheets/reset.css +++ /dev/null @@ -1,48 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} diff --git a/stylesheets/styles.css b/stylesheets/styles.css index cc9eaffcc..8b1378917 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -1,3 +1 @@ -body { - background: pink; -} + From 0d0c9c88ddc1c7dfb9cb457fe1c017d66964cee6 Mon Sep 17 00:00:00 2001 From: Laura Robertson Date: Sun, 17 Sep 2017 15:20:54 -0700 Subject: [PATCH 05/14] Header base design, html H1 modified --- content/about.html | 7 ++-- content/code-journal.html | 5 +-- content/index.html | 5 +-- content/portfolio.html | 5 +-- stylesheets/styles.css | 67 +++++++++++++++++++++++++++++++++++++++ 5 files changed, 72 insertions(+), 17 deletions(-) diff --git a/content/about.html b/content/about.html index 384e7b121..48f02c3fb 100644 --- a/content/about.html +++ b/content/about.html @@ -9,13 +9,10 @@
-

LR

+

LR
-

Portfolio

-
+
+

Portfolio

+

portfolio 1 From 51cf5f20f814a89bef18978143c722382df8af56 Mon Sep 17 00:00:00 2001 From: Laura Robertson Date: Sun, 17 Sep 2017 23:15:46 -0700 Subject: [PATCH 14/14] Mobile friendly, fun bits added --- content/about.html | 1 + content/code-journal.html | 4 +-- stylesheets/styles.css | 61 ++++++++++++++++++++++++++++++++++++++- 3 files changed, 63 insertions(+), 3 deletions(-) diff --git a/content/about.html b/content/about.html index 58af61f98..82531429b 100644 --- a/content/about.html +++ b/content/about.html @@ -32,6 +32,7 @@ placeholder

Hello, again.

+

🖐

Keffiyeh fingerstache gluten-free organic forage single-origin coffee, you probably haven't heard of them hell of tousled tote bag chambray. Semiotics kinfolk next level, bitters snackwave kale chips polaroid put a bird on it la croix tote bag. Polaroid trust fund, VHS chambray coloring book quinoa. Fanny pack stumptown 3 wolf moon, cred iPhone ennui bicycle rights drinking vinegar VHS echo park.

diff --git a/content/code-journal.html b/content/code-journal.html index bd2164b3e..e4663028e 100644 --- a/content/code-journal.html +++ b/content/code-journal.html @@ -30,7 +30,7 @@

Code Journal

- +

Leggings la croix swag coloring book

@@ -141,7 +141,7 @@

09-17-2017

- Older Posts → + Older Posts ☞

diff --git a/stylesheets/styles.css b/stylesheets/styles.css index 7c00c6f48..92bea569e 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -36,7 +36,7 @@ ul { ul li { display: inline-block; - padding: 3px 0.3em 3px 0.7em; + padding: 3px 0.2em 3px 0.6em; } img { @@ -99,6 +99,7 @@ footer h4 { main { margin: 0 auto; max-width: 500px; + min-height: 63vh; padding: 75px 15px; } @@ -236,3 +237,61 @@ main h2 { .profile-pic img { border-radius: 50%; } + +.about h3 { + display: inline-block; +} + +#wave { + margin-left: 5px; + animation: hello 1.5s infinite ease-in-out; + transform-origin: bottom center; +} + +@keyframes hello { + 0% { + transform: rotate(20deg); + } + 50% { + transform: rotate(-20deg); + } + 100% { + transform: rotate(20deg); + } +} + +/* ----------- Small Screens ----------- */ + +@media screen and (max-width: 540px) { + .intro { + font-size: 1.5em; + } + + footer h4, footer nav{ + margin: 0; + width: 100%; + text-align: center; + } + + footer nav ul{ + margin: 4px 0 20px; + } + + ::before, ::after { + padding-top: 0; + } +} + +@media screen and (max-width: 414px) { + header, footer { + padding: 0 0 0 5px; + } + + .intro h1:nth-child(2)::before { + top: 15px; + } + + .intro h1:nth-child(2)::after { + top: 15px; + } +}