-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathindex.html
More file actions
319 lines (276 loc) · 12.2 KB
/
index.html
File metadata and controls
319 lines (276 loc) · 12.2 KB
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
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
<!doctype html>
<html lang="en">
<head>
<title>BVPLUG - BVCOE Linux User Group</title>
<!-- Errorception -->
<script>
(function(_,e,rr,s){_errs=[s];var c=_.onerror;_.onerror=function(){var a=arguments;_errs.push(a);
c&&c.apply(this,a)};var b=function(){var c=e.createElement(rr),b=e.getElementsByTagName(rr)[0];
c.src="http://beacon.errorception.com/"+s+".js";c.async=!0;b.parentNode.insertBefore(c,b)};
_.addEventListener?_.addEventListener("load",b,!1):_.attachEvent("onload",b)})
(window,document,"script","5205537a25609c1f790000e0");
</script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43073671-1', 'bvplug.org');
ga('send', 'pageview');
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<!--Logo animate-->
<script src="js/animatelogo.js"></script>
<!-- jquery init-->
<script>
$(document).ready(function()
{
//The "buzz" animation
//Bugs etc. to madaan.amanmadaan@gmail.com
//setting up animation
increment = 1;
degree = 0.1; //starting rotation
repeat_after = 50; //interval after which to call rotate_elem
animation_duration = 100; //the time in which the animation should be finished
rotation_threshold = 5; //the amount of rotation after which animation should start again
degree_increment = 0.05; //effectively the speed
setInterval(
function() {
increment += 1;
degree += degree_increment;
degree > rotation_threshold ? degree = 1 : degree = degree
increment % 2 == 0 ? rotate_elem(degree, "#logo", animation_duration) : rotate_elem(-degree, "#logo", animation_duration);
},
repeat_after);
//setting up frames
start_index = 0;
shuffle_after = 2000;
total_frames = 4;
setInterval(
function() {
start_index += 1;
shuffle(start_index, total_frames);
},
shuffle_after);
});
</script>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<div class="navbar navbar-fixed-bottom navbar-translucent">
<div class="container">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
</button>
<a class="navbar-brand smoothScroll" href="#home">BVPLUG</a>
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav">
<!--li><a href="#about" class="smoothScroll">About</a></li-->
<li><a href="#faq" class="smoothScroll">FAQ</a></li>
<!--li><a href="#join" class="smoothScroll">Join BVPLUG</a></li-->
<li><a href="#contact" class="smoothScroll">Talk to us!</a></li>
</ul>
<a href="members.html" class="btn btn-primary pull-right">Meet our proud members! →</a>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar -->
<div id="home" class="banner full-width full-height">
<img style = "position : relative;margin-left:40px;margin-bottom:100px" src = "assets/img/gnulinuxfree.jpg" id ="frame1" height = 200 width = 200/>
<img style = "position : relative;margin-left:40px;margin-bottom:100px" src = "assets/img/junta.jpg" id ="frame2" height = 200 width = 200>
<img style = "position : relative;margin-left:40px;margin-bottom:100px" src = "assets/img/github_logo.jpg" id ="frame3" height = 200 width = 200/>
<img style = "position : relative;margin-left:40px;margin-bottom:100px" src = "assets/img/final.jpg" id ="frame4" height = 200 width = 200/>
<img style = "position : relative;margin-bottom:200px" src = "assets/img/title.png" id ="logo"/>
</div>
<!-- I don't think these are needed.-->
<!--div class="page full-width full-height">
<div class="container container-pad">
<a href="#about" class="smoothScroll"><h2 id="about" class="subheading">About</h2></a>
<p>
We are the students of BVCOE who dig Linux.
</p>
</div>
</div-->
<!--div class="page full-width full-height">
<div class="container container-pad">
<a href="#join" class="smoothScroll"><h2 id="join" class="subheading">Join</h2></a>
<p>
</p>
</div>
</div-->
<div class="page full-width full-height">
<div class="container container-pad">
<a href="#faq" class="smoothScroll"><h2 id="faq" class="subheading">FAQ</h2></a>
<p>
<div class='panel panel-info'>
<div class='panel-heading'>
Q1. Who are we?
</div>
<p class = "text-info">We are a group of students from BVCOE who use Linux, and really like using it.</p>
</div>
<div class='panel panel-info'>
<div class='panel-heading'>
Q2: Fine, but there are so many groups already, why start another one?
</div>
<p class = "text-info">Good question, but you see, this was needed, let us
tell you why.<br />
First of all, it's not your <em><b>standard</b></em> group, it's a <a
href="http://en.wikipedia.org/wiki/Linux_user_group">Linux
User Group</a>.<br /><br />
We suggest that you go through the wiki. We are here
with very particular goals :<br/>
<p class = "text-info"><ul type="circle">
<li>
Encourage the use of Linux amongst the
students.</li><br />
<li>
Encourage the use of Free and Open
Source software in our labs.</li>
</p></ul>
<br />
<p class = "text-info">
So we are really not <i>one-fest-in-one-year</i> types (we are
actually <i>no-fests-at-all</i> types, but more on that later), we
have a very particular
goal, and you are all invited to help and learn.<br />
<br />
</div></p>
<div class='panel panel-info'>
<div class='panel-heading'>
Q3: That's all fine, but I have never really used anything besides Windows
ever, can I join?
</div>
<p class = "text-info">
To begin with, that's absolutely fine. We will help you in
getting started.
In fact, installing a parallel Linux distribution is
extremely easy these days.<br />
We suggest that you start with <a href="http://www.ubuntu.com">Ubuntu</a>.
Again, feel free to post any queries at our <a href="http://www.facebook.com/Bvplug">facebook page</a>. Be
assured we'll get
back to you.<br />
</p>
</div>
<div class='panel panel-info'>
<div class='panel-heading'>
Q4: Neat, so how do I become a member ?
</div>
<p class = "text-info">
The reason we require members to follow this seemingly complex
procedure (but it is actually quite easy) is that once you have succeeded in
adding your name, you will have enough knowledge to start
contributing to a lot of projects!<br />
<br/>
You do that by cloning this repository, adding your name to
the file
UserList.txt as per the format specifed, committing changes
and sending a pull request.phew.
sounds strange? Believe us, it's <b>*Very*</b> easy.
Start by creating an account at <a href="http://github.com">github.com</a>. Once you are all
set, you can follow
the following steps to become a member.<br />
<br />
Assuming that you are on Windows (and About to switch to <a href="http://www.ubuntu.com">Ubuntu</a>)<br />
<ol type="1.">
<li> Visit the repository at <a
href="https://github.com/BVPLUG/User-List">User-List</a>,
find the fork button and click on it.<br />
A copy of the repository will now be created at your
account.</li> <br />
<li> Download and run <code>git-bash</code></li>
<br />
<li> Type in <code>git clone <your repo link></code></li>
<br />
<li> Go to the repository on your computer and open the
UserList.txt in your favourite editor.</li>
<br />
<li> Do the edits as indicated.</li>
<br />
<li> back to git-bash :
<ul type="disc">
<li>type : <code>git add</code></li>
<li>type : <code>git commit</code></li>
<li>
An editor window will come up ,type <code>Added
<YOUR NAME> as a member.</code></li>
<li>
type : <code>git push origin master</code></li>
<br /></li>
</ul>
<li> visit the main repository, <a
href="https://github.com/BVPLUG/User-List">User-List</a>, find
<b>pull request</b> button and send a pull request.</li>
</ol>
</p>
<p class = "text-info">
You are done, we will handle the rest.<br />
If you still run into probelms, post on the forum (link at the top)!
</p>
</div>
<div class='panel panel-info'>
<div class='panel-heading'>
Q5: So will it be all about Linux?
</div>
<p class = "text-info">
No, lets say it will be all around Linux. It can be
anything that you have
done using any free utility, any new findings, interesting
links, questions, anything relevant.
</p>
</div>
<div class='panel panel-info'>
<div class='panel-heading'>
Q6: Hmmm, so how many members do you guys expect?
</div>
<p class = "text-info">
To be frank, we don't care.<br />
</p></div>
<div class='panel panel-info'>
<div class='panel-heading'>
Q7. You mentioned something about the reddit forum, how do I post on Reddit?
</div>
<p class = "text-info">
Go to <a href="http://www.reddit.com/r/BVPLUG">the subreddit</a> and...
<ol type="i">
<li> Register</li>
<li> Subscribe</li>
<li> On the right side look for 'Submit a Link'. Click it.</li>
<li> To post a text query instead of a link, select 'Text' at the top.</li>
<li> Post away for glory and lulz!</li>
</ol>
You can start by <a href="http://www.reddit.com/r/BVPLUG/comments/z0zyu/introductions/">telling us how awesome you are!</a>
</p>
</div>
<div class='panel panel-info'>
<div class='panel-heading'>
Q8: Don't you think that you guys need a better web designer?
</div>
<p class = "text-info">
Yes, we do, tell us if you are interested.<br />
</div>
</p>
</div>
</div>
<div class="page full-width full-height">
<div class="container container-pad">
<a href="#contact" class="smoothScroll"><h2 id="contact" class="subheading">Contact</h2></a>
<p>
<br/>
<div class="list-group">
<a href="https://www.facebook.com/Bvplug" class="list-group-item" >
<h4 class="list-group-item-heading">Our Facebook page</h4>
<p class="list-group-item-text">The place where we announce
events, share cool links and discuss stuff, go ahead and take a look!</p>
</a>
<a href="http://irc2go.com/webchat/?net=freenode&room=bvplug" class="list-group-item">
<h4 class="list-group-item-heading">#bvplug at Freenode : Our IRC channel</h4>
<p class="list-group-item-text">Just click, think of a nickname and start talking to us.</p>
</a>
</div>
</div>
</div>
<script type="text/javascript" src="js/smoothscroll.js"></script>
</body>
</html>