diff --git a/assets/Rosario Ancco Resume.pdf b/assets/Rosario Ancco Resume.pdf new file mode 100644 index 0000000..3eb0f97 Binary files /dev/null and b/assets/Rosario Ancco Resume.pdf differ diff --git a/assets/Rosario_Ancco_CV.pdf b/assets/Rosario_Ancco_CV.pdf new file mode 100644 index 0000000..c271a0b Binary files /dev/null and b/assets/Rosario_Ancco_CV.pdf differ diff --git a/images/Escudo_UNSAAC.png b/images/Escudo_UNSAAC.png new file mode 100644 index 0000000..aad6382 Binary files /dev/null and b/images/Escudo_UNSAAC.png differ diff --git a/images/JavaScript-logo.png b/images/JavaScript-logo.png new file mode 100644 index 0000000..7b5ffab Binary files /dev/null and b/images/JavaScript-logo.png differ diff --git a/images/Python.png b/images/Python.png new file mode 100644 index 0000000..a9c8bca Binary files /dev/null and b/images/Python.png differ diff --git a/images/attention to detail.png b/images/attention to detail.png new file mode 100644 index 0000000..2e5a3b4 Binary files /dev/null and b/images/attention to detail.png differ diff --git a/images/attention-to-details.jpg b/images/attention-to-details.jpg new file mode 100644 index 0000000..443f6dc Binary files /dev/null and b/images/attention-to-details.jpg differ diff --git a/images/branko travels.png b/images/branko travels.png new file mode 100644 index 0000000..8231312 Binary files /dev/null and b/images/branko travels.png differ diff --git a/images/comunication.png b/images/comunication.png new file mode 100644 index 0000000..e06b18c Binary files /dev/null and b/images/comunication.png differ diff --git a/images/github-logo3.png b/images/github-logo3.png new file mode 100644 index 0000000..5185eb1 Binary files /dev/null and b/images/github-logo3.png differ diff --git a/images/gore-cusco-logo.jpg b/images/gore-cusco-logo.jpg new file mode 100644 index 0000000..e2d7249 Binary files /dev/null and b/images/gore-cusco-logo.jpg differ diff --git a/images/insta-logo4.png b/images/insta-logo4.png new file mode 100644 index 0000000..1e74e1d Binary files /dev/null and b/images/insta-logo4.png differ diff --git a/images/jumping_game.png b/images/jumping_game.png new file mode 100644 index 0000000..844f9bb Binary files /dev/null and b/images/jumping_game.png differ diff --git a/images/linkedin-icon1.svg b/images/linkedin-icon1.svg new file mode 100644 index 0000000..8b81c68 --- /dev/null +++ b/images/linkedin-icon1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/pomodoro_miniatura.png b/images/pomodoro_miniatura.png new file mode 100644 index 0000000..126ef15 Binary files /dev/null and b/images/pomodoro_miniatura.png differ diff --git a/images/problem_solving.png b/images/problem_solving.png new file mode 100644 index 0000000..680903a Binary files /dev/null and b/images/problem_solving.png differ diff --git a/images/rock-paper-scissors.png b/images/rock-paper-scissors.png new file mode 100644 index 0000000..6cb4b94 Binary files /dev/null and b/images/rock-paper-scissors.png differ diff --git a/images/rose.jpg b/images/rose.jpg new file mode 100644 index 0000000..8f18105 Binary files /dev/null and b/images/rose.jpg differ diff --git a/images/smart_cities_peru_sac_logo.jpg b/images/smart_cities_peru_sac_logo.jpg new file mode 100644 index 0000000..9635181 Binary files /dev/null and b/images/smart_cities_peru_sac_logo.jpg differ diff --git a/images/teamwork.jpg b/images/teamwork.jpg new file mode 100644 index 0000000..41daaf4 Binary files /dev/null and b/images/teamwork.jpg differ diff --git a/images/teamwork.png b/images/teamwork.png new file mode 100644 index 0000000..db727c5 Binary files /dev/null and b/images/teamwork.png differ diff --git a/images/zoluxiones_logo.jpg b/images/zoluxiones_logo.jpg new file mode 100644 index 0000000..5eae58d Binary files /dev/null and b/images/zoluxiones_logo.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..056d9b7 --- /dev/null +++ b/index.html @@ -0,0 +1,239 @@ + + + + + + + Rosario codes + + +
+
+ Rose +
+ +
+
+
+
+
+
+ a photo of Rose smiling +
+ +
+
+

