diff --git a/images/carpet_orange.webp b/images/carpet_orange.webp new file mode 100644 index 000000000..0a369e78b Binary files /dev/null and b/images/carpet_orange.webp differ diff --git a/images/computer image.jpeg b/images/computer image.jpeg new file mode 100644 index 000000000..6bc4fa70f Binary files /dev/null and b/images/computer image.jpeg differ diff --git a/images/doodad.png b/images/doodad.png new file mode 100644 index 000000000..0000e80e4 Binary files /dev/null and b/images/doodad.png differ diff --git a/images/nastertium.jpg b/images/nastertium.jpg new file mode 100644 index 000000000..f529ab617 Binary files /dev/null and b/images/nastertium.jpg differ diff --git a/images/nasturtium copy.jpg b/images/nasturtium copy.jpg new file mode 100644 index 000000000..9e90fc4fd Binary files /dev/null and b/images/nasturtium copy.jpg differ diff --git a/images/orange background.jpeg b/images/orange background.jpeg new file mode 100644 index 000000000..80261c9da Binary files /dev/null and b/images/orange background.jpeg differ diff --git a/images/personal-portfolio_wireframe1.png b/images/personal-portfolio_wireframe1.png new file mode 100644 index 000000000..2afc258d5 Binary files /dev/null and b/images/personal-portfolio_wireframe1.png differ diff --git a/images/personal-portfolio_wireframe2.png b/images/personal-portfolio_wireframe2.png new file mode 100644 index 000000000..6bacd3a83 Binary files /dev/null and b/images/personal-portfolio_wireframe2.png differ diff --git a/pages/about.html b/pages/about.html index b4ae215c4..bccb08bd7 100644 --- a/pages/about.html +++ b/pages/about.html @@ -5,8 +5,28 @@ Document + + - - + + +

About Me

+
+

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.

+
+ old-school computer graphic +



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,
Software Developer.

+
+ \ No newline at end of file diff --git a/pages/index.html b/pages/index.html index b4ae215c4..a6f75be8c 100644 --- a/pages/index.html +++ b/pages/index.html @@ -5,8 +5,25 @@ Document + + - - + + +
+ watercolor nasturtium +
+

Tara Alsaidi

+

Data. Creativity. Community.

+ \ No newline at end of file diff --git a/pages/portfolio.html b/pages/portfolio.html index b4ae215c4..1ab8f29e7 100644 --- a/pages/portfolio.html +++ b/pages/portfolio.html @@ -5,8 +5,72 @@ Document + + - - + +
+ +

Projects

+
+
+

Task-List API

+ github repository of task-list project +

+ Date:2022

+ Tools Utilized: Python, SQL, SQLAlchemy, Flask

+ Skills Gained: 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

+ 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.

+
+
+

Swapmeet

+ github repository of swap meet project +

+ Date:2022

+ Tools Utilized: Python

+ Skills Gained: OOP programming, Creating Classes and Instance Methods, Test Driven Development, Instantiating Classes, Implementing Inheritance, Overriding Methods From superclassea and Object

+ 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.

+
+
+

Ada Say

+ github repository of ada say project +

+ Date:2022

+ Tools Utilized: Python, Git

+ Skills Gained: Using Git, Creating and Installing Dependencis in Virtual Environments, Activating and Deactivating Virtual Environments, Forking and Cloning Repositories, Making and Pushing Commits to Origin

+ Good clean fun using the cowsay module.

+
+
+

Python Fizzbuzz

+ github repository of Python Fizzbuzz project +

+ Date:2022

+ Tools Utilized: Python

+ Skills Gained: smthn

+ 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!

+
+
+

Wordle

+ code for wordle remake +

+ Date:2022

+ Tools Utilized: Python

+ Skills Gained: Conditionals, Loops, Using a Python Library and Module

+ A remake of the popular NYT game, Wordle

+
+
+
+ \ No newline at end of file diff --git a/styles/about.css b/styles/about.css new file mode 100644 index 000000000..8dd56bcde --- /dev/null +++ b/styles/about.css @@ -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); +} \ No newline at end of file diff --git a/styles/index.css b/styles/index.css new file mode 100644 index 000000000..7a55a7fc8 --- /dev/null +++ b/styles/index.css @@ -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; +} \ No newline at end of file diff --git a/styles/portfolio.css b/styles/portfolio.css new file mode 100644 index 000000000..17e91db9f --- /dev/null +++ b/styles/portfolio.css @@ -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; +} \ No newline at end of file diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 000000000..455b97d8c --- /dev/null +++ b/styles/style.css @@ -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; +} + diff --git a/stylesheets/about.css b/stylesheets/about.css new file mode 100644 index 000000000..9c2a6c468 --- /dev/null +++ b/stylesheets/about.css @@ -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%; +} \ No newline at end of file diff --git a/stylesheets/index.css b/stylesheets/index.css new file mode 100644 index 000000000..63bf8fdc8 --- /dev/null +++ b/stylesheets/index.css @@ -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(49, 41, 41); + 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; +} \ No newline at end of file diff --git a/stylesheets/portfolio.css b/stylesheets/portfolio.css new file mode 100644 index 000000000..771eef9d7 --- /dev/null +++ b/stylesheets/portfolio.css @@ -0,0 +1,41 @@ + +#header { + grid-area: 1/1/2/6; +} + +body { + background-color: rgb(252, 252, 245); + background-image: url(../images/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; +} + +.project { + background-color: beige; + opacity: .8; + width: 60vw; + justify-content: space-between; +} + +.project img{ + float: right; +} + +em { + font-style: normal; + font-weight: bold; +} \ No newline at end of file diff --git a/stylesheets/style.css b/stylesheets/style.css new file mode 100644 index 000000000..ad543f1b5 --- /dev/null +++ b/stylesheets/style.css @@ -0,0 +1,56 @@ +#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:rgb(189, 52, 2); + text-decoration: none; +} + +a:hover { + color:rgb(156, 47, 7); + text-decoration: none; +} + +a:active { + text-decoration: none; +} + + +.container { + display: flex; + flex-direction: column; + justify-content: flex-end; +} + +footer { + color: gray; + position: fixed; + bottom: 0; +} +