Skip to content

Laura Robertson -- Carets #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
LauraAddams wants to merge 14 commits into
base: master
Choose a base branch
from
Open

Laura Robertson -- Carets #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
1a3948c
Html and Stylesheets created with base structure
LauraAddams Sep 15, 2017
cb920a6
Html files moved into Content directory
LauraAddams Sep 15, 2017
d2c2f72
Css Reset added
LauraAddams Sep 15, 2017
aac71b6
Created content for html pages with classes, Changed to normalize css…
LauraAddams Sep 17, 2017
0d0c9c8
Header base design, html H1 modified
LauraAddams Sep 17, 2017
76425de
Footer base design done
LauraAddams Sep 17, 2017
db89e5a
General styling to main and paragraph
LauraAddams Sep 17, 2017
263e9aa
Portfolio page styled
LauraAddams Sep 17, 2017
904d047
Code Journal styled, html for modified for port & journal for CSS ref…
LauraAddams Sep 18, 2017
453f0e2
About page styled
LauraAddams Sep 18, 2017
28968e6
Styled Index, added content to index html
LauraAddams Sep 18, 2017
ef9f54a
Personalized it with personal thumbnails and links
LauraAddams Sep 18, 2017
2244782
Minor changes after running HTML checker
LauraAddams Sep 18, 2017
51cf5f2
Mobile friendly, fun bits added
LauraAddams Sep 18, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 72 additions & 0 deletions content/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Raleway:200,200i,400,400i,600,800" rel="stylesheet">
<link href="../stylesheets/normalize.css" rel="stylesheet">
<link href="../stylesheets/styles.css" rel="stylesheet">
<title>LR | About</title>
</head>
<body>
<header>
<a href="index.html"><h1>LR</h1></a>

<nav>
<ul>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="code-journal.html">Code Journal</a>
</li>
<li>
<a href="about.html">About</a>
</li>
</ul>
</nav>
</header>

<main>
<section class="about">
<p class="profile-pic">
<img alt="placeholder" src="http://via.placeholder.com/250x250" />
</p>
<h3>Hello, again.</h3>
<h3 id="wave">🖐</h3>
<p>
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.
</p>
<ul class="social">
<li>
<a href="https://github.com/LauraRobertson/">Github</a>
</li>
<li>
<a href="https://codepen.io/LauraRobertson/">Codepen</a>
</li>
<li>
<a href="https://www.linkedin.com/in/laura-robertson-1416925b/">Linkedin</a>
</li>
</ul>
</section>
</main>

<footer>
<h4>
© 2017 Laura Robertson
</h4>
<nav>
<ul class="social">
<li>
<a href="https://github.com/LauraRobertson/">Github</a>
</li>
<li>
<a href="https://codepen.io/LauraRobertson/">Codepen</a>
</li>
<li>
<a href="https://www.linkedin.com/in/laura-robertson-1416925b/">Linkedin</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>
167 changes: 167 additions & 0 deletions content/code-journal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,167 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Raleway:200,200i,400,400i,600,800" rel="stylesheet">
<link href="../stylesheets/normalize.css" rel="stylesheet">
<link href="../stylesheets/styles.css" rel="stylesheet">
<title>LR | Code Journal</title>
</head>
<body>
<header>
<a href="index.html"><h1>LR</h1></a>

<nav>
<ul>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="code-journal.html">Code Journal</a>
</li>
<li>
<a href="about.html">About</a>
</li>
</ul>
</nav>
</header>

<main>

<section class="code-journal">
<h2>Code Journal</h2>

<article class="single-entry">
<header class="single-header">
<h3>Leggings la croix swag coloring book</h3>
<h4>09-17-2017</h4>
</header>
<section class="single-content">
<p>
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.
</p>
<p>
<img alt="css code" src="../images/code1.png" />
</p>
<p class="caption">
Some code from this project, how meta.
</p>
<p>
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.
</p>
</section>
<footer class="single-footer">
<p> Share:</p>
<ul class="social">
<li>
<a href="#">Twitter</a>
</li>
<li>
<a href="#">Facebook</a>
</li>
<li>
<a href="#">Pinterest</a>
</li>
</ul>
</footer>
</article>

<article class="single-entry">
<header class="single-header">
<h3>Cold-pressed bicycle rights</h3>
<h4>09-17-2017</h4>
</header>
<section class="single-content">
<p>
<img alt="html code" src="../images/code2.png" />
</p>
<p>
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.
</p>
<p>
<img alt="html code 2" src="../images/code3.png" />
</p>
<p>
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.
</p>
</section>
<footer class="single-footer">
<p> Share:</p>
<ul class="social">
<li>
<a href="#">Twitter</a>
</li>
<li>
<a href="#">Facebook</a>
</li>
<li>
<a href="#">Pinterest</a>
</li>
</ul>
</footer>
</article>

