Update links

react/package.json → package.json

@@ -15,7 +15,8 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "deploy": "node scripts/deploy.js"
   },
   "eslintConfig": {
     "extends": [

readme.md

@@ -0,0 +1,10 @@
+# Personal website
+
+Project created under ReactJS technology for the WEB site https://yhojann.cl/
+
+
+## Execution
+
+- Develop enviroment  : `npm start`
+- Compilation         : `npm run build`
+- Deploy              : `npm run deploy`

scripts/deploy.js

@@ -0,0 +1,35 @@
+const util = require('node:util');
+const exec = util.promisify(require('node:child_process').exec);
+
+class Deploy {
+
+    constructor(props) {
+        this.props = props;
+        this.build()
+        .then(() => this.upload())
+        .then(() => this.fixPerms())
+        .then(() => console.log('Success.'))
+        .catch(e => { console.log('e...'); throw e });
+    }
+
+    async build() {
+        console.log('Building project ...');
+        return exec('npm run build');
+    }
+
+    async upload() {
+        console.log('Uploading package to server ...');
+        return exec(`rsync -tvrz --progress --delete ./build/ root@${this.props.publicHostname}:${this.props.publicHtml}/`);
+    }
+
+    async fixPerms() {
+        console.log('Fixing permissions ...');
+        return exec(`ssh root@${this.props.publicHostname} 'chown ${this.props.publicCname}:${this.props.publicCname} -R ${this.props.publicHtml}/'`);
+    }
+}
+
+new Deploy({
+    publicHtml: '/home/yhojann.cl/public_html',
+    publicHostname: 'a.public.whk.cl',
+    publicCname: 'yhojann.cl'
+});

react/src/fragment/main.js → src/fragment/main.js

@@ -19,8 +19,11 @@ export default (class MainFragment extends Component {
                             </h1>
                             <p className="lead">
                                  de experiencia como Evangelista de
-                                Seguridad Inform&aacute;tica &Eacute;tica, expositor y actual Director de
-                                tecnolog&iacute;a y Co-Fundador de DevelR0X Chile.
+                                Seguridad Inform&aacute;tica &Eacute;tica, expositor y Co-Fundador de
+                                &nbsp;<a rel="noreferrer" target="_blank" href="https://oznet.cl/">Oznet Cybersecurity</a>,
+                                &nbsp;<a rel="noreferrer" target="_blank" href="https://develrox.com/">DevelROX Cybersecurity</a>
+                                &nbsp;<a rel="noreferrer" target="_blank" href="https://bugbounty.cl/">Bugbounty Chile</a>
+                                &nbsp;y&nbsp;<a rel="noreferrer" target="_blank" href="https://ruta102.cl/">Comunicaciones Ruta102</a>.
                             </p>
                         </div>
                     </div>

react/src/layout/index.js → src/layout/index.js

@@ -28,17 +28,18 @@ export default (class Layout extends Component {
                 </div>
 
                 <MainFragment />
+
                 <footer className="bg-dark text-white pt-5 pb-4">
                     <div className="container text-center">
                         <p className="lead mb-4 links">
-                            <a className="btn btn-outline-secondary" href="https://www.linkedin.com/in/yhojann-aguilera/" target="_blank" rel="noreferrer">
+                            <a className="mx-4 btn btn-outline-secondary" href="mailto:info@yhojann.cl">
+                                <i className="me-2 fa fa-envelope"></i>
+                                Cont&aacute;ctame
+                            </a>
+                            <a className="mx-4 btn btn-outline-secondary" href="https://www.linkedin.com/in/yhojann-aguilera/" target="_blank" rel="noreferrer">
                                 <i className="me-2 fa fa-linkedin-square"></i>
                                 Linkedin
                             </a>
-                            <span className="px-4"></span>
-                            <a className="btn btn-outline-secondary" href="https://develrox.com/" target="blank" rel="noreferrer">
-                                DevelR0X
-                            </a>
                         </p>
                         <hr className="mb-4" />
                         <p className="text-muted h4">Yhojann Aguilera Aguayo</p>

react/src/layout/style.css → src/layout/style.css

@@ -45,7 +45,7 @@ footer a.btn {
 }
 
 footer .links a {
-    width: 130px;
+    width: 150px;
 }
 
 .hader-min h1 {
@@ -59,3 +59,7 @@ footer .links a {
     background-position: center top;
     min-height: 400px;
 }
+
+a {
+    color: var(--bs-dark);
+}