This repository has been archived by the owner on Dec 22, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 83
/
index.html
247 lines (241 loc) · 15 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Hacktoberfest in Aba</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><script type='text/javascript' src='js/SmoothScroll.js'></script>
<link rel='stylesheet' href='css/application.css' />
<link rel="stylesheet" href="./css/footer.css">
</head>
<body>
<header>
<nav class="navbar navbar-inverse main-nav">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<img src="img/logo.jpg" alt="logo" class="logo">
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li class="">
<a class="nav-link" href="#aboutus">About Us</a>
</li>
<li class="">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="">
<a class="nav-link" href="#contributing">Contributing</a>
</li>
<li class="">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="row">
<section id='carousel' class='carousel slide' data-ride='carousel'>
<div class='carousel-inner' role='listbox'>
<figure class='item active'>
<img src='img/hcktber001.jpg' alt='First Hacktoberfest' />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
<script type='text/javascript' src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<figcaption class='carousel-caption'>The city of Aba witnesses her first ever Hacktoberfest celebration.</figcaption>
</figure>
<figure class='item'>
<img src='img/hcktber002.jpg' alt='Active Learning' />
<figcaption class='carousel-caption'>Active learning session focused on contributing to and building open source.</figcaption>
</figure>
<figure class='item'>
<img src='img/hcktber003.jpg' alt='Key Insights' />
<figcaption class='carousel-caption'>Sharing key insights on achieving successful collaboration.</figcaption>
</figure>
</div>
</section>
<section id="aboutus" class="container page-section">
<div class="text-justify">
<h2 class="heading">About Us</h2>
<h1 class="bold-text">Hacktoberfest in Aba</h1>
<h3 class="heading">Celebrating The Open Source Philosophy</h3>
<p>
As a means of encouraging participation during Hacktoberfest 2018, this project targets those relatively new to the open source ecosystem and programming in general, but are eager to learn and improve their creative skills by contributing to projects on GitHub.
</p>
<p>
By creating issues that require easy to complete tasks, we are providing a platform where beginners can readily join the open source movement without being overwhelmed with the restrictions and complexities that they may encounter when trying to contribute to already established open source projects for the first time. We hope that newcomers will find it easier improve their skills and grow their confidence as they continue to contribute to projects like this.
</p>
<p>
Welcome to the world of Open Source.
</p>
</div>
</section>
<section id="projects" class="container page-section" >
<div class='text-justify'>
<h2 class='heading'>Projects</h2>
<div id="articles-section" class="container">
<div class="text-justify">
<h3 class="heading">Articles</h3>
</div>
<main class="row">
<article class="row">
<h4>What is Hacktoberfest?</h4>
<div>
<p>
Hacktoberfest is a month-long celebration of open source software brought to you by DigitalOcean in partnership with GitHub and Twilio.
<br>
Registered participants who make Pull Requests to public repositories on GitHub throughout the month of October qualify for a limited edition T-shirt. Contributions as small as bug fixes and documentation updates are valid ways of participating.
<br>
For the full details on how to participate, visit the homepage here. <a href="https://hacktoberfest.digitalocean.com/" target="_blank">Read More...</a>
</p>
</div>
<div>
<time datetime="13-10-2018">Saturday, Oct 13</time>
</div>
</article>
<article class="row">
<h4>What is Open Source?</h4>
<div>
<p>
The term "open source" refers to something people can modify and share because its design is publicly accessible.
<br>
The term originated in the context of software development to designate a specific approach to creating computer programs. Today, however, "open source" designates a broader set of values—what we call "the open source way."
<br>
Open source projects, products, or initiatives embrace and celebrate principles of open exchange, collaborative participation, rapid prototyping, transparency, meritocracy, and community-oriented development. <a href="https://opensource.com/resources/what-open-source" target="_blank">Read More...</a>
</p>
</div>
<div>
<time datetime="13-10-2018">Saturday, Oct 13</time>
</div>
</article>
</main>
</div>
</div>
</section>
<section id="contributing" class="container" >
<div class="text-justify">
<h2 class="heading">Contributing</h2>
<p>
To get a shirt, you must make five pull requests (PRs) between October 1st – 31st in any timezone. PRs can be to any public repo on GitHub, not just the ones highlighted. The PR must contain commits you made yourself. PRs reported by maintainers as spam or that are automated will be marked as invalid and won’t count towards the shirt. This year, the first 50,000 of you can earn a T-shirt (compared with 30,000 in 2017).
</p>
<p>
– Create an account on <a href="https://github.com" target="_blank">GitHub</a>: <a href="https://github.com/signup" target="_blank">GitHub</a>;
<br>
– Follow the event to account for each of the contributions: <a href="https://hacktoberfest.digitalocean.com/" target="_blank">Hacktoberfest</a>;
<br>
– You need to know how <a href="https://git-scm.com/" target="_blank">Git</a> works: <a href="https://docs.github.com/en/get-started/quickstart/set-up-git" target="_blank">GitHub</a>, <a href="https://www.digitalocean.com/community/tutorial_series/an-introduction-to-open-source" target="_blank">DigitalOcean</a> .
</p>
</p>
</div>
</section>
<section id="contact" class='container' >
<div class='text-justify'>
<h2 class='heading'>Contact</h2>
<p>
Hacktoberfest In Aba (Maiden Edition) was brought to you by a team of highly skilled software developers. Our experience with software developer tools and resources led us to bring the whole developer community in Aba together to explore modern technologies in the open source market and help drive the adoption of innovative solutions for our customers and their businesses in today's fast-changing digital economy. Say hi to:
<br>
– Organizers: <a href="https://github.com/davidconoh" target="_blank">@davidconoh</a>, and <a href="https://github.com/kreativejosh" target="_blank">@kreativejosh</a>.
<br>
– Maintainers: <a href="https://github.com/kodekage" target="_blank">@kodekage</a> and <a href="https://github.com/phavor" target="_blank">@phavor</a>.
<br>
– Contributors: <a href="https://github.com/darmhoo" target="_blank">@darmhoo</a>, <a href="https://github.com/The-lady-developer" target="_blank">@The-lady-developer</a>, <a href="https://github.com/vinay72" target="_blank">@vinay72</a>, and <a href="https://github.com/actorkelvin" target="_blank">@actorkelvin</a>.
</p>
</div>
</section>
<summary>
<div class="container">
<div class="text-justify">
<h3 class="heading">Sign up for our emails</h3>
</div>
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
<div class="form-group">
<label>Delivery Preference: </label>
<select class="form-control">
<option>Daily</option>
<option>Weekly</option>
<option>Monthly</option>
</select>
</div>
<div class="button-div">
<input type="submit" value="Sign-Up" class="button"/>
</div>
</form>
</div>
</summary>
<br>
</div>
<!-- Footer -->
<div class="footer-wrapper">
<footer class="page-footer font-small blue pt-4">
<!-- Footer Links -->
<div class="container-fluid text-center text-md-left">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-md-6 mt-md-0 mt-3">
<!-- Content -->
<h4 class="text-uppercase">About Us</h5>
<p class="text-uppercase-p"><strong>Hacktoberfest in Aba</strong> is a community of <br> software developers in <strong>Aba</strong> with the <br> focus of committing the month of <strong>October</strong> <br> to celebrating <strong>Open Source</strong> and contributing <br> to projects on <strong>GitHub</strong>.</p>
</div>
<!-- Grid column -->
<hr class="clearfix w-100 d-md-none pb-3">
<!-- Grid column -->
<div class="col-md-3 mb-md-0 mb-3">
<!-- Links -->
<h4 class="text-uppercase"><strong>Quick Links</strong></h5>
<ul class="list-unstyled">
<li>
<a href="https://HacktoberfestinAba.github.io" target="_blank"><i class="fa fa-angle-double-right"></i>Home</a>
</li>
<li>
<a href="https://github.com/HacktoberfestinAba/HacktoberfestinAba.github.io" target="_blank"><i class="fa fa-angle-double-right"></i>Repository</a>
</li>
<li>
<a href="https://hacktoberfest.digitalocean.com/" target="_blank"><i class="fa fa-angle-double-right"></i>Hacktoberfest</a>
</li>
</ul>
</div>
<!-- Grid column -->
<div class="col-md-3 mb-md-0 mb-3">
<!-- Links -->
<h4 class="text-uppercase"><strong>Other Links</strong></h5>
<ul class="list-unstyled">
<li>
<a href="https://www.digitalocean.com/" target="_blank"><i class="fa fa-angle-double-right"></i>DigitalOcean</a>
</li>
<li>
<a href="https://github.com/" target="_blank"><i class="fa fa-angle-double-right"></i>GitHub</a>
</li>
<li>
<a href="https://www.twilio.com/" target="_blank"><i class="fa fa-angle-double-right"></i>Twilio</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Copyright -->
<div class="container footer-copyright text-center py-3">
<p>
© 2018 Copyright:
<a href="https://github.com/HacktoberfestinAba/"> Hacktoberfest in Aba</a>
</p>
</div>
</footer>
<script type="text/javascript" src="js/SmoothScroll.js" /></script>
<script type="text/javascript" src="js/SmoothJump.js" /></script>
</body>
</html>