index.html 18 KB
Newer Older
Abraham Raji's avatar
Abraham Raji committed
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
<!DOCTYPE html>
<html><head>
	<meta name="generator" content="Hugo 0.54.0" />
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Free Software Camp 2020</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href='https://camp.fsf.org.in/css/style.css' type="text/css" media="screen" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    
    <link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/font-awesome/5.14.0/css/all.css" crossorigin="anonymous" />
</head>
<body><div class="nav-container">
    <nav>
        <div class="logo">
            <a href="https://camp.fsf.org.in">Free Software
                <span style="color:#469198"> Camp</span></a>
        </div>
        <input type="checkbox" id="chk">
        <label for="chk" class="show-menu-btn" style="align-items:center;">
            <i class="nav-icon fas fa-bars"></i>
        </label>
        <ul class="menu">
            <li><a href="https://camp.fsf.org.in#about">About</a></li>
Abraham Raji's avatar
Abraham Raji committed
26
            <li><a href="https://camp.fsf.org.in/code-of-conduct">Code of Conduct</a></li>
Abraham Raji's avatar
Abraham Raji committed
27
            <li><a href="https://camp.fsf.org.in/sched">Schedule</a></li>
Abraham Raji's avatar
Abraham Raji committed
28
29
30
31
            <li><a href="https://camp.fsf.org.in#contact">Contact</a></li>

            <div class="dropdown cta">
                <button onclick="myFunctionnav()" class="dropbtn">Apply</button>
Abraham Raji's avatar
Abraham Raji committed
32
                <div id="myDropdownnav" class="dropdown-content" style="padding: 5px;">
Abraham Raji's avatar
Abraham Raji committed
33
34
                    <button style="padding: 0px;"><a href='https://camp.fsf.org.in/learners'>As Learner</a></button>
                    <button style="padding: 0px;"><a href='https://camp.fsf.org.in/mentors'>As Mentor</a></button>
Abraham Raji's avatar
Abraham Raji committed
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
                </div>
            </div>
            <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
        </ul>

        <script>
         function myFunction() {
             document.getElementById("myDropdown").classList.toggle("show");
         }
         function myFunctionnav() {
             document.getElementById("myDropdownnav").classList.toggle("show");
         }
         window.onclick = function(event) {
             if (!event.target.matches('.dropbtn')) {
                 var dropdowns = document.getElementsByClassName("dropdown-content");
                 var i;
                 for (i = 0; i < dropdowns.length; i++) {
                     var openDropdown = dropdowns[i];
                     if (openDropdown.classList.contains('show')) {
                         openDropdown.classList.remove('show');
                     }
                 }
             }
         }
        </script>
    </nav>
</div>
<main>
<section id="home" class="presentation">
    <div class="introduction">
        <div class="intro-text">
            <h1>Free Software <span style="color:#469198">Camp</h1>
                <p>A unique, online mentorship programme conceptualized and organized by Free Software Foundation of India and Free Software Community of India.</p>
                <div class="cta-block">
                    <div class="cta">
                        <a href='https://camp.fsf.org.in#about'><button>About us</button></a>
                    </div>
                    <div class="dropdown cta">
                        <button onclick="myFunction()" class="dropbtn">Apply</button>
                        <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
                            <button style="padding: 0px;"><a href='https://camp.fsf.org.inlearners'>As Learner</a></button>
                            <button style="padding: 0px;"><a href='https://camp.fsf.org.inmentors'>As Mentor</a></button>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    <div class="cover">
        <img src='https://camp.fsf.org.in/img/landing-image.png' alt="person on a bench" />
    </div>
</section>
<section id="about">
    <div class="about-section">
        <div class="about-cover">
            <img src='https://camp.fsf.org.in/img/example-29.svg' alt="person in front of workspace" />
        </div>
        <div class="about-text">
            <h1 class="medium-heading"><span style="color:#469198">What is</span> Free Software <span style="color:#469198">Camp</span>?</h1>
            <p class="para">Free Software Camp is a mentorship programme for bringing more people to Free Software with strong focus on philosophy. We connect learners with experienced Free Software community members to work on some tasks together - this could be either technical or non technical.</p>
        </div>
    </div>
    <div class="tasks-section">
        <div class="task-text">
            <h1 class="medium-heading" style="color:#469198">What are the kind of tasks we'll be working on at <span style="color:black">Free Software</span> Camp?</h1>
Abraham Raji's avatar
Abraham Raji committed
99
            <p class="para">Here are a few technical and non-technical ways you can contribute:</p>
