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
Binary file added images/carpet_orange.webp
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/computer image.jpeg
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/doodad.png
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/nastertium.jpg
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/nasturtium copy.jpg
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/orange background.jpeg
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/personal-portfolio_wireframe1.png
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/personal-portfolio_wireframe2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
24 changes: 22 additions & 2 deletions pages/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,28 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../stylesheets/style.css">
<link rel="stylesheet" href="../stylesheets/about.css">
</head>
<body>

<body id="main-grid">
<header id="header">
<nav>
<ul class="container">
<li><a href="index.html" >home.</a></li>
<li><a href="portfolio.html" >portfolio.</a></li>
<li><a href="about.html" >about.</a></li>
</ul>
</nav>
</header>
<h1>About Me</h1>
<section id="blurb">
<p> A life-long learner who has met her match in a field that revolves around learning constantly, problem-solving on the fly, and often flying by the seat of your pants.
Coming from a background in operations, Tara utilizes data to drive solutions that meet needs while supporting healthy work culture for all.
All that has changed is the language (or, languages) used to reach those solutions. </p>
<br>
<img src="../images/computer image.jpeg" alt="old-school computer graphic">

Choose a reason for hiding this comment

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

Image URLs should not have a space in them, it causes errors. Make sure when you add assets and name them to remove spaces!

<p id="quote"><br><br>Someone once told me that you are who you choose to be on a daily basis; runner, musician, craftsperson, ally, advocate, student for life. And now, <br><em>Software Developer.</em> </p>
</section>
<footer>&copy; 2022 Tara Alsaidi</footer>
</body>
</html>
21 changes: 19 additions & 2 deletions pages/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,25 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../stylesheets/style.css">
<link rel="stylesheet" href="../stylesheets/index.css">
</head>
<body>

<body id="main-grid">
<header id="header">
<section id="color-bar"></section>
<nav>
<ul>
<li><a href="index.html" >home.</a></li>
<li><a href="portfolio.html" >portfolio.</a></li>
<li><a href="about.html" >about.</a></li>
</ul>
</nav>
</header>
<section id="name-banner">
<img id="floral" src="../images/nastertium.jpg" alt="watercolor nasturtium">
</section>
<h1>Tara Alsaidi</h1>
<p>Data. Creativity. Community.</p>
<footer>&copy; 2022 Tara Alsaidi</footer>
</body>
</html>
68 changes: 66 additions & 2 deletions pages/portfolio.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,72 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../stylesheets/style.css">
<link rel="stylesheet" href="../stylesheets/portfolio.css">
</head>
<body>

<body>
<section id="main-grid">
<header id="header">
<nav>
<ul class="container">
<li><a href="index.html" >home.</a></li>
<li><a href="portfolio.html" >portfolio.</a></li>
<li><a href="about.html" >about.</a></li>
</ul>
</nav>
</header>
<h1>Projects</h1>
<section id="projects">
<section class="project">
<h2>Task-List API</h2>
<a href="https://github.com/cafedes2moulins/task-list-api"><img src="../images/doodad.png" alt="github repository of task-list project" ></a>
<p>
<em>Date:</em>2022<br><br>
<em>Tools Utilized:</em> Python, SQL, SQLAlchemy, Flask<br><br>
<em>Skills Gained:</em> Building and Deploying a Web API, Creating Custom Endpoints, Creating and Using Test Fixtures, Communication with an External Web API, Creating Model Classes, Establishing Relationships <br><br>
This project required the creation of multiple databases and environments for the development and testing of a web API.
The Task-List API allows the user to create goals and task items, assign tasks to goals, delete goals and tasks, and interface with the Slack Web API
to provide the user with task notifications. </p>
</section>
<section class="project">
<h2>Swapmeet</h2>
<a href="https://github.com/cafedes2moulins/swap-meet"><img src="../images/doodad.png" alt="github repository of swap meet project" ></a>
<p>
<em>Date:</em>2022<br><br>
<em>Tools Utilized:</em> Python<br><br>
<em>Skills Gained:</em> OOP programming, Creating Classes and Instance Methods, Test Driven Development, Instantiating Classes, Implementing Inheritance, Overriding Methods From superclassea and Object <br><br>
A program that keeps track of various Vendor inventories, and allows for the swap of items based off of various conditions, such as age and condition. </p>
</section>
<section class="project">
<h2>Ada Say</h2>
<a href="https://github.com/cafedes2moulins/AdaSay"><img src="../images/doodad.png" alt="github repository of ada say project" ></a>
<p>
<em>Date:</em>2022<br><br>
<em>Tools Utilized:</em> Python, Git<br><br>
<em>Skills Gained:</em> Using Git, Creating and Installing Dependencis in Virtual Environments, Activating and Deactivating Virtual Environments, Forking and Cloning Repositories, Making and Pushing Commits to Origin <br><br>
Good clean fun using the cowsay module. </p>
</section>
<section class="project">
<h2>Python Fizzbuzz</h2>
<a href="https://github.com/cafedes2moulins/python-fizzbuzz"><img src="../images/doodad.png" alt="github repository of Python Fizzbuzz project" ></a>
<p>
<em>Date:</em>2022<br><br>
<em>Tools Utilized:</em> Python <br><br>
<em>Skills Gained:</em> smthn<br><br>
A simple numbers game that requires the input of a list of integers. Depending on the value of each integer in the list, the algorithm will
print the integer as usual, fizz, buzz, or Fizzbuzz! </p>
</section>
<section class="project">
<h2>Wordle</h2>
<a href="https://github.com/cafedes"><img src="../images/doodad.png" alt="code for wordle remake" ></a>
<p>
<em>Date:</em>2022<br><br>
<em>Tools Utilized:</em> Python<br><br>
<em>Skills Gained:</em> Conditionals, Loops, Using a Python Library and Module <br><br>
A remake of the popular NYT game, Wordle</p>
</section>
</section>
</section>
<footer>&copy; 2022 Tara Alsaidi</footer>
</body>
</html>
42 changes: 42 additions & 0 deletions styles/about.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
#header {
grid-area: 1/1/2/6;
}

