Skip to content

Added intern: Karen / html&css update on Karen's page #132

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

Added intern: Karen / html&css update on Karen's page #132

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
7b20ceb
formatted
baekrxnn Jun 11, 2019
b2b2c64
modified basic info
baekrxnn Jun 11, 2019
30f1f2d
added Karen to the interns page
baekrxnn Jun 11, 2019
a6e3a6c
updated some information on karen.html
baekrxnn Jun 11, 2019
49425e8
Mid-internship: updated page with about me, experience, and what I wo…
baekrxnn Jul 1, 2019
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
9 changes: 9 additions & 0 deletions interns.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -170,6 +170,15 @@ var interns = [
company: 'Oscar Health',
year: 2018,
},
{
firstName: 'Karen',
lastName: 'He',
folderName: 'karen_he',
fileName: 'karen.html',
imgName: '../../assets/site/profile-placeholder.png',
company: 'Postmates',
year: 2019,
},
{
firstName: 'Kayahma',
lastName: 'Brown',
Expand Down
15 changes: 15 additions & 0 deletions pages/karen_he/karen.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
.section-heading {
font-family: 'Source Sans Pro', sans-serif;
}

p, ul {
font-family: 'Raleway', sans-serif;
}

.bg-light {
background-image: linear-gradient(to right,#91A8D0, #B3A0C9)
}

.col-lg-12 {
margin: 5px;
}
147 changes: 147 additions & 0 deletions pages/karen_he/karen.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,147 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://codenation.org/wp-content/themes/codenation/src/public/img/ico-code-nation.ico" type="image/x-icon">
<title>Code Nation Interns 2019</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9"
crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link href="../../main.css" rel="stylesheet">
<!-- ADD YOUR CUSTOM STYLESHEET BELOW -->
<link href="karen.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway|Source+Sans+Pro&display=swap" rel="stylesheet">
</head>

<body>
<nav class="navbar navbar-expand-lg fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="../../index.html">
<img class="brand-image" src="../../assets/site/cn_logo_black-08.png">
</a>
</div>
</nav>

<!-- TEAM -->
<section class="bg-light profile">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Karen He</h2>
<img class="rounded-circle profile-img" src="" alt="">
<h3 class="section-subheading text-muted">Intern at Postmates</h3>
<a class="profile-icon" href ="">
<i class="fas fa-envelope"></i>
</a>
<a class="profile-icon" href ="https://www.linkedin.com/in/karen18he/">
<i class="fab fa-linkedin"></i>
</a>
<a class="profile-icon" href ="https://github.com/baekrxnn">
<i class="fab fa-github"></i>
</a>
</div>
</div>
</div>
</section>
<section class="info">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">About Me</h2>
<p class="">
I am an upcoming senior at Balboa High School in San Francisco. Engineer intern on the
buyer team at Postmates.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">My Internship Experience</h2>
<p class="">
I learned two new coding languages in two weeks. It was challenging, but fun.
<br>
For my first week, I learned react for the first two days, then proceeded to make changes
to the Postmates open source projects' landing page. I had to alphabetize the navigation bar,
remove an option on the navigation bar, and add additional open source projects onto the page.
<br>
For my second week, I learned Node.js for the first two days. Node.js is an open source
language, so it requires contributors to help keep the language environment running
smoothly.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">What I Worked On</h2>
<p class="">
<ul>
<li>Making changes to the Postmates open source landing page. </li>
<li>Contributing to the Node.js open source project</li>
<li>Making a tic-tac-toe game that runs in the terminal with Node.js</li>
</ul>
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">Key Takeaways</h2>
<p class="">
TBD
</p>
</div>
</div>

</div>
</section>

<!-- FOOTER -->
<div class="footer" id="footer">
<div class="container">
<div class="row">
<div class="col-lg-4 text-center">
</div>
<div class="col-lg-4">
<div class="text-center">
<img class="footer-logo" src="../../assets/site/cn_logo_black.png">
</div>
<div class="text-center">
<a class="footer-icon" href="mailto:info@scripted.org">
<i class="fas fa-envelope"></i>
</a>
<a class="footer-icon" href="https://twitter.com/ScriptEdOrg">
<i class="fab fa-twitter"></i>
</a>
<a class="footer-icon" href="https://github.com/baekrxnn">
<i class="fab fa-github"></i>
</a>
<a class="footer-icon" href="https://www.instagram.com/scriptedorg/">
<i class="fab fa-instagram"></i>
</a>
<a class="footer-icon" href="https://www.facebook.com/scriptedorginsta">
<i class="fab fa-facebook-square"></i>
</a>
</div>
</div>
<div class="col-lg-4">
</div>
</div>
</div>
</div>




<!-- Bootstrap core JavaScript
================================================== -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="main.js"></script>
<!-- ADD YOUR SCRIPT BELOW -->
<script src="shane.js"></script>
</body>
</html>
Empty file added pages/karen_he/karen.js
View file
Open in desktop
Empty file.