From 4e26c26c77088c8495b8d19e7d5eb5984804bbcb Mon Sep 17 00:00:00 2001 From: Jose Castillo Date: Fri, 10 Feb 2023 22:19:38 -0800 Subject: [PATCH 1/8] created index.html file --- index.html | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..e69de29 From 21e9027ead15877d208dd8d7eb7a35851d35acf4 Mon Sep 17 00:00:00 2001 From: Jose Castillo <77298821+J-C-X@users.noreply.github.com> Date: Mon, 20 Feb 2023 18:18:42 -0800 Subject: [PATCH 2/8] Update index.html --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index e69de29..2c6c1af 100644 --- a/index.html +++ b/index.html @@ -0,0 +1 @@ +Jose Castillo From b03aaa567b8d9c6f371639e088b6747ba70f49c9 Mon Sep 17 00:00:00 2001 From: Jose Castillo Date: Mon, 20 Feb 2023 23:36:17 -0800 Subject: [PATCH 3/8] Added info to file Added information about myself --- index.html | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/index.html b/index.html index e69de29..7e9b8e0 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,22 @@ +Jose Castillo + +About +I'm currently twenty-years old and I go to ELAC, I hope to transfer next year and will be applying under +the major of Computer Science. Although being a full time student, working, and completing the CTD program +takes up most of my time, in my free-time I like to go around Los Angeles trying out new places to eat +and going to hikes with my friends. Additionally, I also really like reading but that happens mainly +during winter and summer breaks. + +Experience +My experience can be broken down into professional experience and part times I've had. The part time jobs +I've had all include some sort of warehouse work and up to about a year ago it also includes using warehouse +machinary. In terms of professional experience I've had two other internships from back when I was a business +major. I did two Real Estate internships, one was in Real Estate Digital Marketing where we learned the +key logistics to look for and how to properly market real estate using online tools. The second one was in +Commercial Real Estate where we learned valuation, and financial modeling. + +Connnect +Gmail: jose091202@gmail.com +Email: jose_castillo02@outlook.com + + From 870f02baca3e81e73415fce67b97202821141ff6 Mon Sep 17 00:00:00 2001 From: Jose Castillo Date: Mon, 27 Feb 2023 21:24:05 -0800 Subject: [PATCH 4/8] added html elements in index.html file --- index.html | 28 ++++++++++++++++++++++------ 1 file changed, 22 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 7e9b8e0..0614582 100644 --- a/index.html +++ b/index.html @@ -1,22 +1,38 @@ + + + + + Castillo's Website + + Jose Castillo -About +
+

About

I'm currently twenty-years old and I go to ELAC, I hope to transfer next year and will be applying under the major of Computer Science. Although being a full time student, working, and completing the CTD program takes up most of my time, in my free-time I like to go around Los Angeles trying out new places to eat and going to hikes with my friends. Additionally, I also really like reading but that happens mainly -during winter and summer breaks. +during winter and summer breaks.

+
-Experience +
+

Experience

My experience can be broken down into professional experience and part times I've had. The part time jobs I've had all include some sort of warehouse work and up to about a year ago it also includes using warehouse machinary. In terms of professional experience I've had two other internships from back when I was a business major. I did two Real Estate internships, one was in Real Estate Digital Marketing where we learned the key logistics to look for and how to properly market real estate using online tools. The second one was in Commercial Real Estate where we learned valuation, and financial modeling. +

-Connnect -Gmail: jose091202@gmail.com -Email: jose_castillo02@outlook.com +
+

Connnect

    +
  • - Gmail: jose091202@gmail.com
    • +
  • - Email: jose_castillo02@outlook.com
    • +
+
+ + From 2377b8310753a329495c16dd5db066428e772091 Mon Sep 17 00:00:00 2001 From: Jose Castillo Date: Tue, 7 Mar 2023 23:30:21 -0800 Subject: [PATCH 5/8] added js to website --- index.html | 15 ++++++++++++--- index.js | 24 ++++++++++++++++++++++++ 2 files changed, 36 insertions(+), 3 deletions(-) create mode 100644 index.js diff --git a/index.html b/index.html index 0614582..cb6e035 100644 --- a/index.html +++ b/index.html @@ -26,12 +26,21 @@

