-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
286 lines (248 loc) · 9.5 KB
/
index.html
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
277
278
279
280
281
282
283
284
285
286
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Te ayudo a completar el Hacktoberfest 2021">
<meta property="og:description" content="Repositorio con issues para completar. Se cuenta con 5 landing pages para modificar">
<meta property="og:image" content="https://user-images.githubusercontent.com/13499566/95685421-02451500-0bb5-11eb-937c-ce54a3bb61b5.png">
<meta property="og:url" content="https://moudev.github.io/primera-colaboracion-open-source/">
<meta name="twitter:card" content="summary_large_image">
<title>🎉 Primera colaboración Open Source</title>
<link rel="stylesheet" href="index.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<h1>🎉 Primera colaboración Open Source</h1>
<div class="container-repository-button">
<a href="https://github.com/moudev/primera-colaboracion-open-source" class="repository-button">
<img src="img/github-logo.png" class="github"/>
Repositorio de GitHub
</a>
</div>
<h2>📍 Aspectos Generales</h2>
<p>
El objetivo de la iniciativa es explicar un poco sobre cómo realizar contribuciones a proyectos Open Source, los cuales en este caso están alojados en la plataforma GitHub.
</p>
<p>
La guía está enfocada a personas que apenas empiezan en el uso del controlador de versiones Git y de la plataforma GitHub.
</p>
<p>
Un punto importante de la guía es; ayudar a las personas a ganar confianza en realizar colaboraciones a proyectos publicados a lo largo de Internet y, que sea uno de los primeros pasos para sembrar la cultura de seguir investigando por cuenta propia, aparte, para ampliar el panorama del alcance que puede llegar a tener el realizar colaboraciones de este tipo.
</p>
<p>
Esta iniciativa fué creada debido al evento
<a href="https://hacktoberfest.digitalocean.com/" target="_blank">
Hacktoberfest 2020
</a>.
</p>
<hr />
<p>
<em>
<strong>Actualización 2021</strong>
</em>
</p>
<p>Por favor de leer bien las indicaciones del evento en la página del
<a href="https://hacktoberfest.digitalocean.com/" target="_blank">
Hacktoberfest
</a>.
Tienen ciertos requisitos para que tus contribuciones sean válidas.
No olvides por nada revisar las condiciones del evento. Se ha hecho más estricto para evitar contribuciones "spam".
</p>
<hr />
<h2>📍 Detalles</h2>
<p>
Para poder completar el Hacktoberfest es necesario crear cuatro Pull Request(PR) a repositorios públicos dentro de GitHub. Pueden ser varios Pull Request(PR) dentro del mismo repositorio.
</p>
<p>
Esta guía debe de servir como ayuda para poder completar con éxito el Hacktoberfest.
</p>
<p>
Dentro de esta guía existen cinco carpetas de las cuales dentro de cada una se encuentra la maquetación HTML de una Lading Page(página de inicio), cuya maquetación cuenta con un nivel básico de diseño y que no tiene mayor complejidad.
</p>
<p>
Para cada diseño existe una cantidad de tareas(issues), cada una de ellas respectivamante etiquetadas para saber a qué Landing Page pertenece la tarea. Las tareas(issues) no son complicadas y son de modificaciones sencillas para facilitar la colaboración. Cada tarea cuenta con una descripción bastante clara de lo que se debe de realizar.
</p>
<p>
La idea propuesta sería realizar un PR en cada una de las Landing Pages hasta completar la cantidad de cuatro.
</p>
<p>
Para poder ver el listado de tareas hay que entrar en la pestaña de issues de este repositorio y elegir la tarea en la que se considere tener la capacidad de colaborar. Varias personas pueden participar en la misma tarea ya que ninguna colaboración terminará siendo unida(hacer merge) al repositorio por que el objetivo es solamente simular el proceso de colaboración en un proyecto.
</p>
<p>
<span>
🤔 ¿Cualquier persona puede participar y colaborar en este repositorio?
</span>
Sí, toda ayuda es bien recibida y más aún cuando sea para mejorar la experiencia de las personas participantes de esta iniciativa. Solamente existen condiciones de colaboración en las tareas de cada Landing Page.
</p>
<p>
<span>
🤔 ¿Existe una forma en la cual mi colaboración no sea tomada en cuenta?
</span>
Sí, para completar el Hacktoberfest deben de ser cuatro PR válidos, es decir que no hayan sido marcados como spam, si uno de los PR es marcado como tal, no cuenta. Dentro de este repositorio existen condiciones para dar como válida una colaboración.
</p>
<p>
<span>
🤔 ¿Por qué motivos un PR puede ser marcado como spam?
</span>
En este caso será cuando la persona que realiza colaboración ya tenga experiencia en colaborar en proyectos Open Source y que solamente está buscando tareas sencillas para poder completar el Hacktoberfest. Esta iniciativa está enfocada a personas que no tienen experiencia o poco conocimientos sobre colaborar en Internet. Si la colaboración es de alguien con experiencia y solamente es corrección de texto, no cuenta, debe de ser algo que genere valor al proyecto y que será evaluado por la persona administradora del repositorio.
</p>
<p>
<span>
👋🏻 Nota de redacción:
</span>
Si has llegado hasta este punto de la lectura, ¡que bueno!. Si consideras que esta iniciativa puede ayudarle a más personas el hecho de compartirla puede ser de ayuda, no necesariamente tiene que ser de forma pública a través de redes sociales, puedes hacerlo de la forma que encuentres más conveniente para que pueda llegar a la mayor cantidad posible de entusiastas. Espero que puedas ganar más confianza para colaborar en proyectos Open Source y poder completar el Hacktoberfest :)
</p>
<div class="projects">
<h2>💻 Landing pages</h2>
<div class="projects-cards">
<div class="project-card">
<a href="landing-page-1/index.html">
<img alt="Miniatura landing page 1" src="img/mini-landing-1.png" />
<p class="link-landing">Landing page #1</p>
</a>
</div>
<div class="project-card">
<a href="landing-page-2/index.html">
<img alt="Miniatura landing page 2" src="img/mini-landing-2.png" />
<p class="link-landing">Landing page #2</p>
</a>
</div>
<div class="project-card">
<a href="landing-page-3/index.html">
<img alt="Miniatura landing page 3" src="img/mini-landing-3.png" />
<p class="link-landing">Landing page #3</p>
</a>
</div>
<div class="project-card">
<a href="landing-page-4/index.html">
<img alt="Miniatura landing page 4" src="img/mini-landing-4.png" />
<p class="link-landing">Landing page #4</p>
</a>
</div>
<div class="project-card">
<a href="landing-page-5/index.html">
<img alt="Miniatura landing page 5" src="img/mini-landing-5.png" />
<p class="link-landing">Landing page #5</p>
</a>
</div>
</div>
</div>
<footer>
Si gustas conocer más detalles o intentar completar el Hacktoberfest, puedes revisar el
<a href="https://github.com/moudev/primera-colaboracion-open-source">
Repositorio de GitHub
</a>
el cual tiene una guía con todos los pasos necesarios.
Espero te sea de utilidad. Att:
<a href="https://twitter.com/_codemart">
@_codemart
</a>
</footer>
</div>
</body>
<style>
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #072540;
color: #93B8A5;
font-family: 'Inter', sans-serif;
padding-top: 3rem;
padding-bottom: 3rem;
font-size: 1.2rem;
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width:640px) {
.container {
max-width:640px
}
}
@media (min-width:768px) {
.container {
max-width:768px
}
}
@media (min-width:1024px) {
.container {
max-width:1024px
}
}
@media (min-width:1280px) {
.container {
max-width:1280px
}
}
h1 {
text-align: center;
margin-bottom: 3rem;
}
h2 {
margin-bottom: 2rem;
}
p {
margin-bottom: 1.5rem;
}
span {
font-weight: 600;
}
h1, h2, span, a {
color: #D07AC6;
}
.container-repository-button {
display: flex;
justify-content: center;
margin: 1rem auto 3rem auto;
}
.repository-button {
padding: 1.5rem;
border: none;
background-color: #0069FF;
border-radius: 30px;
color: white;
font-size: 1rem;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
}
.repository-button
.github {
width: 3.5rem;
margin-right: 0.5rem;
}
.projects {
margin-top: 3rem;
}
.projects h2 {
text-align: center;
}
.projects-cards {
display: flex;
flex-wrap: wrap;
}
.project-card {
margin: 1rem 2rem;
}
img {
border-radius: 10px;
}
.link-landing {
text-align: center;
text-decoration: underline;
}
footer {
margin-top: 4rem;
}
</style>
</html>