Skip to content
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

&& Brittany Jones Ampers #30

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

&& Brittany Jones Ampers #30

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
6adff1d
created initial html shell, valid
brittanyrjones Mar 16, 2018
c321e9c
linked all pages
brittanyrjones Mar 16, 2018
d0e6aa4
fixed some titles
brittanyrjones Mar 16, 2018
30ead94
adding more structure
brittanyrjones Mar 17, 2018
eeb3a6a
html for resume done ish
brittanyrjones Mar 17, 2018
d047c3b
added css for resume, needs editing.
brittanyrjones Mar 18, 2018
391585b
restructured most repeated code, finished main style sheets
brittanyrjones Mar 18, 2018
1998576
fixed formatting issues
brittanyrjones Mar 19, 2018
7aa54c3
resume valid html and css
brittanyrjones Mar 19, 2018
81fcc74
all tests valid
brittanyrjones Mar 19, 2018
68d3db3
used beautify
brittanyrjones Mar 19, 2018
0b01f25
fixed style issues, tests valid
brittanyrjones Mar 19, 2018
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
Binary file added images/DSCF1089.JPG
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/jeremy-thomas-99326-unsplash.jpg
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.
35 changes: 35 additions & 0 deletions portfolio-html/fun.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
<meta charset="utf-8">
<title>Fun Things</title>
<LINK REL=StyleSheet HREF="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/stylesheets/normalize.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/stylesheets/fun.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/stylesheets/nav-footer.css" TYPE="text/css" MEDIA=screen>
</head>

<body>
<div>
<nav class="nav">
<ul class="navigation-list">
<li><a href="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/portfolio-html/portfoliohome.html">Home</a></li>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You're using absolute links which only work on your computer. You need to use links relative to the file you're linking from. In this case you should do:

  <li><a href="portfoliohome.html">Home</a></li>
  <li><a href="resume.html">Resume</a></li>

<li><a href="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/portfolio-html/resume.html">Resume</a></li>
<li><a href="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/portfolio-html/fun.html">Fun</a></li>
</ul>
</nav>
</div>

<div>
<nav class="foot">
<ul class="footer-list">
<li><a href="mailto:[email protected]?subject=portfolio">Email Me</a></li>
<li><a href="https://www.linkedin.com/in/brittany-jones-242730146/">Linkdn</a></li>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

spelling

<li><a href="https://github.com/brittanyrjones">Github</a></li>
<li><a href="https://www.etsy.com/ie/shop/TerrenaTactus">Etsy</a></li>

</ul>
</nav>
</div>
</body>
</html>
55 changes: 55 additions & 0 deletions portfolio-html/portfoliohome.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A note: It's traditional to name the homepage for an HTML site index.html and to put it in the root folder of the project. Try to follow convention, unless you have a reason not to.

<html lang="en" dir="ltr">

<head>
<meta charset="utf-8">
<title>Brittany's First Portfolio</title>
<LINK REL=StyleSheet HREF="stylesheets/normalize.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/stylesheets/main-style-sheet.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/stylesheets/nav-footer.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/stylesheets/normalize.css" TYPE="text/css" MEDIA=screen>

</head>

<body>
<div>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You should use semantic HTML tags whenever possible and avoid div elements.

<nav class="nav">
<ul class="navigation-list">
<li><a href="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/portfolio-html/portfoliohome.html">Home</a></li>
<li><a href="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/portfolio-html/resume.html">Resume</a></li>
<li><a href="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/portfolio-html/fun.html">Fun</a></li>
</ul>
</nav>
</div>

<div class="main-content">
<section id="About-me">
<ul>
<li>
<h1>Brittany Jones
</h1></li>
<li>
<p>She/They</p>
</li>
<li>
<p>Past: Social Worker<br><br>Current: Dev in training</p>
</li>

<li id="mypic"><img src="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/images/DSCF1089.JPG" alt="pictureofme"></li>
</ul>
</section>
</div>

<div>
<nav class="foot">
<ul class="footer-list">
<li><a href="mailto:[email protected]?subject=portfolio">Email Me</a></li>
<li><a href="https://www.linkedin.com/in/brittany-jones-242730146/">Linkdn</a></li>
<li><a href="https://github.com/brittanyrjones">Github</a></li>
<li><a href="https://www.etsy.com/ie/shop/TerrenaTactus">Etsy</a></li>
</ul>
</nav>
</div>

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

<head>
<meta charset="utf-8">
<title>Brittany's Resume</title>
<LINK REL=StyleSheet HREF="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/stylesheets/normalize.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/stylesheets/resume-style.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/stylesheets/nav-footer.css" TYPE="text/css" MEDIA=screen>

</head>

<body>
<div>
<nav class="nav">
<ul class="navigation-list">
<li><a href="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/portfolio-html/portfoliohome.html">Home</a></li>
<li><a href="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/portfolio-html/resume.html">Resume</a></li>
<li><a href="/Users/brittanyjones/desktop/Adaprojects/personal-portfolio-site/portfolio-html/fun.html">Fun</a></li>

</ul>
</nav>
</div>

<div class="main-content">
<section id="About-me">
<ul>
<li>
<h1>Brittany Jones</h1>

<p id="contactinfo">
Email: [email protected]<br /> Phone: 206-518-1417

</p>
</li>

<li>
<h2>Summary</h2>
<p class="summary">
I used to work in the field of social services, using problem solving skills, logic, and compassion to help underrepresented members in the community learn life skills. I always wished that we could have more technology at work, to make navigating services
for staff and client's easier. I soon realized that this resources did not exist for Social workers due to lack of available funds. Eventually, I decided to become a full stack developer, with the hope to bring these skills back to the community.
I am currently a student at Ada Developers Academy in Seattle Washington.
</p>
</li>


