Update bio, build command, preview for github pages

alvarofelipe12 · Jan 29, 2024 · 261a704 · 261a704
1 parent fa9f2ee
commit 261a704
Show file tree

Hide file tree

Showing 23 changed files with 391 additions and 24 deletions.
diff --git a/angular.json b/angular.json
@@ -17,7 +17,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/portfolio",
+            "outputPath": "docs",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": [
@@ -48,7 +48,7 @@
                 {
                   "type": "anyComponentStyle",
                   "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumError": "5kb"
                 }
               ],
               "outputHashing": "all"

diff --git a/docs/3rdpartylicenses.txt b/docs/3rdpartylicenses.txt
diff --git a/docs/assets/images/alvaro.webp b/docs/assets/images/alvaro.webp
diff --git a/docs/assets/images/logo.png b/docs/assets/images/logo.png
diff --git a/docs/favicon.ico b/docs/favicon.ico
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html><html lang="en"><head>
+  <meta charset="utf-8">
+  <title>Portfolio</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+<style>@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}body{margin:0;width:100%;min-height:100%;overflow-x:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#0a192f;color:#8892b0;line-height:1.3;font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;font-size:20px}@media (max-width: 30em){body{font-size:18px}}</style><link rel="stylesheet" href="styles.f1a14ac5ad1df1f4.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.f1a14ac5ad1df1f4.css"></noscript></head>
+<body>
+  <app-root></app-root>
+<script src="runtime.985c6c42fc9c4e82.js" type="module"></script><script src="polyfills.3a899dcb0f680672.js" type="module"></script><script src="vendor.c57e155ad5204494.js" type="module"></script><script src="main.d22e51ebee4a5e51.js" type="module"></script>
+
+</body></html>
diff --git a/docs/main.d22e51ebee4a5e51.js b/docs/main.d22e51ebee4a5e51.js
diff --git a/docs/owl.video.play.e3b436436832b027.png b/docs/owl.video.play.e3b436436832b027.png
diff --git a/docs/polyfills.3a899dcb0f680672.js b/docs/polyfills.3a899dcb0f680672.js
diff --git a/docs/runtime.985c6c42fc9c4e82.js b/docs/runtime.985c6c42fc9c4e82.js
diff --git a/docs/styles.f1a14ac5ad1df1f4.css b/docs/styles.f1a14ac5ad1df1f4.css
diff --git a/docs/vendor.c57e155ad5204494.js b/docs/vendor.c57e155ad5204494.js
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build",
+    "build": "ng build --c production --aot --build-optimizer --common-chunk --vendor-chunk --optimization --progress",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
   },

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -1,3 +1,4 @@
+import { NgOptimizedImage } from '@angular/common'
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 
@@ -26,7 +27,8 @@ import { IntroComponent } from './components/intro/intro.component';
   imports: [
     BrowserModule,
     AppRoutingModule,
-    NgbModule
+    NgbModule,
+    NgOptimizedImage
   ],
   providers: [],
   bootstrap: [AppComponent]

diff --git a/src/app/components/aboutme/aboutme.component.html b/src/app/components/aboutme/aboutme.component.html
@@ -9,24 +9,25 @@ <h3 class="section-title">
       <div class="row">
         <div class="col-12 col-md-6 mb-4 mb-md-0">
           <div class="about-description">
-            <!-- <p data-aos="fade-up" data-aos-duration="1000">
-              In my <span class='underline'>4 years as a developer</span>, I seek to train every day. I have worked
-              writing <span class='underline'>unit tests</span>, <span class='underline'>performing continuous
-                integration</span>, and covering
-              backend developer roles with <span class='underline'>Laravel and Mysql</span>. I have led teams having
-              empathy,
-              exercising motivation to partners, and setting plans and goals together.
+            <p data-aos="fade-up" data-aos-duration="1000">
+              An experienced Full Stack Developer and Mobile App Expert possesses a strong background in Agile methodologies. With
+              over 5 years of experience in software development, experience encompasses startups and global organizations.
             </p>
             <p data-aos="fade-up" data-aos-duration="1000">
