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

Lions - Jessica A #104

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

Lions - Jessica A #104

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
540a85b
Modified wave 1
Jessicaenvisions Nov 21, 2022
870d21e
Modified wave 1
Jessicaenvisions Nov 21, 2022
7d7cff7
Finished Wave 1
Jessicaenvisions Nov 22, 2022
862d210
Modified of some of wave 2
Jessicaenvisions Nov 22, 2022
768fa42
Modified some of wave 3
Jessicaenvisions Nov 23, 2022
75b6fbd
Finished wave 3
Jessicaenvisions Nov 23, 2022
56edc7b
Modified some last things
Jessicaenvisions Nov 23, 2022
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 assets/snip-adagrams.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 assets/snip-task-api-project.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 assets/snip-viewing-party.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.
33 changes: 27 additions & 6 deletions pages/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,33 @@
<!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.0">
<title>Document</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link href="style.css" rel="stylesheet">
</head>
<body>

</body>
<div class="grid-container">
<div class="item1"><h1>Jessica Edith Ambriz-Madrigal </h1></div>
<div class="item2">
<div><p><a href="file:///Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/pages/index.html"> Home </a></p></div>
Copy link

Choose a reason for hiding this comment

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

Be careful with your links! This is looking for a specific file on your computer. These links do not work if other people are trying to open your webpage. Instead, you should use relative paths.
Here is a great resource on absolute vs relative paths: https://www.geeksforgeeks.org/absolute-relative-pathnames-unix/

This applies to image URLs as well.

<div><p><a href="file:///Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/pages/about.html"> About Me </a></p></div>
<div><p><a href="file:///Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/pages/portfolio.html"> Portfolio </a></p></div>
</div>
<div class="item3">
<article>
<h3>My interests</h3>
<img src="https://basmo.app/wp-content/uploads/2021/08/benefits-of-reading-books.jpg" alt="A femme presenting person reading a book">
<p> In my free time I enjoy learning about the history of health care, and how socialization has impacted the history of multiple countries.</p>
</article>

<article>
<h3>My background</h3>
<img src="https://ssir.org/images/made/images/articles/shutterstock_micro_196_196.jpg" alt="Image of 20 hands of diffrent complextions in a circle. In the circle there are numbers, objects like apples, musical notes, lab flasks and many more objects. ">
<p>Before Ada Developers Academy I had worked in K-16 education system. I knew I enjoyed working with people, sharing my knowldge. I saw coding as an oppertunity to one day be able to share my knowldge with community and create visablity to people who also identify as a nontraditional backgrounds in Software Engineering. To allow people know their is space for everyone because software engineering is everywhere! </p>
</article>
</div>
<div class="item5"><h4>Jessica Edith Ambriz-Madrigal</h4></div>
</div>
</html>
33 changes: 24 additions & 9 deletions pages/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,27 @@
<!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.0">
<title>Document</title>
</head>
<body>

</body>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
Copy link

Choose a reason for hiding this comment

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

This header tag does not have a corresponding closing tag.

<nav>
<div class="container">
<div><p><a href="file:///Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/pages/index.html"> Home </a></p></div>
<div><p><a href="file:///Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/pages/about.html"> About Me </a></p></div>
<div><p><a href="file:///Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/pages/portfolio.html"> Portfolio </a></p></div>
</div>
</nav>


<div>
<footer>
<h4>Jessica Edith Ambriz-Madrigal</h4>
</footer>
</div>
</body>
</html>
60 changes: 51 additions & 9 deletions pages/portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,54 @@
<!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.0">
<title>Document</title>
</head>
<body>

</body>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<nav>
<div class="container">
<div><p><a href="file:///Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/pages/index.html"> Home </a></p></div>
<div><p><a href="file:///Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/pages/about.html"> About Me </a></p></div>
<div><p><a href="file:///Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/pages/portfolio.html"> Portfolio </a></p></div>
</div>
</nav>
</header>

<section>
<h2> My Ada projects</h2>
<p>I have added my projects from Ada.</p>
</section>

<section>
<h3>Task API project</h3>
<p><a href="https://github.com/Jessicaenvisions/task-list-api.git"><img src="/Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/assets/snip-task-api-project.png" alt="A snipit of task api code"></a></p>
<p><a href="https://github.com/Jessicaenvisions/task-list-api.git"> Git hub repo </a></p>
<p>In this project I go to create my first slack bot and create a website that post certain tasks needing to be completed. This project required the use of API, flask framework and python.</p>
</section>

<section>
<h3>Viewing-party</h3>
<p><a href="hhttps://github.com/Jessicaenvisions/viewing-party.git"><img src="/Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/assets/snip-viewing-party.png" alt="A snipit of viewing party code"></a></p>
<p><a href="https://github.com/Jessicaenvisions/viewing-party.git"> Git hub repo </a></p>
<p>This was my first project and I got the oppertunity to apply my knowledge about nested list and dictionaries. </p>
</section>

<section>
<h3>Adagrams-py</h3>
<p><a href="https://github.com/Jessicaenvisions/adagrams-py.git"><img src="/Users/jessicaambriz-madrigal/Developer/projects/personal-portfolio-site/assets/snip-adagrams.png" alt="A snipit of adagrams code"></a></p>
<p><a href="https://github.com/Jessicaenvisions/adagrams-py.git"> Git hub repo </a></p>
<p>This project was done with another partner. The pupose of this was to create a I got the oppertunity to show case my knowldge about using nested dictionaries, tests and changing data in lists and strings. </p>
</section>


<div>
<footer>
<h4>Jessica Edith Ambriz-Madrigal</h4>
</footer>
</div>
</body>
</html>
75 changes: 75 additions & 0 deletions pages/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@

.container {
width: 500px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
background-origin: border-box;
position: -1 span;
margin: 10px 0;
color: #fff;
background: linear-gradient(
90deg,
rgba(131, 58, 180, 1) 0%,
rgba(253, 29, 29, 0.6) 60%,
rgba(252, 176, 69, 1) 100%
), radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0,

1) 28%);
padding: 10px ;
border: 20px ;
width: 100%;
background-origin: padding-box, content-box;
background-repeat: no-repeat;
}

body {
background-color: rgb(224, 143, 230);
}

h1{
align-items: center;
}

h3 {
font-size: 2rem;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
color : rgb(192, 192, 255);
}

h4 {
font-size: 1rem;
font-family: cursive;
color : black;
}


img {
width: 65% ;
}

.item1 { grid-area: header;}
.item2 { grid-area: menu; }
.item3 { grid-area: main; }
.item5 { grid-area: footer; }

.grid-container {
display: grid;
grid-template-areas:
'header header header header header'
'menu main main main right'
'menu footer footer footer footer';
gap: 10px;
background-color: #b84aad;
padding: 10px;
}


.grid-container > div {
background-color: rgba(255, 255, 255, 0.8);
text-align: center;
padding: 20px 0;
font-size: 30px;
}