traintain.github.io/my-projects.html at main · Traintain/traintain.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<!--Autor:Juan Manuel Rivera jm.rivera@uniandes.edu.co-->
<html lang="en">

<head>
  <meta charset='utf-8'>
  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
  <title>Juanma 👌</title>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
  <script src='main.js'></script>
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid">
      <a class="navbar-brand" href="CV English.pdf">Download my CV</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
        aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
        <div class="navbar-nav">
          <a class="nav-link" href="index.html">About me</a>
          <a class="nav-link active" aria-current="page" href="my-projects.html">Projects</a>
          <a class="nav-link" href="hobbies.html">Hobbies</a>
          <a class="nav-link" href="education-and-xp.html">Education and experience</a>
        </div>
      </div>
    </div>
  </nav>

  <div class="container-fluid">

    <div class="text-center">
      <h1 class="display-2">Projects</h1>
    </div>

    <div class="py-5">
      <div class="row justify-content-center">
        <div class="col-10 jumbotron">
          <h1 class="display-5">Low-cost laboratory instruments</h1>
          <hr class="my-4">
          <p class="lead">One of the biggest limitations to do research in neuroscience is the access to specialized
            instruments.
            The prices of comercial equipment are prohibitive for some laboratories.
          </p>
          <p class="lead">With this in mind, I built different equipment using Arduino, commercial sensors and acrylic
            for the Laboratory of Neuroscience and Behaviour of Los Andes University.
          </p>
        </div>
      </div>

      <div class="row justify-content-center">
        <div class="col-10 jumbotron">
          <h1 class="display-5">Aquaponics, the game</h1>
          <hr class="my-4">
          <p class="lead">
            Acuapony is the production of fish (aquaculture) toghether with cultivating plants in water (hydroponics).
            The water from the fishes is used to grow the plants, the plants improve the water quality and then it is
            recirculated.
          </p>
          <p class="lead">
            Created by Johann Osma, the dicrector of the Biomicrosystems laboratory, Aquaponics is a pedagogic game to
            teach basic
            principles of acuaponics. I digitalyzed the game into a web version, which can be found here.
          </p>
          <button type="button" class="btn btn-primary btn-lg" href="https://traintain.github.io/Aquaponics/">
            Aquaponics demo
          </button>
        </div>

      </div>
    </div>


    <div class="row static-bottom">
      <div class="col-12 text-center">
        <hr class="my-2">
        <a href="www.linkedin.com/in/juanma-rivera/"><img src="LI-In-Bug.png" alt="linkedin logo"
            style="width:38px;height:32px;"></a>
        <a href="https://github.com/Traintain"><img src="GitHub-Mark-32px.png" alt="github logo"></a>
        <address>
          <a href="mailto:jm.rivera@uniandes.edu.co">jm.rivera@uniandes.edu.co</a>
          <p>© 2022 Juan Manuel Rivera López - Bogotá, Colombia</p>
        </address>
      </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
    </script>
</body>

</html>