Skip to content

lauren- pipes- static-site #36

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
wants to merge 12 commits into
base: master
Choose a base branch
from
Open

lauren- pipes- static-site #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
6050e2a
create files and css
laurenelee Sep 16, 2017
c7edb17
add portfolio and css
laurenelee Sep 16, 2017
831f977
new images and improve about section
laurenelee Sep 16, 2017
f79aeea
add blog section
laurenelee Sep 17, 2017
5d971b8
playing the margin game
laurenelee Sep 17, 2017
1fdbb6d
new colors
laurenelee Sep 17, 2017
d527eb8
sidebar navigation
laurenelee Sep 17, 2017
d1e5909
add scrolling to blog
laurenelee Sep 18, 2017
2e6b810
add alt descriptors based on HTML validator
laurenelee Sep 18, 2017
627e1bd
new images to link to github
laurenelee Sep 26, 2017
53a07d6
new layout
laurenelee Sep 28, 2017
d0a3683
new configuration of content
laurenelee Sep 29, 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
Empty file added blog1.html
View file
Open in desktop
Empty file.
26 changes: 26 additions & 0 deletions html/about-me.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="../styles/about-me.css">
<link rel="icon" href="../images_style_sheets/avocado.png">
<title>Lauren Lee</title>
</head>

<body>
<header>
<p>
Originally from Chicago, IL, I grew up playing ice hockey and eating loads of deep dish pizza.
</p>
<p>
I received my Undergraduate and Master's degree from Occidental College in Los Angeles (where I was also Oswald the Tiger, Occidental's mascot).
</p>
<p>
I taught scuba diving in Belize and then high school English in Seattle until I discovered @ Ada Developer's Academy!
</p>
</header>

</body>
</html>
98 changes: 98 additions & 0 deletions html/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="../styles/about-css.css">
<link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nixie+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
<link rel="icon" href="../images_style_sheets/avocado.png">
<title>Lauren Lee</title>
</head>

<body>

<header>
<nav>
<ul>
<li><a class="icon" href="https://www.instagram.com/laurenlee88/?hl=en" target="_blank" > <img alt="insta logo" src="../images_style_sheets/icons/instagram.png" </a></li>

<li><a class="icon" href="mailto:[email protected]" target="_blank" > <img alt="email logo" src="../images_style_sheets/icons/email-128.png" </a></li>

<li><a class="icon" href="https://github.com/laurenelee?tab=repositories" target="_blank"> <img alt="gitlogo" src="../images_style_sheets/icons/github.png"></a></li>

<li><a class="icon" href="https://twitter.com/Laurenelee88" target="_blank" > <img alt="twitter logo" src="../images_style_sheets/icons/twitter.png" </a></li>

<li><a class="icon" href="https://www.facebook.com/lauren.lee.1804" target="_blank"> <img alt="fb logo" src="../images_style_sheets/icons/fb.png"></a></li>
<!-- <li><a class="nav" href="codejournal.html">CODE JOURNAL </a></li>
<li><a class="nav" href="portfolio.html">PORTFOLIO </a></li> -->
</ul>
</nav>
</header>

<div class="hello">
<p>
<img alt="selfie" src="../images_style_sheets/oswald.png">
</p>
<div class="parent">
<h1>
Hello! I'm Lauren 👩🏼‍💻
</h1>
<article>
<p>
Originally from Chicago, IL, I grew up playing ice hockey and loving deep dish 🍕.
</p>
<p>
I received my Undergraduate and Master's degree from Occidental College in Los Angeles (where I was also Oswald the Tiger🐯, Occidental's mascot).
</p>
<p>
I taught scuba diving in Belize🐠 and then high school English in Seattle until I discovered @<a class="ada" href="http://adadevelopersacademy.org/"> Ada Developer's Academy</a>!
</p>

</article>
</div>
</div>
<div id="blogs" class="blogs">
<p class="read">
Blog Posts
</p>

<article class="logo">
<div class="container">
<a href="blog1.html" target="_blank">
<img src="../images_style_sheets/zam6.jpg" alt="zam" class="image">
<div class="middle">
<div class="text">Fell in Love</div>
</div>
</div>

<div class="container">
<a href="blog2.html" target="_blank">
<img src="../images_style_sheets/hi.jpg" alt="word_guess" class="image">
<div class="middle">
<div class="text">Networking</div>
</div>
</div>

<div class="container">
<a href="blog3.html" target="_blank">
<img src="../images_style_sheets/computer.png" alt="word_guess" class="image">
<div class="middle">
<div class="text">Discovering Ada</div>
</div>
</div>
</a>
</div>

<footer>
<p>
copyright 2017
</p>
</footer>


</body>
</html>
57 changes: 57 additions & 0 deletions html/blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="../styles/blog.css">
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet">
<link rel="icon" href="../images_style_sheets/avocado.png">
<title>Lauren Lee</title>
</head>

<body>

<header>
<a class="nav" href="index.html"> HOME</a>
</header>

