Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
32 changes: 32 additions & 0 deletions pages/jeslyn_tatang/jeslyn.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
body {
font-family: 'Nunito', sans-serif;
}

.section-heading {
font-family: 'DM Sans', sans-serif;
color:#3460E1;
}

.profile-icon {
margin-bottom:10px;
}

.profile-icon:hover {
color:#3460E1;
}

#portfolio {
font-size:15px;
padding:10px;
border:1px solid #888;
border-radius:5px;
color:#888;
transition:0.5s;
}

#portfolio:hover {
background-color:#3460E1;
border:1px solid #3460E1;
color:white;
transition:0.5s;
}
152 changes: 152 additions & 0 deletions pages/jeslyn_tatang/jeslyn.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,152 @@
<!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 href="https://fonts.googleapis.com/css?family=Tajawal&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Spectral&display=swap" rel="stylesheet">
<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">
<link href="https://fonts.googleapis.com/css?family=DM+Sans|Nunito&display=swap" rel="stylesheet">
<!-- ADD YOUR CUSTOM STYLESHEET BELOW -->
<link href="jeslyn.css" 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">Jeslyn Tatang</h2>
<img class="rounded-circle profile-img" src="jeslyn.jpg" alt="">
<h3 class="section-subheading text-muted">Intern at Clever</h3>
<a class="profile-icon" href ="mailto:jeslyn.tatang@gmail.com">
<i class="fas fa-envelope"></i>
</a>
<a class="profile-icon" href ="https://www.linkedin.com/in/jeslyn-tatang-30aa2b149/">
<i class="fab fa-linkedin"></i>
</a>
<a class="profile-icon" href ="http://github.com/jeslyntatang">
<i class="fab fa-github"></i>
</a>
<br> <br>
<a id="portfolio" href="https://jeslyntatang.github.io/devlab1/">Portfolio</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 graduated from Balboa High School of San Francisco in 2019, where I was part of the
Game Design Academy. In Fall 2019, I'll be attending UC Davis. I was in Code Nation's
Foundations and Advanced Courses, where I learned HTML, CSS, and JavaScript. I also learned
Java in AP Computer Science class in senior year. Besides coding, I also enjoy writing
and world history.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">My Internship Experience</h2>
<p class="">
Clever is an educational tech startup that collaborates with schools and districts to set up
resources for students and track student progress. While I worked there, I participated in
company culture daily standups, meetings, check-ins, and weekly coffee chats. A great emphasis
was placed on community at Clever, and my project was a contribution to it.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">What I Worked On</h2>
<p class="">
During my time at Clever, I developed a Chrome extension: a culture dashboard for the
company to use. The objective of this project was to promote company culture. I worked with
multiple APIs to create the widgets for it. I used the catering service API to create
the lunch menu, the Chrome API for frequently used sites, and the Slack API to display
encouraging messages from company Slack channels.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">Key Takeaways</h2>
<p class="">
One thing I learned during my internship was the importance of communication in collaboration. Coding in a team isn't
the same as working on individual projects at school; many teams specialize in different areas and they come together
to create a finished product. To keep the process synchronized, you have to constantly communicate any questions
and blockers you might have.
</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:jeslyn.tatang@gmail.com">
<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/jeslyntatang">
<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="jeslyn.js"></script>
</body>
</html>
Binary file added pages/jeslyn_tatang/jeslyn.jpg
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 pages/jeslyn_tatang/jeslyn.js
Empty file.