Experience

Commercial Real Estate where we learned valuation, and financial modeling.

+
+

Skills

    + +
+
+
-

Connnect

    -
  • - Gmail: jose091202@gmail.com
    • -
  • - Email: jose_castillo02@outlook.com
    • +

    Connnect

      +
    • Gmail: jose091202@gmail.com
      • +
    • Email: jose_castillo02@outlook.com
+
+ + diff --git a/index.js b/index.js new file mode 100644 index 0000000..bad68ae --- /dev/null +++ b/index.js @@ -0,0 +1,24 @@ +let today = new Date(); + +let thisYear = today.getFullYear(); + +let footer = document.querySelector("footer"); + +let copyright = document.createElement('p'); +copyright.innerHTML = "Jose Castillo " + thisYear; + +document.body.appendChild(copyright); + +let skills = ["Coding in Python", "Coding in JavaScript", "Digital Marketing", "Proficient in Excel"]; +let skillsSection = document.querySelector("#skills"); +let skillsList = skillsSection.querySelector("ul"); + +//Loop for Array +let total = 0; +for( i=0; i < skills.length; i++) { +let skill = document.createElement("li"); + total += skills[i]; +//skill.innerHTML = skills[i]; +skillsList.appendChild(skill); +//console.log(skills[i]) +} From 7da86bd62aba30be3f34254c09d0bdcdc59e6c71 Mon Sep 17 00:00:00 2001 From: Jose Castillo Date: Tue, 2 May 2023 11:07:23 -0700 Subject: [PATCH 6/8] AJAX Basics --- index.css | 198 +++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 113 +++++++++++++++++++++++------- index.js | 97 +++++++++++++++++++++----- 3 files changed, 364 insertions(+), 44 deletions(-) create mode 100644 index.css diff --git a/index.css b/index.css new file mode 100644 index 0000000..78bd77a --- /dev/null +++ b/index.css @@ -0,0 +1,198 @@ +/* Change the background color of the page body */ +body { + background-color: #ffffff; + } + + /* Change the default text color */ + body { + color: #161616; + } + + /* Define the font family for the entire page or just a section */ + body { + font-family: Georgia, serif; + } + + /* Header with links read horizontally */ + header { + background-color: #f2f2f2; + display: flex; + justify-content: center; + align-items: center; + height: 80px; + } + + nav { + display: flex; + justify-content: center; + align-items: center; + } + + nav ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + nav li { + display: inline-block; + margin: 0 20px; + } + + nav li:first-child { + margin-left: 0; + } + + nav li:last-child { + margin-right: 0; + } + + nav a { + color: #333; + text-decoration: none; + font-weight: bold; + font-size: 18px; + } + + /* About */ + #about { + margin: 50px 0; + text-align: left; + } + + #about h1 { + /* font-size: 36px; */ + margin-bottom: 20px; + } + + #about p { + margin: 0 40px; + text-align: justify; + line-height: 1.5; + } + + + /* Styles for the rest of the website */ + section { + margin-top: 40px; + } + + + /* Add spacing (padding/margin) between sections */ + section { + padding-right: 10px; + margin-bottom: 10px; + } + + /* Change the font size, weight, and color of all headings */ + h1, h2, h3, h4, h5, h6 { + font-size: 30px; + font-weight: bold; + color: #232222; + } + + /* Transform the "Experience" list items into styled blocks */ + #experience { + margin: 50px 0; + } + + #experience h2 { + font-size: 30px; + margin-bottom: 20px; + } + + #experience ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + #experience li { + display: flex; + align-items: center; + margin-bottom: 20px; + padding: 20px; + border: 2px solid #2985d1; + } + + /* Transform the "Skills" list items into styled blocks */ + #skills { + margin: 50px 0; + } + + #skills h2 { + font-size: 30px; + margin-bottom: 20px; + } + + #skills ul { + list-style-type: none; + margin: 0; + padding: 0; + display: flex; + } + + #skills li { + margin-right: 20px; + padding: 20px; + border: 2px solid #2985d1; + } + + #skills li:last-child { + margin-right: 0; + } + + + + /* Style the "Leave a Message" form elements */ + section { + margin: 50px 0; + } + + section h2 { + font-size: 30px; + margin-bottom: 20px; + } + + form { + display: flex; + flex-wrap: wrap; + } + + label { + width: 100%; + margin-bottom: 10px; + font-weight: bold; + } + + input[type="text"], + input[type="email"], + textarea { + width: 100%; + padding: 10px; + border: 2px solid #ccc; + border-radius: 4px; + margin-bottom: 20px; + } + + button[type="submit"] { + background-color: #2985d1; + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; + } + + button[type="submit"]:hover { + background-color: #2985d1; + } + + /* Change the spacing and background color of the footer */ + footer { + padding: 10px; + font-size: 15px; + background-color: #f2f2f2; + } + \ No newline at end of file diff --git a/index.html b/index.html index cb6e035..0217776 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,110 @@ + - Castillo's Website - - -Jose Castillo - -
-