Abraham Raji's avatar
Abraham Raji committed
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
        </div>
    </div>
    <div class="task-tech">
        <div class="about-cover task-cover">
            <img src='https://camp.fsf.org.in/img/tech.svg' alt="a smartphone and a desktop computer" />
        </div>
        <div class="about-text task-block">
            <div class="block">
                <h1 class="medium-heading" style="color:#469198; text-align: center">Technical</span>
                </h1>
                <ul>
                    <li>Programming</li>
                    <li>Systems Administration</li>
                    <li>Packaging</li>
                    <li>Cyber Forensics</li>
                    <li>UI/UX Development</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="task-tech">
        <div class="about-text task-block">
            <div class="block">
                <h1 class="medium-heading" style="color:#469198; text-align: center">Non-Technical</span>
                </h1>
                <ul>
                    <li>Artwork</li>
                    <li>Translation and Localization</li>
                    <li>Publicity</li>
                    <li>Event organizing</li>
                </ul>
            </div>
        </div>
        <div class="about-cover task-cover">
            <img src='https://camp.fsf.org.in/img/non-tech.svg' alt="infomatics and books" />
        </div>
    </div>
Abraham Raji's avatar
Abraham Raji committed
137
    <a class="button mb" href="https://git.fosscommunity.in/fsfi/camp/-/wikis/ideas-list" target="_blank">Check Ideas List</a>
Abraham Raji's avatar
Abraham Raji committed
138
139
140
    <div class="about-section" style="margin-top: 10vh auto;">
        <div class="about-text">
            <h1 class="medium-heading" style="color:#469198">How does it work</span>?</h1>
Abraham Raji's avatar
Abraham Raji committed
141
            <p class="para">Learners apply to join the program and are given a common introduction to the program, to free software, and to the projects they can work on. These sessions will be conducted online using <a href="#tools">free software tools</a>. Then they submit proposal(s) for working on the project of their choice which is evaluated and mentors get assigned for these. Learners can also choose to work independently without dedicated mentors. Learners are expected to report regularly on their progress and periodic review is done. By the end of the camp the learners will be contributing to free software and collaborating with other contributors from around the world.
Abraham Raji's avatar
Abraham Raji committed
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
            </p>
        </div>
    </div>
    <div class="about-section" style="margin: 10vh auto;">
        <div class="about-cover">
            <img src='https://camp.fsf.org.in/img/mentor.svg' alt="people planning and making things" />
        </div>
        <div class="about-text">
            <h1 class="medium-heading" style="color:#469198">Who can be mentors</span>?</h1>
            <p class="para">Are you an experienced Free Software contributor? Does mentoring new people to contribute to Free Software excite you? Do you have time to invest in mentoring for the next 3 months? Come join us!</p>
            <div class="cta">
                <a href='https://camp.fsf.org.inmentors'><button>About Mentorship</button></a>
            </div>
        </div>
    </div>
    <div class="about-section" style="margin-bottom: 10vh auto;">
        <div class="about-text">
            <h1 class="medium-heading" style="color:#469198">Who can join as learner?</h1>
            <p class="para">Do you have some time to contribute back to the society? Do you want to learn about Free Software? Do you want to use and contribute to Free Software? Come join us!</p>
            <div class="cta">
                <a href='https://camp.fsf.org.inlearners'><button>About Participation</button></a>
            </div>
        </div>
        <div class="about-cover" style="display:flex; margin:auto;">
            <img src='https://camp.fsf.org.in/img/mentee.png' alt="people trying to find things" />
        </div>
    </div>
    <div class="about-section" style="margin: 10vh auto;">
        <div id="tools" class="about-text">
            <h1 class="medium-heading" style="color: #469198">Camp Communication Infrastructure</h1>
            <div>
                <ul>
Abraham Raji's avatar
Abraham Raji committed
174
175
176
177
178
179
180
                    <li><a href="https://bigbluebutton.org/" target="_blank">Big Blue Button</a> (browser based free software video conferencing platform) for presentations, sessions, and other interactions.</li>
                    <li><a href="https://matrix.org" target="_blank">Matrix</a> rooms for instant messaging.</li>
                    <li><a href="https://joinmastodon.org/" target="_blank">Mastodon</a> for announcements.</li>
                    <li><a href="https://list.org" target="_blank">Mailing list</a> for announcements and discussions.</li>
                    <li><a href="https://about.gitlab.com" target="_blank">Gitlab</a> wiki for documentation, etc.</li>
                    <li><a href="https://joinpeertube.org" target="_blank">Peertube</a> for uploading videos.</li>
                    <li><a href="https://cryptpad.fr" target="_blank">Cryptpad</a>/<a href="https://etherpad.org/">Etherpad</a> for collaborative editing.</li>