-              My skills also include implementing system improvements, optimizing sites, standardizing patterns, and
-              suggesting and
-              executing ideas that add value to the project I'm working on.
+              This professional has contributed to various projects, specializing in web and mobile application development using a wide
+              range of frameworks and tools. This skill set includes JavaScript, Java, Angular, Ionic, Bootstrap, Typescript, and
+              more. Demonstrates not only proficiency in development but also dedication as a team player, recognized for commitment
+              to delivering quality software and continuous improvement.
             </p>
             <p data-aos="fade-up" data-aos-duration="1000">
-              Some of the technologies that I have trained and worked on include (but are not limited to):
-            </p> -->
+              Holding a Bachelor's degree and having completed a
+              postgraduate course in Information Technology, there exists a solid educational foundation to complement practical
+              skills. Proficiency in English and Spanish makes this professional an effective communicator and collaborator, a
+              valuable asset to any team.
+            </p>
             <p data-aos="fade-up" data-aos-duration="1000">
-              Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aperiam, veritatis rerum repudiandae voluptatibus odit nam modi nemo officia, a ullam consequuntur doloribus autem, pariatur itaque doloremque nobis quis sapiente soluta!
+              The passion for software development is evident through publications and an unwavering
+              pursuit of knowledge. A sought-after candidate for companies in search of a skilled, versatile, and agile developer.
             </p>
             <ul class="skills-list" data-aos="fade-up">
               <li class="skill-element" data-aos="fade-up" data-aos-duration="1000"><span class="underline">Angular
@@ -50,7 +51,7 @@ <h3 class="section-title">
         </div>
         <div class="col-12 col-md-6 mt-4 mt-md-0 text-center" data-aos="fade-up" data-aos-duration="1000">
           <div class="about-img-container">
-            <img class="rounded" width="300" height="300" src="assets/images/me.jpg" alt="Alvaro">
+            <img class="rounded" width="250" height="300" ngSrc="assets/images/alvaro.webp" alt="Alvaro">
           </div>
         </div>
 

diff --git a/src/app/components/aboutme/aboutme.component.scss b/src/app/components/aboutme/aboutme.component.scss
@@ -17,7 +17,7 @@
       z-index: 0;
       display: block;
       position: relative;
-      width: 300px;
+      width: 250px;
       height: 300px;
       border-radius: 3px;
       bottom: 290px;

diff --git a/src/app/components/contact/contact.component.html b/src/app/components/contact/contact.component.html
@@ -1 +1 @@
-<p>contact works!</p>
+<!-- <p>contact works!</p> -->
diff --git a/src/app/components/experience/experience.component.html b/src/app/components/experience/experience.component.html
@@ -1 +1 @@
-<p>experience works!</p>
+<!-- <p>experience works!</p> -->
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
@@ -1,7 +1,7 @@
 <nav [@animateMenu] class="navbar main-navbar" [class.nav-shadow]='pageYPosition && pageYPosition > 0'>
   <div class="container">
     <a class="navbar-brand text-light" [routerLink]="'inicio'">
-      <img src='assets/images/logo.png' width='25' />
+      <img ngSrc='assets/images/logo.png' width='45' height="45"/>
     </a>
     <ul ngbNav #nav="ngbNav" class="menu-ul">
       <li ngbNavItem>

diff --git a/src/app/components/intro/intro.component.html b/src/app/components/intro/intro.component.html
@@ -1 +1 @@
-<p>intro works!</p>
+<!-- <p>intro works!</p> -->
diff --git a/src/app/components/projects/projects.component.html b/src/app/components/projects/projects.component.html
@@ -1 +1 @@
-<p>projects works!</p>
+<!-- <p>projects works!</p> -->
diff --git a/src/assets/images/alvaro.webp b/src/assets/images/alvaro.webp
diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<p>contact works!</p>
		<!-- <p>contact works!</p> -->
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<p>experience works!</p>
		<!-- <p>experience works!</p> -->
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<p>projects works!</p>
		<!-- <p>projects works!</p> -->