About

-I'm currently twenty-years old and I go to ELAC, I hope to transfer next year and will be applying under -the major of Computer Science. Although being a full time student, working, and completing the CTD program -takes up most of my time, in my free-time I like to go around Los Angeles trying out new places to eat -and going to hikes with my friends. Additionally, I also really like reading but that happens mainly -during winter and summer breaks.

+ Jose Castillo's Website + + + + + +
+
+ +
+ +
+
+ +
+

About

+

+ Currently a student at East Los Angeles College and will soon transfer majoring + in Computer Science. In my free-time I like to go around Los Angeles trying out + new places and going on hikes with my friends. Additionally, I'm very passionate + about constantly learning so I also enjoy reading when I have the chance. +

-
+

Experience

-My experience can be broken down into professional experience and part times I've had. The part time jobs -I've had all include some sort of warehouse work and up to about a year ago it also includes using warehouse -machinary. In terms of professional experience I've had two other internships from back when I was a business -major. I did two Real Estate internships, one was in Real Estate Digital Marketing where we learned the -key logistics to look for and how to properly market real estate using online tools. The second one was in -Commercial Real Estate where we learned valuation, and financial modeling. +

    +
  • Digital Marketing Intern, Project Destined + + June 2020 - Aug 2020
    • + +
  • Commercial Real Estate Intern, Project Destined + + June 2021 - Aug 2021
    • + +
  • Code The Dream, Beginner Classes + + Jan 2023 - Present
    • +

-
-

Skills

    - -
+
+

Skills

+
-
+
+

Projects