Hi, I am Rosario🤗!!!

+

Front end developer

+

+ I am a young professional passionate about technology and with a background in Software engineering and UX design. + I consider myself perseverant, energetic and self taught person who likes teamwork, challenges and provide solutions. +
+ I aspire to impact positively in organizations helping business to achieve their goals.
+ As a female in technology I aspire to help and guide more females in the amazing world of technology 💚. +

+

Some facts about me:

+
    +
  • I like dogs and cats
    • +
  • I love singing and dancing
    • +
  • Love spend my free time in nature
    • +
+
+
+
+
+

Education

+
+
+
+ Escudo de la UNSAAC +
+
+
+

Bachelor degree in Software Engineering and Conputer Science

+
    +
  • 📍Cusco - Peru
    • +
  • 2014-2020
    • +
  • Faculty of computer and systems engineering
    • +
  • Algorithms, artificial intelligence, data bases, competitive programming
    • +
  • Contestant in The 2014 ACM-ICPC South America/South Finals
    • +
+
+
+
+
+

Experience

+
+
+
+ +
+

Technical assistant

+
    +
  • Mar 2023 - Jul 2023
    • +
  • Cusco - Peru
    • +
+
+
+
+ +
+

Software engineer

+
    +
  • Mar 2021 - Dec 2022
    • +
  • Lima - Peru
    • +
+
+
+
+ +
+

Front end developer intern

+
    +
  • Oct 2019 - Jul 2020
    • +
  • Cusco - Peru
    • +
+ +
+
+
+
+

Projects

+
+
+
+ small image of a pomodoro timer +
+

Pomodoro timer

+
    +
  • Solo project
    • +
  • Tools: Javascript, HTML/CSS
    • +
  • Preview: Click here
    • +
+
+
+
+ rock, paper and scissors image +
+

Rock, paper & scissors

+
    +
  • Solo project
    • +
  • Tools: Javascript, HTML/CSS
    • +
  • Preview: Click here
    • +
+
+
+
+ a dog inside a game +
+

Jumping game

+
    +
  • Collaborative project
    • +
  • Tools: Javascript, HTML/CSS
    • +
  • Preview: Jumping Game
    • +
+
+
+
+ branko travel web page +
+

Travel webpage

+
    +
  • Collaborative project
    • +
  • Tools: HTML/CSS
    • +
  • Preview: Travel webpage
    • +
+
+
+
+
+

Skills

+
+
+

Soft skills

+
+
+ comunication icon +
Comunication
+
+
+ teamwork icon +
Teamwork
+
+
+ Problem solving icon +
Problem solving
+
+
+ atention to detail icon +
Attention to detail
+
+
+
+
+

Technical skills

+
+
+

Programming:

+
    +
  • Python
    • +
  • Java
    • +
  • Javascript
    • +
  • C++
    • +
  • C#
    • +
  • Typescript
    • +
  • Angular
    • +
  • HTML/CSS
    • +
+
+
+

Design:

+
    +
  • Figma
    • +
+
+
+

Agile

+
    +
  • Scrum methodology
    • +
  • Kanban Methodology
    • +
+
+
+
+
+
+
+

Contact me