h1 {
color: black;
grid-area: 2/1/3/6;
font-size: 6em;
font-family: "Lucida Console", "Andale Mono", monospace;
text-align: center;
}

#projects {
display: flex;
grid-column: 1/6;
}

p {
grid-column: 2/5;
font-size: 1.5em;
font-family: "Lucida Console", "Andale Mono", monospace;

}

#quote {
font-size: 2em;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

em {
color: orangered;
font-size: 3em;
display: block;
text-align: right;
font-style: normal;
font-weight: bold;

}

body {
background-color: rgb(252, 252, 245);
}
35 changes: 35 additions & 0 deletions styles/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
#header {
grid-area: 1/1/3/6;
background-image: url(../assets/orange\ background.jpeg);
}

#color-bar {
background-color: orange;
}

#floral {
/* height: 63vw; */
height: 45vw;
}

#name-banner {
grid-row: 3/7;
grid-column: 1/6;
display: grid;
grid-template-columns: 33% 33% 33%;
grid-template-rows: 25% 25% 25% 25%;
}

h1 {
color: rgb(189, 52, 2);
grid-area: 2/1/3/6;
font-size: 8em;
font-family: "Lucida Console", "Andale Mono", monospace;
text-align: center;
}

p {
grid-area: 3/3/4/6;
font-size: 1.5em;
font-family: "Lucida Console", "Andale Mono", monospace;
}
42 changes: 42 additions & 0 deletions styles/portfolio.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@

#header {
grid-area: 1/1/2/6;
}

body {
background-color: rgb(252, 252, 245);
background-image: url(../assets/carpet_orange.webp);
background-position: 50% 0;
}

h1 {
color: black;
grid-area: 2/1/3/6;
font-size: 6em;
font-family: "Lucida Console", "Andale Mono", monospace;
text-align: center;
}

#projects {
display: flex;
grid-column: 2/5;
grid-row-start: 3;
flex-direction: column;
justify-content: space-between;

}

.project {
background-color: beige;
opacity: .8;
width: 60vw;
}

.project img{
float: right;
}

em {
font-style: normal;
font-weight: bold;
}
60 changes: 60 additions & 0 deletions styles/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
#main-grid {
display: grid;
grid-template-columns: repeat(5, 20%);
grid-template-rows: repeat(6, 15vw);
}

body{
font-family: "Lucida Console", "Andale Mono", monospace;
}

#header {
grid-area: 1/1/2/2 ;
padding-right: 3vw;
background-color: orange;
}

ul {
list-style-type: none;
font-family: 'Courier New', Courier, monospace;
text-decoration: none;
text-align: right;
font-size: 1.5em;
font-weight: bold;
}

a:link {
text-decoration: none;
}

a:visited {
color:orangered;
text-decoration: none;
}

a:hover {
color:red;
text-decoration: none;
}

a:active {
text-decoration: none;
}


h1 {
color: fuchsia;
}


.container {
display: flex;
flex-direction: column;
justify-content: flex-end;
}

footer {
color: gray;
grid-area: 6/1/7/2;
}

48 changes: 48 additions & 0 deletions stylesheets/about.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
#header {
grid-area: 1/1/2/6;
}

h1 {
color: black;
grid-area: 2/1/3/6;
font-size: 6em;
font-family: "Lucida Console", "Andale Mono", monospace;
text-align: center;
}

#projects {
display: flex;
grid-column: 1/6;
}

#blurb {
grid-column: 2/5;
font-size: 1.5em;
font-family: "Lucida Console", "Andale Mono", monospace;

}

#quote {
font-size: 1.25em;
}

em {
color: orange;
font-size: 2em;
display: block;
text-align: right;
font-style: normal;
font-weight: bold;

}

body {
background-color: rgb(252, 252, 245);
}

img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Loading