diff --git a/content/about.html b/content/about.html new file mode 100644 index 000000000..82531429b --- /dev/null +++ b/content/about.html @@ -0,0 +1,72 @@ + + + + + + + + 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 new file mode 100644 index 000000000..e4663028e --- /dev/null +++ b/content/code-journal.html @@ -0,0 +1,167 @@ + + + + + + + + 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. +

+

+ css code +

+

+ Some code from this project, how meta. +

+

+ 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

+
+
+

+ html code +

+

+ 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. +

+

+ html code 2 +

+

+ 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. +

+

+ css code +

+

+ Another caption of picture +

+

+ html code +

+

+ 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 new file mode 100644 index 000000000..9bf7975bd --- /dev/null +++ b/content/index.html @@ -0,0 +1,56 @@ + + + + + + + + LR | Home + + +
+

LR

 + + +
+ +
+
+

Hello,

+

I'm Laura.

+

I'm a full stack web developer

+
+
+ + + + diff --git a/content/portfolio.html b/content/portfolio.html new file mode 100644 index 000000000..0bb37f5f6 --- /dev/null +++ b/content/portfolio.html @@ -0,0 +1,98 @@ + + + + + + + + LR | Portfolio + + +
+

LR

 + + +
+ +
+ +
+

Portfolio

+ +
+

+ portfolio 1 +

+

Solar System

+

Ruby

+

+ 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 +

+
+ +
+

+ portfolio 2 +

+

Meowspace

+

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 +

+
+ +
+

+ portfolio 3 +

+

Word guessing game

+

Ruby

+

+ 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/images/code1.png b/images/code1.png new file mode 100644 index 000000000..cdccf0bcf Binary files /dev/null and b/images/code1.png differ diff --git a/images/code2.png b/images/code2.png new file mode 100644 index 000000000..cb962237d Binary files /dev/null and b/images/code2.png differ diff --git a/images/code3.png b/images/code3.png new file mode 100644 index 000000000..5eb9f441e Binary files /dev/null and b/images/code3.png differ diff --git a/images/portfolio1.png b/images/portfolio1.png new file mode 100644 index 000000000..809a1a4a1 Binary files /dev/null and b/images/portfolio1.png differ diff --git a/images/portfolio2.png b/images/portfolio2.png new file mode 100644 index 000000000..1a54a8792 Binary files /dev/null and b/images/portfolio2.png differ diff --git a/images/portfolio3.png b/images/portfolio3.png new file mode 100644 index 000000000..ea3f7a1eb Binary files /dev/null and b/images/portfolio3.png differ diff --git a/stylesheets/normalize.css b/stylesheets/normalize.css new file mode 100644 index 000000000..e69de29bb diff --git a/stylesheets/styles.css b/stylesheets/styles.css new file mode 100644 index 000000000..92bea569e --- /dev/null +++ b/stylesheets/styles.css @@ -0,0 +1,297 @@ +body { + margin: 0; + background: #F5E4E0; + color: #1d1d1d; + font-family: 'Raleway', sans-serif; + font-size: 14px; +} + +a { + color: #1d1d1d; + text-decoration: none; +} + +a:hover { + color: rgba(0,0,0,0.5); +} + +h1, h2, h3, h4, header nav ul li, .social, .more-button { + text-transform: uppercase; +} + +h4 { + font-size: 0.8em; + letter-spacing: 0.1em; + font-style: italic; +} + +p { + text-align: justify; + line-height: 1.8em; +} + +ul { + padding: 0; +} + +ul li { + display: inline-block; + padding: 3px 0.2em 3px 0.6em; +} + +img { + max-width: 100%; + height: auto; +} + +article { + margin-bottom: 150px; +} + +article:last-child { + margin-bottom: 0; +} + +header nav, .social, footer h4, .more-button { + font-size: 0.75em; + letter-spacing: 0.4em; + font-weight: 800; +} + +/* ----------- Header & Footer ----------- */ + +header, footer { + padding: 0 10px; + height: 50px; +} + +header nav, footer nav { + margin-top: 8px; + float: right; +} + +header h1, header nav, footer h4, footer nav{ + display: inline-block; +} + +header h1 { + font-size: 0.8em; + letter-spacing: 0.1em; + padding: 11px 10px; + border: 2px solid #1d1d1d; + border-radius: 50%; + transition: transform 0.5s ease; +} + +header h1:hover { + color: #1d1d1d; + transform: rotate(90deg); +} + +footer h4 { + font-style: normal; + padding-top: 8px; + letter-spacing: 0.1em; +} + +/* ----------- Main ----------- */ + +main { + margin: 0 auto; + max-width: 500px; + min-height: 63vh; + padding: 75px 15px; +} + +main .social { + text-align: right; +} + +main h2 { + color: #f4d4cd; + margin: 0 0 0 -10px; + padding: 0 0 0 14px; + height: 0; + font-size: 2em; + letter-spacing: 0.8em; + transform: rotate(90deg); + transform-origin: left top; +} + +/* ----------- Index ----------- */ + +.intro { + font-size: 2em; +} + +.color { + color: #D12128; +} + +::before, ::after { + position: absolute; + padding-top: 5px; + font-size: 30px; + text-transform: lowercase; + transition: opacity 0.5s ease; + opacity: 0; +} + +::before { + left: 0; +} + +::after { + right: 0; +} + +:hover::before, :hover::after { + opacity: 1; +} + +.intro h1, .intro h3 { + position: relative; + display: inline-block; + padding: 0 120px 0 100px; + margin: 5px 0; +} + +.intro h1::before { + content: "

"; +} + +.intro h1::after { + content: "

"; +} + +.intro h3::before { + content: "

"; + top: 15px; +} + +.intro h3::after { + content: "

"; + top: 15px; +} + +/* ----------- Portfolio ----------- */ + +.portfolio h3, .portfolio h4, .more-button { + text-align: center; + margin: 0; + padding: 5px 0; +} + +.portfolio h3 { + border-bottom: 2px solid #f4d4cd; +} + +.portfolio p:nth-child(4) { + padding: 15px 0; +} + +/* ----------- Code Journal ----------- */ + +.single-footer, .single-header { + padding: 0; +} + +.single-header h3, .single-header h4 { + margin-bottom: 0; +} + +.single-footer { + border-top: 2px solid #f4d4cd; +} + +.single-footer p, .single-footer ul { + display: inline-block; + margin: 0; +} + +.single-footer p, .caption, .archive { + margin-right: 10px; + font-weight: 300; + letter-spacing: 0.1em; + text-transform: uppercase; + font-size: 0.8em; +} + +.caption { + margin: -5px 0; + text-align: center; + font-style: italic; +} + +.archive { + margin: 0; + text-align: right; +} + +/* ----------- About ----------- */ + +.profile-pic { + text-align: center; +} + +.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; + } +}