<li id="education">
<h2>Education</h2>
<ul class="container">
<li class="item1">
<h4><a href="https://www.adadevelopersacademy.org/">Ada Developer's Academy</a></h4>
<p>Feb. 2018 to present<br>Full Stack Development</p>
</li>
<li class="item2">
<h4><a href="http://www.wwu.edu/">Western Washington University</a></h4>
<p>Sept. 2009 to June 2012<br>~125 Credit hours completed</p>
</li>
<li class="item3">
<h4><a href="http://www.everettcc.edu/">Everett and Shoreline Community College</a></h4>
<p>Sept. 2012 to Jan. 2013<br>25 Credit hours completed</p>
</li>
<li class="item4">
<h4><a href="https://www.everettsd.org/cascade/">Cascade High School</a></h4>
<p>Sept. 2005 to June 2009<br>High School Diploma</p>
</li>


</ul>
</li>
<li id="jobs">
<h2>Professional Experience</h2>
<h3>YouthCare</h3>
<p>Case Manager | Feb. 2017 to Feb. 2018 | Seattle, Wa</p>
<p class="description">I worked with at-risk and homeless youth to help break the cycle of homelessness in our community. We provided a safe and supportive environment for teens and young adults in our care, promoting positive interaction, providing life skills, social
skills and enrichment activities. We provided information, referrals and support to our community.

</p>

<h3>Cocoon House</h3>
<p>Youth Counselor | Jan. 2016 to Feb. 2017 | Everett, Wa</p>
<p class="description">As residential counselor at the emergency and long term shelters, we work with at-risk and homeless youth to help break the cycle of homelessness in our community. We provide a safe and supportive environment while teaching the youth life skills,
and helping them to reach their goals in education, housing, employment, health and wellness.
</p>
<h3>The Arc of King County</h3>
<p>Direct Support Professional | Feb. 2015 to Jan. 2016 | Seattle, Wa</p>
<p class="description">As a direct support professional my duty was to assist individuals with disabilities to lead a self-directed life and contribute to the community. This included supports for the individual at home, at the doctor, school, church, and other community
places.
</p>
<h3>Downtown Emergency Services Center (DESC)</h3>
<p>Residential Counselor | Feb. 2015 to Jan 2016 | Seattle, Wa</p>
<p class="description">As a residential counselor at DESC, my job was to serve the homeless and disabled populations in Seattle. Responsibilities of this job were vast, including responding to emergency situations and making fast, critical decisions.

</p>
<h3>Whole Foods Market</h3>
<p>Prepared Foods Supervisor | June 2012 to Oct. 2014 | Seattle, Wa</p>
<p class="description">As supervisor of the prepared foods department, I had many daily responsibilities which included team member training, assistance with customers in various situations, safety and sanitation regulation, allergen and contamination control, and
food production.

</p>
</li>
<li id="certs">
<h2>Certifications</h2>
<ul>
<li>Nursing Assistant Registered</li>
<li>Blood Borne Pathogens</li>
<li>CSEC Youth Training</li>
<li>CPR</li>
<li>First Aid</li>
<li>Right Response</li>
<li>Naloxone</li>
</ul>
</li>
<li id="skills">
<h2>Hard Skills</h2>
<ul>
<li>Research Methods</li>
<li>Fluent in American Sign Language</li>
<li>Exposure to CSS, Markdown, HTML, Ruby, and Git. </li>
<li>Exposure to graphic image design</li>
</ul>
<li id="softskills">
<h2>Soft Skills</h2>
<ul>
<li>Creativity</li>
<li>Leadership</li>
<li>Problem Solving</li>
<li>Collaboration</li>
<li>Adaptability</li>
</ul>

</li>

</ul>
</section>
</div>

<div>
<nav class="foot">
<ul class="footer-list">
<li><a href="mailto:[email protected]?subject=portfolio">Email Me</a></li>
<li><a href="https://www.linkedin.com/in/brittany-jones-242730146/">Linkdn</a></li>
<li><a href="https://github.com/brittanyrjones">Github</a></li>
<li><a href="https://www.etsy.com/ie/shop/TerrenaTactus">Etsy</a></li>

</ul>
</nav>
</div>

</body>
</html>
89 changes: 89 additions & 0 deletions stylesheets/fun.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
/* navigation */

.navigation-list {
display: flex;
justify-content: space-around;
}

.navigation-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}

.nav {
position: fixed;
/* Set the navbar to fixed position */
top: 0;
/* Position the navbar at the top of the page */
width: 100%;
/* Full width */
}

/* get rid of bullet list */

section ul {
list-style: none;
padding: 0px;
}

/* make border with padding after each section */

section {
padding: 50px;
/* border-bottom: .5px double black; */
}

/* get rid of bullet list in navigation toolbar */

nav ul {
list-style: none;
padding-left: 50px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #566353;
}

/* make list in line, and flexible to adjustments */

/* nav li{
display:inline-block;
justify-content:flex-start;
float: right;
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
} */

nav li a {
text-decoration: none;
}

.main-content h1 {
text-align: center;
text-color: black;
}

.main-content p {
text-align: center;
line-height: 80px
}

.main-content li {
display: inline-flex;
justify-content: center;
align-items: center;
}

nav li:hover {
background-color: #d5edd0;
text-decoration-color: black;
}

nav li a:visited {
text-color: white;
text-decoration: line-through;
}
Loading