+
    +
    + +

    Connnect

    • Gmail: jose091202@gmail.com
    • Email: jose_castillo02@outlook.com
    -
    + +
    +

    Leave a Message

    +
    + + +
    + + +
    +
    + + +
    +
    + +
    +

    Messages

    +
      +
      + + +
      +
      + +
      +
      + + + diff --git a/index.js b/index.js index bad68ae..9a0c357 100644 --- a/index.js +++ b/index.js @@ -1,24 +1,83 @@ +// Code for Copyright let today = new Date(); - let thisYear = today.getFullYear(); - let footer = document.querySelector("footer"); - let copyright = document.createElement('p'); -copyright.innerHTML = "Jose Castillo " + thisYear; - -document.body.appendChild(copyright); - -let skills = ["Coding in Python", "Coding in JavaScript", "Digital Marketing", "Proficient in Excel"]; -let skillsSection = document.querySelector("#skills"); -let skillsList = skillsSection.querySelector("ul"); - -//Loop for Array -let total = 0; -for( i=0; i < skills.length; i++) { -let skill = document.createElement("li"); - total += skills[i]; -//skill.innerHTML = skills[i]; -skillsList.appendChild(skill); -//console.log(skills[i]) +copyright.innerHTML = +`© Jose Castillo ${thisYear}`; +footer.appendChild(copyright); + +// Code for Skills List +const skillsSection = document.getElementById("skills"); +const skillsList = ["Python", "JavaScript", "Digital Marketing", "Excel"]; +let skills = skillsSection.querySelector("ul"); + +// Loop for Array -- List +for( let skill of skillsList ) { + let newList = document.createElement("li"); + newList.textContent = skill; + + skills.appendChild(newList); } + +// Code for Leave Message Section +const messageForm = document.getElementById('leave_message'); +const messageSection = document.getElementById('messages'); +const messageList = document.getElementById('messageList'); + +// Event Listener for form submit +messageForm.addEventListener('submit', function(event) { + event.preventDefault(); // Prevent form from refreshing the page + + // Retrieve form field values + const usersName = event.target.usersName.value; + const usersEmail = event.target.usersEmail.value; + const usersMessage = event.target.usersMessage.value; + + // Log form field values + console.log('Name:', usersName); + console.log('Email:', usersEmail); + console.log('Message:', usersMessage); + + // Display messages in list + const newMessage = document.createElement('li'); + newMessage.innerHTML = + `${usersName} + ${usersMessage}`; + + const removeButton = document.createElement('button'); + removeButton.innerText = 'Remove'; + removeButton.type = 'button'; + removeButton.addEventListener('click', function() { + const entry = removeButton.parentNode; + entry.remove(); + }); + newMessage.appendChild(removeButton); + messageList.appendChild(newMessage); + + // Clear form fields + messageForm.reset(); +}); + +// Fetch Github Repositories +const githubRequest = new XMLHttpRequest(); +githubRequest.open('GET', 'https://api.github.com/users/J-C-X/repos'); +githubRequest.send(); + +githubRequest.addEventListener('load', function() { + const repositories = JSON.parse(this.response); + console.log(repositories); + + const projectSection = document.querySelector('#projects'); + const projectList = projectSection.querySelector('ul'); + + for (let i = 0; i < repositories.length; i++) { + const project = document.createElement('li'); + project.innerText = repositories[i].name; + projectList.appendChild(project); + } + + //githubRequest.send(); + githubRequest.setRequestHeader('User-Agent', 'J-C-X'); + +}); From 2240e73837cbe12989b4e844b8ecaf9944984b9f Mon Sep 17 00:00:00 2001 From: Jose Castillo Date: Wed, 3 May 2023 01:45:40 -0700 Subject: [PATCH 7/8] Fetch API --- index.html | 21 +++++++++++---------- index.js | 38 +++++++++++++++++++++++++++++++++++--- 2 files changed, 46 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index 0217776..681e892 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,9 @@ - Jose Castillo's Website + Jose Castillo - + @@ -16,7 +16,8 @@
    • About
    • Experience
    • Skills
      • -
    • Contact
      • +
    • Projects
      • +
    • Messages
      • @@ -37,17 +38,17 @@

      About

      Experience

        -
      • Digital Marketing Intern, Project Destined +
      • Digital Marketing Intern, Project Destined -- - June 2020 - Aug 2020
        • + June 2020 - Aug 2020 -
      • Commercial Real Estate Intern, Project Destined +
      • Commercial Real Estate Intern, Project Destined -- - June 2021 - Aug 2021
        • + June 2021 - Aug 2021 -
      • Code The Dream, Beginner Classes +
      • Code The Dream, Beginner Classes -- - Jan 2023 - Present
        • + Jan 2023 - Present

      @@ -58,7 +59,7 @@

      Skills

      Projects

      -
        +
        diff --git a/index.js b/index.js index 9a0c357..0fb094a 100644 --- a/index.js +++ b/index.js @@ -60,11 +60,11 @@ messageForm.addEventListener('submit', function(event) { }); // Fetch Github Repositories -const githubRequest = new XMLHttpRequest(); +/*const githubRequest = new XMLHttpRequest(); githubRequest.open('GET', 'https://api.github.com/users/J-C-X/repos'); githubRequest.send(); -githubRequest.addEventListener('load', function() { + githubRequest.addEventListener('load', function() { const repositories = JSON.parse(this.response); console.log(repositories); @@ -80,4 +80,36 @@ githubRequest.addEventListener('load', function() { //githubRequest.send(); githubRequest.setRequestHeader('User-Agent', 'J-C-X'); -}); +}); + */// End of comment for Lesson 6-1 + +// Fetch API's +const gitHubApiUrl = 'https://api.github.com/users/J-C-X/repos'; + +fetch(gitHubApiUrl, { + headers: { + 'User-Agent': 'J-C-X' + } +}) + .then((response) => response.json()) + .then((repositories) => { + console.log(repositories); + + const projectSection = document.querySelector('#projects'); + const projectList = projectSection.querySelector('ul'); + + for (let i = 0; i < repositories.length; i++) { + const project = document.createElement('li'); + //project.innerText = repositories[i].name; + project.innerHTML = `${repositories[i].name}`; + projectList.appendChild(project); + } + }) + .catch((error) => { + console.error('Error fetching data:', error); + }); + + + + + From 377e16e64bca50f878622d33d206d5ec58d2d010 Mon Sep 17 00:00:00 2001 From: Jose Castillo Date: Wed, 3 May 2023 13:02:43 -0700 Subject: [PATCH 8/8] Added final adjustments to website --- index.css | 119 +++++++++++++++++++++++++++++++++++------------------ index.html | 14 ++++++- index.js | 24 ----------- 3 files changed, 90 insertions(+), 67 deletions(-) diff --git a/index.css b/index.css index 78bd77a..ed0d0a0 100644 --- a/index.css +++ b/index.css @@ -14,45 +14,49 @@ body { } /* Header with links read horizontally */ - header { - background-color: #f2f2f2; - display: flex; - justify-content: center; - align-items: center; - height: 80px; - } - - nav { - display: flex; - justify-content: center; - align-items: center; - } - - nav ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - nav li { - display: inline-block; - margin: 0 20px; - } - - nav li:first-child { - margin-left: 0; - } - - nav li:last-child { - margin-right: 0; - } - - nav a { - color: #333; - text-decoration: none; - font-weight: bold; - font-size: 18px; - } +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px; + background-color: #93ccdf; +} + +/* Profile image and name styles */ +.profile-image { + width: 64px; + height: 64px; + border-radius: 50%; + margin-right: 15px; +} + +h1 { + margin: 0; +} + +/* Navigation styles */ +.nav ul { + display: flex; + align-items: center; + list-style-type: none; + margin: 0; + padding: 0; +} + +.nav li { + margin-left: 15px; +} + +.nav a { + text-decoration: none; + color: #333; + font-weight: bold; +} + +.nav a:hover { + color: #555; +} + /* About */ #about { @@ -191,8 +195,41 @@ body { /* Change the spacing and background color of the footer */ footer { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; padding: 10px; font-size: 15px; - background-color: #f2f2f2; + background-color: #93ccdf; + } + + .social-icons { + display: flex; + } + + .social-icons a { + display: inline-block; + margin-left: 10px; + } + + .social-icons img { + width: 32px; + height: 32px; + } + +/* For mobile devices */ +@media (max-width: 768px) { + .container { + flex-direction: column; + } + + .nav ul { + flex-direction: column; + } + + .nav li { + margin-left: 0; + margin-bottom: 10px; } - \ No newline at end of file +} \ No newline at end of file diff --git a/index.html b/index.html index 681e892..cb3ed20 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,12 @@ + + Jose Castillo - @@ -13,6 +14,7 @@
        -