hacktoberfest/index.html at master · ideaware/hacktoberfest · 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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Hacktoberfest 2019 - Ideaware</title>

    <meta name="title" content="Hacktoberfest es presentado por DigitalOcean, DEV y Ideaware">
    <meta name="description" content="Open source, cambiando al mundo un pull request a la vez">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@hacktoberfest">
    <meta name="twitter:creator" content="@hacktoberfest">
    <meta name="twitter:title" content="Hacktoberfest es presentado por DigitalOcean, Dev y Ideaware">
    <meta name="twitter:image" content="https://hacktoberfest.digitalocean.com/assets/HF19_social-744d976f227e4aff6866443abcede8c651b309ec9c7c9f7410f5944f8e1299b9.png">
    <meta name="twitter:url" content="https://hacktoberfest.digitalocean.com/">
    <meta prefix="og: http://ogp.me/ns#" property="og:title" content="Hacktoberfest es presentado por DigitalOcean, DEV y Ideaware">
    <meta prefix="og: http://ogp.me/ns#" property="og:type" content="website">
    <meta prefix="og: http://ogp.me/ns#" property="og:locale" content="en_US">
    <meta prefix="og: http://ogp.me/ns#" property="og:site_name" content="Hacktoberfest">
    <meta prefix="og: http://ogp.me/ns#" property="og:description" content="Open source, cambiando al mundo un pull request a la vez">
    <meta prefix="og: http://ogp.me/ns#" property="og:url" content="https://hacktoberfest.digitalocean.com/">
    <meta prefix="og: http://ogp.me/ns#" property="og:image" content="https://hacktoberfest.digitalocean.com/assets/HF19_social-744d976f227e4aff6866443abcede8c651b309ec9c7c9f7410f5944f8e1299b9.png">

    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
    <link rel="icon" href="./images/favicon.ico" type="image/x-icon">
    <meta name="viewport" content="initial-scale=1.0, width=device-width">
    <link rel="stylesheet" href="./application.css">
    <link rel="stylesheet" href="./styles.css">
  </head>
  <body>
    <div class="top-bgs">
      <header>
        <nav class="navbar" id="navbar">
          <a href="https://hacktoberfest.digitalocean.com/">
            <img id="header-logo" src="./images/Hacktoberfest-Header (1).svg" alt="Hacktoberfest Logo" width="475" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
          </a>
          <ul class="navbar-end">
            <li><a class="navLink" href="#detalles">Detalles</a></li>
            <li><a class="navLink" href="#agenda">Agenda</a></li>
            <li><a class="button button-small navLink" href="https://www.meetup.com/es-ES/ideatalksbyideaware/events/265148604/" target="_blank">Inscribirme</a></li>
            <li><a class="navLink live" href="https://www.youtube.com/watch?v=i-HhtMeVA6k" target="_blank">En Vivo</a></li>
          </ul>
        </nav>
      </header>

      <main class="home mainImg2" id="main-home">
        <section class="section">
          <div class="hero-body">
            <h1 class="title is-1 is-spaced">¡Celebremos el código abierto juntos y gana una <span class="highlight">camiseta oficial del evento</span>!</h1>
          </div>
          <div class="section2 space" id="detalles">
            <div class="line-br">
              <span class="line-br-1">-</span>
              <span class="line-br-2">-</span>
            </div>
            <p class="p">
              Hola comunidad :)
            </p>
            <p class="p">
              Después de tantos años en este medio la lección más importante es que el trabajo es mejor cuando es entre todos...
            </p>
            <p class="p">
              El <strong>Hacktoberfest<span class="reg">®</span> Barranquilla</strong> es un evento que sentíamos que teníamos que celebrar, porque el Open Source está cambiando el mundo del Software desde hace varios años y Ideaware ha sido testigo y protagonista de este cambio, por eso este sábado 19 de Octubre celebraremos que el mundo del Software es abierto y todos podemos ser parte activa de este.
            </p>
            <p class="p">
              En este día estaremos invitando a los amantes de la tecnología que quieran conocer e informarse sobre la importancia del código abierto. En nuestras oficinas tendremos charlas, mentorías y sorpresas. Nos aliamos a DigitalOcean y Dev para crear una jornada de aprendizaje y networking.
            </p>
          </div>
        </section>

        <section class="section">
            <div class="section2 space" id="detalles">
              <div class="line-br">
                <span class="line-br-1">-</span>
                <span class="line-br-2">-</span>
              </div>
              <h1 class="title is-1 is-spaced">¿Qué es Hacktoberfest?</h1>
              <p class="p">
                Es un evento organizado por DigitalOcean y Dev con diferente aliados alrededor del mundo para que los amantes de la tecnología conozcamos y aportemos al código abierto. Este año Ideaware se alía con estos grandes para traerles <strong>Hacktoberfest<span class="reg">®</span> Barranquilla</strong>, la idea detrás de este evento es difundir la importancia del Open Source en el mundo del software. La dinamica es simple: sube mínimo cuatro <i>pull request</i> y podrás ganar una camisa oficial del evento enviada directamente por los organizadores.
              </p>

              <p class="p">
                ¿Quieres participar?
              </p>

              <p class="p">
                <a class="button" href="https://www.meetup.com/es-ES/ideatalksbyideaware/events/265148604/" target="_blank">Inscríbite</a>
              </p>
            </div>
          </section>

        <section class="section" id="agenda">
          <div class="section2 space">
            <div class="line-br">
              <span class="line-br-1">-</span>
              <span class="line-br-2">-</span>
            </div>
            <h2 class="title is-1 is-spaced">Agenda</h2>
            <ul>
              <li class="bullet">
                <p class="p">
                  2:00 PM - 2:30 PM
                </p>
                <p class="p">
                  Recepción y Networking
                </p>
              </li>
              <li class="bullet">
                <p class="p">
                  2:30 PM - 2:50 PM
                </p>
                <p class="p">
                  Welcome to Hacktoberfest<span class="reg">®</span> in Barranquilla! - <a href="https://andresmax.com/" target="_blank">Andrés Max</a>
                </p>
              </li>
              <li class="bullet">
                <p class="p">
                  2:50 PM - 3:00 PM
                </p>
                <p class="p">
                  Hello Open Source! - <a href="https://github.com/tiannymonti" target="_blank">Tatiana Barrios</a>
                </p>
              </li>
              <li class="bullet">
                <p class="p">
                  3:00 PM - 3:10 PM
                </p>
                <p class="p">
                  La Filosofía del Boy Scout - <a href="https://twitter.com/CescQuintero" target="_blank">Francisco Quintero</a>
                </p>
              </li>
              <li class="bullet">
                <p class="p">
                  3:10 PM - 3:20 PM
                </p>
                <p class="p">
                  ¿Cómo Contribuir al Open Source? - <a href="https://calaojuanpablo.com" target="_blank">Juan Pablo Calao</a>
                </p>
              </li>
              <li class="bullet">
                <p class="p">
                  3:30 PM - 3:45 PM
                </p>
                <p class="p">
                  ¡Listos para Contribuir! - <a href="https://cjaviersaldana.dev" target="_blank">Javier Saldaña</a>
                </p>
              </li>
              <li class="bullet">
                <p class="p">
                  3:45 PM - 4:00 PM
                </p>
                <p class="p">
                  Selección de Equipos - Sebastian Morales (Mrls94) / Jesus Cardenas (Jsscrdng)
                </p>
              </li>
              <li class="bullet">
                <p class="p">
                  4:00 PM - 7:00 PM
                </p>
                <p class="p">
                  HACKTIME
                </p>
              </li>
              <li class="bullet">
                <p class="p">
                  7:00 PM - 8:00 PM
                </p>
                <p class="p">
                  Retroalimentación, comentarios y sorpresas :)
                </p>
              </li>
            </ul>
          </div>
        </section>

        <section class="section sponsors">
          <div class="line-br">
            <span class="line-br-1">-</span>
            <span class="line-br-2">-</span>
          </div>
          <h2 class="title is-1 is-spaced">Palabras de nuestros patrocinadores</h2>
          <section class="tile is-ancestor">
            <section class="tile is-child is-6">
              <h4 class="title is-4 is-spaced">
                <img alt="DO Logo" src="./images/DO-logo-footer.svg">
              </h4>
              <p>
                Nos emociona mucho trabajar junto con
                <a href="https://dev.to/" target="_blank">DEV</a>
                – una
                <a href="https://github.com/thepracticaldev/dev.to" target="_blank">plataforma comunitaria y open source</a>
                creada para todos los desarrolladores sin importar su transfondo y nivel de experiencia – en el Hacktoberfest de este 2019. DEV es un gran ejemplo de <i>open source</i>, transparencia e inclusión en tecnología por lo cual creemos que representa los valores de Hacktoberfest. Revisa la etiqueta <a href="https://dev.to/t/hacktoberfest" target="_blank">#Hacktoberfest</a>
                en DEV para estar al tanto de anuncios y recursos, antes, durante y después del evento.
              </p>
            </section>
            <section class="tile is-child is-6">
              <h4 class="title is-4 is-spaced">
                <img alt="DEV Logo" class="dev-logo" src="./images/DEV-logo-footer.svg">
              </h4>
              <p>
                Fuimos participantes mucho antes de ser patrocinadores y debemos agradecer a nuestros amigos de
                <a href="https://www.digitalocean.com/" target="_blank">DigitalOcean</a>
                por crear Hacktoberfest. Como defensores de los desarrolladores y <i>startups</i>, su plataforma en la nube ofrece tanto simplicidad como escalabilidad. Además, su
                <a href="https://www.digitalocean.com/community" target="_blank">plataforma comunitaria</a>
                se ha convertido en un recurso global para el aprendizaje en desarrollo web y en DevOps, siendo esto un indicador claro que DigitalOcean, es también, un gestor del
                <a href="https://developers.digitalocean.com/opensource/" target="_blank">open source</a>.
              </p>
            </section>
          </section>
        </section>
      </main>
    </div>

    <footer class="footer">
      <div class="social level">
        <div class="level-left">
          <div class="line-br">
            <span class="line-br-1">-</span>
            <span class="line-br-2">-</span>
          </div>

        </div>
        <div class="level-right">
          <img id="footer-logo" src="./images/logo-hf19-full.svg" alt="Hacktoberfest Logo" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
        </div>
      </div>

      <div class="footer-end">
        <div class="footer-logos">
          <a href="https://www.digitalocean.com/"><img src="./images/do-footer-logo.svg" alt="DigitalOcean Logo"></a>
          <p> + </p>
          <a href="https://www.dev.to/"><img class="dev-logo" src="./images/dev-footer-logo.svg" alt="Dev Logo"></a>
        </div>
        <p>© 2019 DigitalOcean, LLC. Todos los derechos reservados.</p>
      </div>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script>
      $('a[href*="#"]')
        // Remove links that don't actually link to anything
        .not('[href="#"]')
        .not('[href="#0"]')
        .click(function(event) {
          // On-page links
          if (
            location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
            &&
            location.hostname == this.hostname
          ) {
            // Figure out element to scroll to
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            // Does a scroll target exist?
            if (target.length) {
              // Only prevent default if animation is actually gonna happen
              event.preventDefault();
              $('html, body').animate({
                scrollTop: target.offset().top
              }, 1000, function() {
                // Callback after animation
                // Must change focus!
                var $target = $(target);
                $target.focus();
                if ($target.is(":focus")) { // Checking if the target was focused
                  return false;
                } else {
                  $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
                  $target.focus(); // Set focus again
                };
              });
            }
          }
        });
    </script>
  </body>
</html>