<div class="hello">
<p>
<img alt="selfie" src="../images_style_sheets/oswald.png">
</p>

<div class="parent">
<p>
Hello! I'm Lauren 👩🏼‍💻
</p>
<p>
Originally from Chicago, IL, I grew up playing ice hockey and loving deep dish 🍕.
</p>
<p>
I received my Undergraduate and Master's degree from Occidental College in Los Angeles (where I was also Oswald the Tiger🐯, Occidental's mascot).
</p>
<p>
I taught scuba diving in Belize🐠 and then high school English in Seattle until I discovered @<a class="ada" href="http://adadevelopersacademy.org/"> Ada Developer's Academy</a>!
</p>
<p>
<a class="ada" href="body">Read on...</a>
</p>
</div>
</div>


<section class="body">
<ul>
<li id="sidebar">Blog Posts:</li>
<li><a href="blog3.html"> Discovering Ada</a></li>
<li><a href="#blog2.html"> Networking</a></li>
<li><a href="blog1.html">Fell in Love</a></li>
</ul>
</section>


</body>
</html>
59 changes: 59 additions & 0 deletions html/blog1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="../styles/blog.css">
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet">
<link rel="icon" href="../images_style_sheets/avocado.png">
<title>Lauren Lee</title>
</head>
<header>
<a class="nav" href="about.html"> HOME</a>
</header>

<article id="origin">
<h2>
I Fell in Love with Code
</h2>
<div>
January 2017
</div>
<p>
I fell in love with coding because of the bridges it builds. And I don’t mean the bridging of two interoperating runtimes, but rather how it unites communities and people.
</p>
<img src="../images_style_sheets/zam1.jpg" alt="zam1">
<p>
During the summer of 2016, I traveled with a small group of my students to Lusaka, Zambia where we partnered with local schools for a cultural and technological exchange over the course of four weeks. We brought donated computers and taught basic HTML, CSS, and JavaScript to teens who would then go on to teach their peers in hopes of positioning themselves ahead within the global job market.
</p>
<img src="../images_style_sheets/zam4.jpg" alt="zam2">
<p>
I was there not as the code expert but as a mentor for my students. I was essentially the emotional support while my co-leader, Gabe, and my students peer taught the actual code.
</p>
<img src="../images_style_sheets/zam2.jpg" alt="zam3">
<p>
Things were rocky at first. It felt as though there were too many cultural differences standing between my students and their Zambian peers to make a genuine connection. The initial lessons flopped because there was nothing connecting them to one another. I think my students, despite all of the prep work they had done building up to the trip, were nervous and uncomfortable in the foreign setting. Neither the Seattle nor the Lusakan students knew how to break down the cultural barrier that existed between them.
</p>
<img src="../images_style_sheets/zam5.jpg" alt="zam4">
<p>
That all changed once they got behind a computer together. They began working collaboratively towards a common goal of building a website and all of that trepidation and nervousness vanished. Our Nyanjan, the local Zambian language, got better as we developed a particular vernacular to communicate commonly used and necessary phrases. And because many of the Zambian students were deaf (a common side-effect of Malaria there), we taught ourselves sign language back at our camp each night to further enhance and improve communication.
</p>
<img src="../images_style_sheets/zam3.jpg" alt="zam5">
<p>
Suddenly, students on both sides of the communication barrier were able to discover shared commonalities. While building a website together they discovered shared interests, passions, and traits. Oh you like underwater animals too? Okay, cool me too. How about we create a website devoted to facts about the ocean together! The commonalities started out small but soon grew to encompass topics including family, struggles in school, personal relationships, parental pressures, etc. It was peer-to-peer learning and both parties were gaining rich experiences and forming genuine relationships.
</p>
<img src="../images_style_sheets/zam6.jpg" alt="zam6">
<p>
The lessons expanded beyond code. The Lusakan students were equipped with better knowledge and tools that would set them apart in their applications to University. They were walking away from the program empowered with leverage in their fight for social, political, and economic equality. And the Seattle students learned a powerful lesson in empathy and experienced intense personal growth and maturation as they became individuals capable of thriving in new and perhaps uncomfortable environments. My students not only learned to code during their time in Zambia but used it as a tool to find commonalities and create deep and genuine connections.
</p>

<p>
Coding was the bridge between us all. Code provided a common language. It filled the gap. I fell in love coding and the endless opportunities it provided to tell unique narratives that forever linked lives together.
</p>
<p>
I was hooked. I had to learn more. I came home hungry to know more about programming.
</p>
</article>
42 changes: 42 additions & 0 deletions html/blog2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="../styles/blog.css">
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet">
<link rel="icon" href="../images_style_sheets/avocado.png">
<title>Lauren Lee</title>
</head>
<header>
<a class="nav" href="about.html"> HOME</a>
</header>