Abraham Raji's avatar
Abraham Raji committed
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
                    <li>Each project will have their own project communication platforms.</li>
                </ul>
                <p>These tools will be introduced during the course of the camp.</p>
            </div>
        </div>
    </div>
</section>
<section id="contact">
    <div class="tasks-section">
        <div class="task-text">
            <h1 class="medium-heading" style="color:white">Wish to contribute to the initiative?</h1>
            <p class="para" style="color:white">We primarily use free software for all our communication and collaboration. Get in touch with us with your queries and sugesstions!</p>
        </div>
        <div class="icon-row">
            <a href="mailto:camp@mm.gnu.org.in" target="_blank" rel="noopener" title="Email">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
                    <polyline points="22,6 12,13 2,6"></polyline>
                </svg>
Abraham Raji's avatar
Abraham Raji committed
200
                <span class="get-in-touch">Email</span>
Abraham Raji's avatar
Abraham Raji committed
201
202
203
204
205
            </a>
            <a href="https://matrix.to/#/#fscamp:poddery.com" target="_blank" rel="noopener" title="Matrix">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z" />
                </svg>
Abraham Raji's avatar
Abraham Raji committed
206
                <span class="get-in-touch">Matrix</span>
Abraham Raji's avatar
Abraham Raji committed
207
208
209
210
211
212
            </a>
            <a href="https://social.masto.host/@fscamp" target="_blank" rel="noopener" title="Mastodon">
                <svg xmlns="http://www.w3.org/2000/svg" width="61.076954mm" height="65.47831mm" viewBox="0 0 216.4144 232.00976">
                    <path stroke="#fff" stroke-width="12px" fill="#ffffff00" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" />
                    <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" />
                </svg>
Abraham Raji's avatar
Abraham Raji committed
213
                <span class="get-in-touch">Mastodon</span>
Abraham Raji's avatar
Abraham Raji committed
214
215
216
217
218
            </a>
            <a href="https://git.fosscommunity.in/fsfi/camp/-/issues/" target="_blank" rel="noopener" title="Gitlab">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z" />
                </svg>
Abraham Raji's avatar
Abraham Raji committed
219
                <span class="get-in-touch">Gitlab</span>
Abraham Raji's avatar
Abraham Raji committed
220
            </a>
Abraham Raji's avatar
Abraham Raji committed
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
        </div>
        <div class="icon-row secondary">
            <ul>
                <li>
                    <a href="https://git.fosscommunity.in/fsfi/camp" target="_blank" rel="noopener" title="Wesbite source repo - Merge requests are welcome">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-code" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#dddddd" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <polyline points="7 8 3 12 7 16" />
                            <polyline points="17 8 21 12 17 16" />
                            <line x1="14" y1="4" x2="10" y2="20" />
                        </svg>
                        <span class="get-in-touch">Help improve the website</span>
                    </a>
                </li>
                <li>
                    <a href="https://git.fosscommunity.in/fsfi/camp/-/wikis/How-To-Translate" target="_blank" rel="noopener" title="See how to translate">

                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-language" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#dddddd" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>

                            <path d="M5 7h7m-2 -2v2a5 8 0 0 1 -5 8m1 -4a7 4 0 0 0 6.7 4" />
                            <path d="M11 19l4 -9l4 9m-.9 -2h-6.2" />

                        </svg>
                        <span class="get-in-touch">Help translate</span>
                    </a>
                </li>
                <li>
                    <a href="promo.html" target="_blank" rel="noopener" title="Sharing is caring">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-heart" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#dddddd" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>

                            <path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" />

                        </svg>
                        <span class="get-in-touch">Help spread the word</span>
                    </a>
                </li>
            </ul>
Abraham Raji's avatar
Abraham Raji committed
260
261
262
263
264
265
266
267
268
269
        </div>
    </div>
</section>

        </main><footer style="margin-top: 0">
    <div class="footer-icon-row " style="text-align: center">
        <h1>Organised By</h1>
        <a href="https://fsci.in"><img height="50px" src='https://camp.fsf.org.in/img/fsci_logo.png' alt="Logo of FSCI" /></a>
        <a href="https://fsf.org.in"><img height="50px" src="https://fsf.org.in/assets/img/logo.png" alt="Logo of FSF" /></a>
    </div>
Abraham Raji's avatar
Abraham Raji committed
270
    <h3 style="text-align: center; font-weight: 400">Free Software Camp <a style="color: inherit;" href="https://camp.fsf.org.in/privacy">Privacy Policy</a></h3>
Abraham Raji's avatar
Abraham Raji committed
271
272
273
274
    <p style="text-align: center;">Made with <span style="color: #e25555;">&#9829;</span> All original content licensed under a free/libre copyleft license (GPL or CC BY-SA)</p>
</footer>
</body>
</html>