This is the repository of my personal website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 7.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Néfix Estrada's Website</title>
  8. <meta name="description" content="This the personal website of Néfix Estrada">
  9. <link rel="stylesheet" href="css/normalize.css">
  10. <link rel="stylesheet" href="css/styles.css">
  11. <link rel="stylesheet" href="css/animate.min.css">
  12. </head>
  13. <body>
  14. <section id="landing">
  15. <h1>Néfix Estrada's Website</h1>
  16. <a href="#about"><i id="more-arrow" class="fas fa-angle-down animated infinite bounce slow delay-1s"></i></a>
  17. </section>
  18. <div id="content">
  19. <section id="about">
  20. <h3>About</h3>
  21. <p>
  22. Hey there! My name is <strong>Néfix Estrada</strong> and this is my website. I'm a Barcelona based student who loves programming, scripting and managing servers in my free time. I'm always trying to learn new technologies, interesting things that I found out or that someone has told me, optimizing and tinkering my self-hosted services and my dotfiles... Recently, I've been learning Golang with a special focus in microservices.
  23. </p>
  24. </section>
  25. <section id="projects">
  26. <h3>Projects</h3>
  27. <div class="wrapper">
  28. <div class="project">
  29. <div class="content">
  30. <h4>PXE Cloud</h4>
  31. <p>
  32. PXE Cloud is an easy to setup and easy to manage environment to boot live images and OS installers through iPXE.
  33. </p>
  34. </div>
  35. <a href="https://github.com/pxe-cloud/pxe-cloud" class="button">Read more</a>
  36. </div>
  37. <div class="project">
  38. <div class="content">
  39. <h4>Backup Project</h4>
  40. <p>
  41. Backup Project is an API with a front-end to manage your backups with Borg Backup.
  42. </p>
  43. </div>
  44. <a href="https://github.com/NefixEstrada/BackupProject/tree/develop" class="button">Read more</a>
  45. </div>
  46. <div class="project">
  47. <div class="content">
  48. <h4>URL Shortener</h4>
  49. <p>
  50. URL Shortener is a simple URL hortener written in Go.
  51. </p>
  52. </div>
  53. <a href="https://gitea.nefixestrada.com/nefix/urlshortener" class="button">Read more</a>
  54. </div>
  55. <div class="project">
  56. <div class="content">
  57. <h4>autoqbid</h4>
  58. <p>
  59. autoqbid is a Selenium script that automates the time insertion inside Qbid.
  60. </p>
  61. </div>
  62. <a href="https://github.com/NefixEstrada/autoqbid" class="button">Read more</a>
  63. </div>
  64. <div class="project">
  65. <div class="content">
  66. <h4>Gocker CI/CD</h4>
  67. <p>
  68. Gocker CI/CD is a CI/CD for Docker written in Go. It monitors your Dockerfiles and containers and manages the updating process.
  69. </p>
  70. </div>
  71. <a href="https://gitea.nefixestrada.com/nefix/gocker-ci-cd/" class="button">Read more</a>
  72. </div>
  73. <div class="project">
  74. <div class="content">
  75. <h4>The Docs</h4>
  76. <p>
  77. The Docs is the documentation website that, together with my mentors, we wrote during my intership. It contains tutorials and configurations in advanced topics such as clusters and high avaliability.
  78. </p>
  79. </div>
  80. <a class="button" href="http://thedocs.isardvdi.com">Read More</a>
  81. </div>
  82. </div>
  83. </section>
  84. <section id="skills">
  85. <h3>Skills</h3>
  86. <h4>Front-end</h4>
  87. <div class="wrapper">
  88. <div class="skill">
  89. <h5>HTML</h5>
  90. <div class="filled-4"></div>
  91. </div>
  92. <div class="skill">
  93. <h5>CSS</h5>
  94. <div class="filled-3"></div>
  95. </div>
  96. <div class="skill">
  97. <h5>SASS</h5>
  98. <div class="filled-3"></div>
  99. </div>
  100. <div class="skill">
  101. <h5>Bootstrap</h5>
  102. <div class="filled-3"></div>
  103. </div>
  104. <div class="skill">
  105. <h5>JS</h5>
  106. <div class="filled-4"></div>
  107. </div>
  108. <div class="skill">
  109. <h5>VueJS</h5>
  110. <div class="filled-2"></div>
  111. </div>
  112. </div>
  113. <h4>Back-end & scripting</h4>
  114. <div class="wrapper">
  115. <div class="skill">
  116. <h5>NodeJS</h5>
  117. <div class="filled-4"></div>
  118. </div>
  119. <div class="skill">
  120. <h5>ExpressJS</h5>
  121. <div class="filled-3"></div>
  122. </div>
  123. <div class="skill">
  124. <h5>Python</h5>
  125. <div class="filled-4"></div>
  126. </div>
  127. <div class="skill">
  128. <h5>Flask</h5>
  129. <div class="filled-3"></div>
  130. </div>
  131. <div class="skill">
  132. <h5>Golang</h5>
  133. <div class="filled-2"></div>
  134. </div>
  135. <div class="skill">
  136. <h5>Bash</h5>
  137. <div class="filled-3"></div>
  138. </div>
  139. </div>
  140. <h4>Databases</h4>
  141. <div class="wrapper">
  142. <div class="skill">
  143. <h5>SQL</h5>
  144. <div class="filled-3"></div>
  145. </div>
  146. <div class="skill">
  147. <h5>NoSQL</h5>
  148. <div class="filled-3"></div>
  149. </div>
  150. <div class="skill">
  151. <h5>PostgreSQL</h5>
  152. <div class="filled-3"></div>
  153. </div>
  154. <div class="skill">
  155. <h5>MariaDB</h5>
  156. <div class="filled-2"></div>
  157. </div>
  158. <div class="skill">
  159. <h5>MongoDB</h5>
  160. <div class="filled-2"></div>
  161. </div>
  162. </div>
  163. <h4>Sysamdin & DevOps</h4>
  164. <div class="wrapper">
  165. <div class="skill">
  166. <h5>Docker</h5>
  167. <div class="filled-4"></div>
  168. </div>
  169. <div class="skill">
  170. <h5>Docker Compose</h5>
  171. <div class="filled-4"></div>
  172. </div>
  173. <div class="skill">
  174. <h5>GNU/Linux</h5>
  175. <div class="filled-4"></div>
  176. </div>
  177. <div class="skill">
  178. <h5>Networking</h5>
  179. <div class="filled-3"></div>
  180. </div>
  181. <div class="skill">
  182. <h5>Virtualization</h5>
  183. <div class="filled-4"></div>
  184. </div>
  185. <div class="skill">
  186. <h5>Server management</h5>
  187. <div class="filled-4"></div>
  188. </div>
  189. </div>
  190. </section>
  191. <section id="interests">
  192. <h3>Interests</h3>
  193. <p>Currently, I'm trying to learn / improving one of the following topics:</p>
  194. <ul>
  195. <li><a href="https://golang.org/">Golang</a></li>
  196. <li><a href="https://en.wikipedia.org/wiki/Microservices">Microservices</a> <a href="https://github.com/micro/micro">(Go Micro)</a></li>
  197. <li><a href="https://grpc.io/">gRPC</a></li>
  198. <li><a href="https://en.wikipedia.org/wiki/Test-driven_development">Test driven developement</a></li>
  199. <li><a href="https://en.wikipedia.org/wiki/Agile_software_development">Agile developement</a></li>
  200. <li><a href="https://www.ansible.com/">Ansible</a></li>
  201. <li><a href="https://kubernetes.io/">Kubernetes</a></li>
  202. <li><a href="https://nixos.org/">Nix + NixOS</a></li>
  203. <li><a href="https://devhints.io/vim">Advanced Vim</a></li>
  204. </ul>
  205. </section>
  206. <section id="contact">
  207. <h3>Contact</h3>
  208. <p>If you want to contact me, you can send me a mail to <a href="mailto:nefixestrada@gmail">nefixestrada@gmail.com</a></p>
  209. </section>
  210. </div>
  211. <footer>
  212. <div class="helpful-links">
  213. <a href="https://github.com/NefixEstrada"><i class="fab fa-github"></i>GitHub</a>
  214. <a href="https://gitea.nefixestrada.com/nefix"><i class="fas fa-code-branch"></i>Gitea</a>
  215. <a href="https://docs.nefixestrada.com"><i class="fas fa-book"></i>Personal Documentation</a>
  216. <a href="https://blog.nefixestrada.com"><i class="fas fa-rss"></i>Personal Blog</a>
  217. </div>
  218. <div class="info">
  219. <p>
  220. <a href="https://gitea.nefixestrada.com/nefix/website"><i class="fas fa-code"></i>Source Code</a>
  221. <span>| </span>Built by <strong>Néfix Estrada</strong>, 2018
  222. </p>
  223. </div>
  224. </footer>
  225. </body>
  226. </html>