<article id="network">
<h2>
Networking in Seattle
</h2>
<div>
February 2017
</div>
<p>
I returned home to Seattle from Zambia and rapidly jumped into the school year Chairing the English department and teaching 5 sections of 8th-grade Literature and Identity classes. But I knew that I needed to find a way to somehow fuel my new coding passion. Based on the recommendations of the Science and Math teachers at my school, I found Codecademy. I worked through an HTML/CSS course to build on what I had begun learning in Zambia. It felt good to review that material before diving into anything else.
</p>
<p>
Impulsively, I signed up for a Meetup I found online intended for “Coders in Seattle”. It was attended by thirty or so 40-50-year-old mostly white men… and myself. I thought back, recognized a pattern, and acknowledged the fact that the programming teachers at my school also fit the same exact build and makeup.
</p>
<p>
The thing is, as a girl who grew up playing ice hockey in Chicago, I identify as someone who is comfortable in a male dominated space. But this felt different. I felt a terrible sense of imposter syndrome. Was I welcome there? Did I know what I was getting myself into? Sure, I know how to check a guy twice my size into the boards to steal a puck, but this intellectual warfare would be different. I needed to develop and build foundational coding knowledge before I could feel fully confident engaging in conversations in settings such as this.
</p>
<img src="../images_style_sheets/meetup.png" alt="meetup">
<p>
And that’s when my research brought me to the amazing community that supports women in tech in Seattle. I discovered the many resources and Meetups dedicated to supporting and encouraging women in the coding/tech world. I signed up for almost every event and group I could find that had “women” or “tech” in the title. My friends and fiancé did not see me for what felt like weeks at a time because I began averaging five Meetups a week! Luckily, they’re all amazingly supportive of my dream and I was having the time of my life meeting so many inspirational and powerful women in the industry. Sharing with them my interest in breaking into this world was hopeful and informative. I started to recognize a few faces at each event and felt myself becoming more comfortable and confident as I engaged in discussions with other liked minded women. This world was new and unfamiliar, but I felt welcomed.
</p>
<p>
I was carving out a place for myself in this community and it felt empowering to feel as though I belong.
</p>
</article>
46 changes: 46 additions & 0 deletions html/blog3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="../styles/blog.css">
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet">
<link rel="icon" href="../images_style_sheets/avocado.png">
<title>Lauren Lee</title>
</head>
<header>
<a class="nav" href="about.html"> HOME</a>
</header>

<article id="ada">
<h2>
Discovering my Next Step
</h2>
<div>
March 2017
</div>
<p>
I learned quickly that online, there is a plethora, if not an infinite, amount of resources to learn to code. While I was insanely busy with teaching, and and a part of me was scared to take on the challenge of learning to code out of fear that I wasn't smart enough, I refused to allow those excuses to win and get the best of me.
</p>
<p>
So every night, in between moments of grading and writing curriculum, I found and made time. I devoted myself to code.
</p>
<img src="../images_style_sheets/ada1.jpg" alt="ada-logo">

<p>
I took classes online, attended even more Meetups, listened to podcasts, and consumed the world of tech. I would lose myself into my computer; looking up after what felt like a few minutes only to realize it had been hours. Prior to coding, I had become lulled into complacency within my career. I was good at it but bored. Most things came easily and it often even felt as though there wasn’t much more I could do to improve my craft. I’ve always identified as a forever learner, claiming to be someone who is dedicated to learning more from my students and their experiences. But coding reawakened my mind to what learning really feels like (and it was more fun than I ever imagined). Reflecting on my trip to Zambia, I recognize now that I did so much more learning on that trip than actual “teaching”. Over the years, I had become comfortable existing in the teacher role and had forgotten how thrilling it is to be on the opposite end of that equation.
</p>
<p>
A lust for expanding my own mind had been ignited and I refused to turn it off. I started researching coding bootcamps but felt overwhelmed by their costs.
</p>
<p>
I felt on the precipice of a big life change when I discovered Ada. I had been keeping a list of the pros and cons of bootcamps I had been researching. And all of the sudden, one came into my periphery that only had qualities on the pro side of the page. It's a place that combines my interest in coding and desire for a collaborative and safe learning environment that dedicates an entire year to the learning process. Suddenly, I felt ready to abandon that complacent life for something so much more. Only upon discovering Ada did I feel ready to take a leap, to leave my teaching career, and to pursue something more.
</p>
<p>
And thus, I made the choice to apply to Ada Developer’s Academy’s 8th cohort of students.
</p>

</article>
37 changes: 37 additions & 0 deletions html/codejournal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="../styles/codejournal.css">

<link rel="icon" href="../images_style_sheets/avocado.png">
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|VT323" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet">
<title> Lauren's Twitter </title>
</head>

<body>
<div>
<nav>
<ul>
<li><a class="nav" href="portfolio.html">PORTFOLIO</a></li>
<li><a class="nav" href="about.html">HOME</a></li>
</ul>
</nav>
<header>
<p>
I code everyday & tweet every (once in a while)
</p>
</header>
</div>


<article>
<a class="twitter-timeline" href="https://twitter.com/Laurenelee88">Tweets by Laurenelee88</a>
</article>


</body>
</html>
Loading