+
+ +
+ linkedin logo +
+ + +
+ instagram logo +
+ + +
+ github logo +
+ +
+
+
+ + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..3779c6f --- /dev/null +++ b/main.js @@ -0,0 +1,38 @@ +const downloadResumeButton = document.getElementById('download-resume'); +const name = document.getElementById('name'); +const email = document.getElementById('email'); +const message = document.getElementById('message'); +const sendMessage = document.getElementById('sendMessage'); + + +const downloadResume = () => { + console.log('Presionaste el boton descargar') + var file_spanish = './assets/Rosario_Ancco_CV.pdf'; + var file_english = './assets/Rosario Ancco Resume.pdf'; + // Create a temporary anchor element + const downloadLink = document.createElement('a'); + const downloadLink2 = document.createElement('a'); + downloadLink.href = file_spanish; + downloadLink2.href = file_english; + downloadLink.download = 'RosarioAnccoCV.pdf'; // Specify the filename for download + downloadLink.target = '_blank'; + downloadLink2.download = "Rosario_Ancco_Resume.pdf"; + downloadLink2.target = '_blank'; + + // Append the anchor element to the body + document.body.appendChild(downloadLink); + // Trigger the click event of the anchor link + downloadLink.click(); + // Remove the anchor element from the body + document.body.removeChild(downloadLink); + + document.body.appendChild(downloadLink2); + downloadLink2.click(); + document.body.removeChild(downloadLink2); + + +}; + + + +downloadResumeButton.addEventListener('click', downloadResume); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..f0881ea --- /dev/null +++ b/style.css @@ -0,0 +1,177 @@ +body { + background-image: linear-gradient( 177.9deg, rgba(255,228,254,1) 5.3%, rgba(255,228,254,1) 5.3%, rgba(188,132,173,1) 94.7% ); + background-size: cover; + background-repeat: no-repeat; + font-family: Arial, Helvetica, sans-serif; + color: black; +} +main { + width: 100%; +} +header { + display: flex; + flex-direction: row; + size: 70px; + margin: 15px; + padding: 15px; + justify-content: space-around; +} + +.navbar { + margin: 15px; + display: inline; + justify-content: start; +} + +nav { + float: right; + margin: 15px; + display: inline; + justify-content: flex-end; +} +header a { + text-decoration: none; + font-size: 18px; + margin-left: 15px; + margin-right: 15px; + color: brown; +} + +header a:hover { + color: rgb(53, 53, 194); +} + +section { + /*text-align: center;*/ + margin: 20px; + padding: 10px; +} +h1 { + text-align: center; + display: block; + font-size: 25px; +} + +h3 { + display: block; +} + +a { + text-decoration: none; + color: blue; +} + +footer { + margin: 15px 30px; + text-align: center; + height: 70px; + font-size: 14px; +} +footer p { + margin-top: 5px; + margin-bottom: 5px; +} +footer a { + margin-left: 10px; + margin-right: 10px; +} +label { + display: block; + margin: 10px; +} + +button, input { + display: block; + margin: 10px; + padding: 8px; + height: 30px; + border: 1px black; + border-radius: 10px; + font-size: 16px; + background-color: white; +} + +button:hover, input:hover { + background-color: rgb(144, 180, 247); +} + + + +textarea { + display: block; + margin: 10px; + font-size: 16px; + border: none; + border-radius: 10px; +} + +.container { + display: flex; + flex-direction: row; + justify-content: space-around; +} + +.card { + padding: 15px; + margin: 10px; + background-color: white; + border-radius: 25px; + color: black; +} + +.rose-photo { + width: 270px; + height: auto; + border-radius: 25px; +} + +.unsaac-photo { + width: 250px; + height: auto; +} +.logo { + width: 200px; + height: 200px; +} +.icon { + height: 80px; + width: 80px; +} + +.project-image { + height: 150px; + width: 150px; +} + +.icon-image { + height: 150px; + width: 150px; +} + +form { + display: block; +} + +figure { + margin: 10px; + padding: 10px; +} + +.description { + padding: 15px; + margin: 10px; + +} + +.icon-card, .skills { + margin: 15px; + display: flex; + flex-direction: row; + justify-content: space-around; +} + +figcaption { + margin: 10px; + text-align: center; +} +