<article class="single-entry">
<header class="single-header">
<h3>Pour-over palo santo enamel pin</h3>
<h4>09-17-2017</h4>
</header>
<section class="single-content">
<p>
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.
</p>
<p>
<img alt="css code" src="../images/code1.png" />
</p>
<p class="caption">
Another caption of picture
</p>
<p>
<img alt="html code" src="../images/code2.png" />
</p>
<p>
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.
</p>
</section>
<footer class="single-footer">
<p> Share:</p>
<ul class="social">
<li>
<a href="#">Twitter</a>
</li>
<li>
<a href="#">Facebook</a>
</li>
<li>
<a href="#">Pinterest</a>
</li>
</ul>
</footer>
</article>

</section>
<p class="archive">
<a href="#">Older Posts ☞</a>
</p>
</main>

<footer>
<h4>
© 2017 Laura Robertson
</h4>
<nav>
<ul class="social">
<li>
<a href="https://github.com/LauraRobertson/">Github</a>
</li>
<li>
<a href="https://codepen.io/LauraRobertson/">Codepen</a>
</li>
<li>
<a href="https://www.linkedin.com/in/laura-robertson-1416925b/">Linkedin</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>
56 changes: 56 additions & 0 deletions content/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Raleway:200,200i,400,400i,600,800" rel="stylesheet">
<link href="../stylesheets/normalize.css" rel="stylesheet">
<link href="../stylesheets/styles.css" rel="stylesheet">
<title>LR | Home</title>
</head>
<body>
<header>
<a href="index.html"><h1>LR</h1></a>

<nav>
<ul>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="code-journal.html">Code Journal</a>
</li>
<li>
<a href="about.html">About</a>
</li>
</ul>
</nav>
</header>

<main>
<section class="intro">
<h1>Hello,</h1>
<h1>I'm Laura.</h1>
<h3>I'm a <span class="color">full stack web developer</span></h3>
</section>
</main>

<footer>
<h4>
© 2017 Laura Robertson
</h4>
<nav>
<ul class="social">
<li>
<a href="https://github.com/LauraRobertson/">Github</a>
</li>
<li>
<a href="https://codepen.io/LauraRobertson/">Codepen</a>
</li>
<li>
<a href="https://www.linkedin.com/in/laura-robertson-1416925b/">Linkedin</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>
98 changes: 98 additions & 0 deletions content/portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Raleway:200,200i,400,400i,600,800" rel="stylesheet">
<link href="../stylesheets/normalize.css" rel="stylesheet">
<link href="../stylesheets/styles.css" rel="stylesheet">
<title>LR | Portfolio</title>
</head>
<body>
<header>
<a href="index.html"><h1>LR</h1></a>

<nav>
<ul>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="code-journal.html">Code Journal</a>
</li>
<li>
<a href="about.html">About</a>
</li>
</ul>
</nav>
</header>

<main>

<section class="portfolio">
<h2>Portfolio</h2>

<article class="portfolio-item">
<p class="thumbnails">
<a href="#"><img alt="portfolio 1" src="../images/portfolio1.png" /></a>
</p>
<h3>Solar System</h3>
<h4>Ruby</h4>
<p>
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.
</p>
<p class="more-button">
<a href="https://github.com/LauraRobertson/Solar-System">See on Github</a>
</p>
</article>

<article class="portfolio-item">
<p class="thumbnails">
<a href="#"><img alt="portfolio 2" src="../images/portfolio2.png" /></a>
</p>
<h3>Meowspace</h3>
<h4>HTML, CSS</h4>
<p>
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.
</p>
<p class="more-button">
<a href="https://github.com/LauraRobertson/meowspace">See on Github</a>
</p>
</article>

<article class="portfolio-item">
<p class="thumbnails">
<a href="#"><img alt="portfolio 3" src="../images/portfolio3.png" /></a>
</p>
<h3>Word guessing game</h3>
<h4>Ruby</h4>
<p>
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.
</p>
<p class="more-button">
<a href="https://github.com/LauraRobertson/Word-Guess">See on Github</a>
</p>
</article>

</section>
</main>

<footer>
<h4>
© 2017 Laura Robertson
</h4>
<nav>
<ul class="social">
<li>
<a href="https://github.com/LauraRobertson/">Github</a>
</li>
<li>
<a href="https://codepen.io/LauraRobertson/">Codepen</a>
</li>
<li>
<a href="https://www.linkedin.com/in/laura-robertson-1416925b/">Linkedin</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>
Binary file added images/code1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/code2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/code3.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/portfolio3.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Empty file added stylesheets/normalize.css
View file
Open in desktop
Empty file.
Loading