diff --git a/img/Aframe.png b/img/Aframe.png new file mode 100644 index 000000000..7ca12369e Binary files /dev/null and b/img/Aframe.png differ diff --git a/img/Candy.png b/img/Candy.png new file mode 100644 index 000000000..b718c8eed Binary files /dev/null and b/img/Candy.png differ diff --git a/img/Logo-jairo-png.png b/img/Logo-jairo-png.png new file mode 100644 index 000000000..50cb76f94 Binary files /dev/null and b/img/Logo-jairo-png.png differ diff --git a/img/SEP10 Dating Simulator Storyline.png b/img/SEP10 Dating Simulator Storyline.png new file mode 100644 index 000000000..7bea9c04e Binary files /dev/null and b/img/SEP10 Dating Simulator Storyline.png differ diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 000000000..50cb76f94 Binary files /dev/null and b/img/logo.png differ diff --git a/index.html b/index.html index 07c0cf901..92be89277 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - + @@ -43,7 +43,7 @@
- +
@@ -53,19 +53,41 @@

Projects

- + +
+
+
+
Dating sim project
+
10th Grade
+

Using links in ide .

+ More +
+
+
+ + + +
+
+
+
Freedom Project
+
10th Grade
+

In this project I learned how to do a website using what I learned in 10th grade

+ View More +
+
+
@@ -76,13 +98,13 @@
10th Grade

About Me


-

Lorem ipsum.

+

My name is Jairo, I'm from brooklyn and peru. I am in the Sep program and I love to code..

-

Lorem ipsum.

+

My favorite things to do on free time is listen to music, play video games, hangout with friends and go to the gym or excerise outside .

-

Lorem ipsum.

+

I love the color red

diff --git a/projects/cyoasim.html b/projects/cyoasim.html new file mode 100644 index 000000000..e758fa817 --- /dev/null +++ b/projects/cyoasim.html @@ -0,0 +1,96 @@ + + + + + # + + + + + + + + + + + + + + + + + + + +
+
+ +

Grade 10 Dating Simulator project(CYOA)

+

The prompt for this project was to make a storyline in our ide using links, images and content. The project was called cyoa(choose your own adventure) and it was a partner group work in my case where I worked with Luis and the purpose of this project was to test our knowledge on github commands and communicating with our partners because if someone pushes a commit then they have to tell the partner when they pushed so the partner can pull.

+

Once Mr Mueller gave us our group story based on a intrest form we did, we had to create a dating simulator story where At first there is a player who is losing a game and is deciding to take a walk and rest their mind or stay and keep losing and is based on what the choice of the the user and the actions they take through two choices and the goal was to just get love and end the game, happyily ever after.

+

Finally, Mr mueller assigned this project to communicate with our partners and to practice what we learned in class.

+ +

MY final steps if I had more time would be doing the extra credit to get more knowledge about creating a html instead of using markdown

+ Preview
+ Github code
+ + + + + + + + + +
+ + + +
+ +
+
+ + + + + + + + + + + + + + diff --git a/projects/freedomproject.html b/projects/freedomproject.html new file mode 100644 index 000000000..cb4c7f54d --- /dev/null +++ b/projects/freedomproject.html @@ -0,0 +1,101 @@ + + + + + # + + + + + + + + + + + + + + + + + + + +
+
+ +

Freedom project

+

This project was a all year project where we had to create a website based on the topic we chose in the beggining of the year. Over this period of time, this project was based on everything we have learned from september to may( such as CSS, html and bootstrap). After we finished researching our topic and had good information about what our topic was and how it relates to music, we had to pick a tool to study to add onto our website

+ + +

Content

+

As I chose my topic which was music and the tool I decided to pick was aframe. Throughout the two weeks I had to make an animation using aframe and think how to show readers about the effects of technology and it's relation with music. I made a navbar, carosel, collapse and some boxes with colors. At the bottom of the website I made an animation that displays music notes which is about my future ideas and how it pertains to my future idea.

+

Reflection

+

The challenges I faced was making my aframe show on my website

+

The takeway of this was that checking the website, youtube and asking for help is important because when I asked my friend, he told me it was on the website so I looked and was able to find it

+

Another Problem I faced was centering element's but when I looked at the code I realized I added an extra div so I had to delete a div after section and it worked

+ + + Link about the project
+ Blog
+ + + + + + + + + +
+ + + +
+ +
+
+ + + + + + + + + + + + + + diff --git a/projects/movie-webpage.html b/projects/movie-webpage.html new file mode 100644 index 000000000..1968739db --- /dev/null +++ b/projects/movie-webpage.html @@ -0,0 +1,94 @@ + + + + + # + + + + + + + + + + + + + + + + + + + +
+
+ +

Movie Webpage Project

+

In sep, my teacher Mr Mueller had assigned an html project that consisted of what we learned( Html and Css). We worked in partners to finish this movie project. The title is called "Candy theif" both me and my partner decided to choose this name due to the plot and backstory.

+

Both of us made a movie about a thief who steals from kids on halloween. The amount of plots he discovers, we both put in half half to ensure the highest grade(100). .

+

Some challenges that occured throughout this process was trying to make our ideas flow and come into place by embedding it with code. To add, we also had issues with gradient colors and/or colors that made sense in terms of the movie and the effects.

+

Lastly, some takeaways was to always remember where you put certain codes because they can affect the positiion and placement they are in.

+ Preview of the project
+ The code
+ + + + + + + + + +
+ + + +
+ +
+
+ + + + + + + + + + + + + + diff --git a/script.js b/script.js index 928fe18cf..292349a0f 100644 --- a/script.js +++ b/script.js @@ -1,5 +1,5 @@ -let ownerName = "Your Name"; // update the part BETWEEN the "quotes" -let userName = "YourUsername"; // same here +let ownerName = "jairo Pixabaj"; // update the part BETWEEN the "quotes" +let userName = "jairop2409"; // jairop2409 document.querySelectorAll(".owner-name").forEach((e) => { e.innerHTML = ownerName;