index.html 29.6 KB
Newer Older
Abraham Raji's avatar
Abraham Raji committed
1
2
<!DOCTYPE html>
<html><head>
Bady's avatar
Bady committed
3
	<meta name="generator" content="Hugo 0.88.1" />
Abraham Raji's avatar
Abraham Raji committed
4
5
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
6
    <title>Software Freedom Camp 2021</title>
Abraham Raji's avatar
Abraham Raji committed
7
8
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
9
    <link rel="stylesheet" href='https://camp.fsci.in/css/style.css' type="text/css" media="screen" />
Abraham Raji's avatar
Abraham Raji committed
10
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
Bady's avatar
Bady committed
11
    
Abraham Raji's avatar
Abraham Raji committed
12
    <link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/font-awesome/5.14.0/css/all.css" crossorigin="anonymous" />
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
    
        
            <link rel="alternate" hreflang="hi" href="https://camp.fsci.in/hi/" title="हिन्दी">
        
            <link rel="alternate" hreflang="kn" href="https://camp.fsci.in/kn/" title="ಕನ್ನಡ">
        
            <link rel="alternate" hreflang="ml" href="https://camp.fsci.in/ml/" title="മലയാളം">
        
            <link rel="alternate" hreflang="mr" href="https://camp.fsci.in/mr/" title="मराठी">
        
            <link rel="alternate" hreflang="ta" href="https://camp.fsci.in/ta/" title="தமிழ்">
        
            <link rel="alternate" hreflang="te" href="https://camp.fsci.in/te/" title="తెలుగు">
        
    
Abraham Raji's avatar
Abraham Raji committed
28
</head>
Bady's avatar
Bady committed
29
<body><div class="nav-container">
Abraham Raji's avatar
Abraham Raji committed
30
31
    <nav>
        <div class="logo">
32
            <a href='/'>Software Freedom Camp</a>
Abraham Raji's avatar
Abraham Raji committed
33
34
35
36
37
38
        </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">
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
            <li><a href='/#about'>About Us</a></li>
            <li><a href='/code-of-conduct'>Code of Conduct</a></li>
            <li><a href='/news'>News</a></li>
            <li><a href='/sched'>Schedule</a></li>
            <li><a href='/projects'>Projects</a></li>
            <li><a href='/#contact'>Contact</a></li>
            
            <select class="langs">
                <option onclick="window.location.href = &#34;https://camp.fsci.in/&#34;" value="en" selected="selected">English</option>
                    
                        <option onclick="window.location.href = &#34;https://camp.fsci.in/hi/&#34;" value="hi">हिन्दी</option>
                    
                        <option onclick="window.location.href = &#34;https://camp.fsci.in/kn/&#34;" value="kn">ಕನ್ನಡ</option>
                    
                        <option onclick="window.location.href = &#34;https://camp.fsci.in/ml/&#34;" value="ml">മലയാളം</option>
                    
                        <option onclick="window.location.href = &#34;https://camp.fsci.in/mr/&#34;" value="mr">मराठी</option>
                    
                        <option onclick="window.location.href = &#34;https://camp.fsci.in/ta/&#34;" value="ta">தமிழ்</option>
                    
                        <option onclick="window.location.href = &#34;https://camp.fsci.in/te/&#34;" value="te">తెలుగు</option>
                    
                </select>
            
Abraham Raji's avatar
Abraham Raji committed
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
            <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">
92
93
94
95
            <h1>
                Software Freedom Camp
                <span style="color:#469198">(Diversity Edition)</span>
            </h1>
96
            <p>An online mentorship programme focusing on diversity organized by <a href="https://fsci.in">Free Software Community of India</a> and inspired by <a href='https://camp.fsf.org.in'>Free Software Camp</a> and <a href='https://outreachy.org'>Outreachy</a>.</p>
97
98
99
100
101
102
103
            <div class="cta-block">
                <div class="cta">
                    <a href='/#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;">
104
105
                        <button style="padding: 0px;"><a href='/learners'>As Learner<br>(Click here to apply)</a></button>
                        <button style="padding: 0px;"><a href='/mentors'>As Mentor<br>(Click here to apply)</a></button>
106
                        <button style="padding: 0px;"><a href="#subscribe">Subscribe<br>to updates</a></button>
Abraham Raji's avatar
Abraham Raji committed
107
108
                    </div>
                </div>
109
            </div>
Abraham Raji's avatar
Abraham Raji committed
110
111
112
        </div>
    </div>
    <div class="cover">
113
        <img src='https://camp.fsci.in/img/landing-image.png' alt="person on a bench" />
Abraham Raji's avatar
Abraham Raji committed
114
115
116
117
118
    </div>
</section>
<section id="about">
    <div class="about-section">
        <div class="about-cover">
119
120
121
122
123
            <img src='https://camp.fsci.in/img/example-29.svg' alt="person in front of workspace" />
        </div>
        <div class="about-text">
            <h1 class="medium-heading">What is Software Freedom Camp?</h1>
            <p class="para">Software Freedom 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>
Abraham Raji's avatar
Abraham Raji committed
124
125
        </div>
        <div class="about-text">
126
127
            <h1 class="medium-heading">What is Diversity Edition?</h1>
            <p class="para">Diversity edition is aiming to reach out to people subject to systemic bias and impacted by under-representation in the technical industry in India.</p>
Abraham Raji's avatar
Abraham Raji committed
128
129
130
131
        </div>
    </div>
    <div class="tasks-section">
        <div class="task-text">
132
            <h1 class="medium-heading">What are the kind of tasks we&#39;ll be working on at Software Freedom Camp?</h1>
Abraham Raji's avatar
Abraham Raji committed
133
            <p class="para">Here are a few technical and non-technical ways you can contribute:</p>
Abraham Raji's avatar
Abraham Raji committed
134
135
136
137
        </div>
    </div>
    <div class="task-tech">
        <div class="about-cover task-cover">
138
            <img src='https://camp.fsci.in/img/tech.svg' alt="a smartphone and a desktop computer" />
Abraham Raji's avatar
Abraham Raji committed
139
140
141
142
143
144
145
        </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>
146
                    <li>System Administration</li>
Abraham Raji's avatar
Abraham Raji committed
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
                    <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>
163
                    <li>Event Organizing</li>
Abraham Raji's avatar
Abraham Raji committed
164
165
166
167
                </ul>
            </div>
        </div>
        <div class="about-cover task-cover">
168
            <img src='https://camp.fsci.in/img/non-tech.svg' alt="infomatics and books" />
Abraham Raji's avatar
Abraham Raji committed
169
170
171
172
        </div>
    </div>
    <div class="about-section" style="margin-top: 10vh auto;">
        <div class="about-text">
173
174
            <h1 class="medium-heading" style="color:#469198">How does it work?</h1>
            <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.</p>
Abraham Raji's avatar
Abraham Raji committed
175
176
177
178
        </div>
    </div>
    <div class="about-section" style="margin: 10vh auto;">
        <div class="about-cover">
179
            <img src='https://camp.fsci.in/img/mentor.svg' alt="people planning and making things" />
Abraham Raji's avatar
Abraham Raji committed
180
181
        </div>
        <div class="about-text">
182
            <h1 class="medium-heading" style="color:#469198">Who can be mentors?</h1>
Abraham Raji's avatar
Abraham Raji committed
183
184
            <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">
185
                <a href='/mentors'><button>About mentorship</button></a>
Abraham Raji's avatar
Abraham Raji committed
186
187
188
189
190
            </div>
        </div>
    </div>
    <div class="about-section" style="margin-bottom: 10vh auto;">
        <div class="about-text">
191
192
            <h1 class="medium-heading" style="color:#469198">Who can join as learners?</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? Anyone who faces under-representation, systemic bias, or discrimination in the technology industry in India is invited to apply!</p>
Abraham Raji's avatar
Abraham Raji committed
193
            <div class="cta">
194
                <a href='/learners'><button>About Participation</button></a>
Abraham Raji's avatar
Abraham Raji committed
195
196
197
            </div>
        </div>
        <div class="about-cover" style="display:flex; margin:auto;">
198
            <img src='https://camp.fsci.in/img/mentee.png' alt="people trying to find things" />
Abraham Raji's avatar
Abraham Raji committed
199
200
201
202
203
        </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>
Bady's avatar
Bady committed
204
            <div style="width: 100%;">
Abraham Raji's avatar
Abraham Raji committed
205
                <ul>
Bady's avatar
Bady committed
206
                    <li><a href="https://videos.fsci.in/videos/watch/b3f34489-ad2b-4cfb-956b-7a8bad799d89" target="_blank">BigBlueButton</a> (browser based free software video conferencing platform) for presentations, sessions, and other interactions.</li>
Bady's avatar
Bady committed
207
                    <li><a href="https://videos.fsci.in/videos/watch/5fbd125f-d309-4eda-a4af-4009ced56f71" target="_blank">Matrix</a>/<a href="https://ravidwivedi.in/posts/xmpp-guide/">XMPP</a>/<a href="http://www.irc.org/">IRC</a> rooms for instant messaging.</li>
Abraham Raji's avatar
Abraham Raji committed
208
                    <li><a href="https://joinmastodon.org/" target="_blank">Mastodon</a> for announcements.</li>
209
                    <li><a href="https://videos.fsci.in/videos/watch/76f79bb3-b5ca-4929-8ceb-74bb18783803" target="_blank">Mailing list</a> for announcements and discussions.</li>
210
211
                    <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>
Abraham Raji's avatar
Abraham Raji committed
212
                    <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
213
                </ul>
214
215
                <p>These tools will be introduced during the course of the camp. Additionally, each project will have their own project communication platforms.</p>

Bady's avatar
Bady committed
216
217
218
219
220
221
                <h3>Mailman (Mailing List)</h3>
                <iframe src="https://videos.fsci.in/videos/embed/76f79bb3-b5ca-4929-8ceb-74bb18783803" style="min-height: 400px; width: 100%;" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
                <h3>Matrix (Instant Messaging)</h3>
                <iframe src="https://videos.fsci.in/videos/embed/5fbd125f-d309-4eda-a4af-4009ced56f71" style="min-height: 400px; width: 100%;" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
                <h3>BigBlueButton (Web Conferencing)</h3>
                <iframe src="https://videos.fsci.in/videos/embed/b3f34489-ad2b-4cfb-956b-7a8bad799d89" style="min-height: 400px; width: 100%;" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
Abraham Raji's avatar
Abraham Raji committed
222
223
224
225
226
227
            </div>
        </div>
    </div>
</section>
<section id="contact">
    <div class="tasks-section">
Bady's avatar
Bady committed
228
229
230
231
232
233
234
235
236
        <div id="subscribe" class="task-text">
            <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>
            <h2 class="medium-heading" style="color:white">Subscribe to updates if you are interested to participate</h2>
        </div>
        <div class="icon-row primary subscribe">
            <a id="ml-modal-open" title="Mailing List">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                <path fill="#ffffff" d="M494.586 164.516c-4.697-3.883-111.723-89.95-135.251-108.657C337.231 38.191 299.437 0 256 0c-43.205 0-80.636 37.717-103.335 55.859-24.463 19.45-131.07 105.195-135.15 108.549A48.004 48.004 0 0 0 0 201.485V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V201.509a48 48 0 0 0-17.414-36.993zM464 458a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V204.347c0-1.813.816-3.526 2.226-4.665 15.87-12.814 108.793-87.554 132.364-106.293C200.755 78.88 232.398 48 256 48c23.693 0 55.857 31.369 73.41 45.389 23.573 18.741 116.503 93.493 132.366 106.316a5.99 5.99 0 0 1 2.224 4.663V458zm-31.991-187.704c4.249 5.159 3.465 12.795-1.745 16.981-28.975 23.283-59.274 47.597-70.929 56.863C336.636 362.283 299.205 400 256 400c-43.452 0-81.287-38.237-103.335-55.86-11.279-8.967-41.744-33.413-70.927-56.865-5.21-4.187-5.993-11.822-1.745-16.981l15.258-18.528c4.178-5.073 11.657-5.843 16.779-1.726 28.618 23.001 58.566 47.035 70.56 56.571C200.143 320.631 232.307 352 256 352c23.602 0 55.246-30.88 73.41-45.389 11.994-9.535 41.944-33.57 70.563-56.568 5.122-4.116 12.601-3.346 16.778 1.727l15.258 18.526z"/>
              </svg>
Bady's avatar
Bady committed
237
                <span class="get-in-touch">Email</span>
Bady's avatar
Bady committed
238
239
240
241
242
243
244
245
246
247
248
249
250
251
            </a>
            <a href="https://fsmi.social/@sfcamp" target="_blank" rel="noopener" title="Fediverse/Pleroma">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>
                <span class="get-in-touch">Mastodon</span>
            </a>
            <a href="https://matrix.to/#/#sfcamp: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>
                <span class="get-in-touch">Matrix</span>
            </a>
Bady's avatar
Bady committed
252
            <a href="xmpp:sfcamp-dived-orgatm@groups.poddery.com?join" target="_blank" rel="noopener" title="XMPP">
Bady's avatar
Bady committed
253
254
255
256
257
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1536 1792">
                    <path stroke="#fff" stroke-width="12.189" fill="#ffffff" d="M1536.002 222.059l-92.61 30.869-274.275 81.267c1.22 15.846 1.219 31.692 1.219 48.756 0 300.516-152.673 667.163-406.229 929.072-246.573-261.01-394.58-620.998-394.58-916.882 0-17.065.002-32.91 1.221-48.756l-273.039-80.9c.001-.25.008-.52.008-.766L5.082 231.81c-44.84 387.494 210.421 895.362 636.547 1191.819-117.051 93.505-250.003 164.663-395.209 201.367v28.033c72.485-9.02 142.62-23.092 210.227-41.625 104.198-26.196 203.938-66.072 297.779-116.67a1415.295 1415.295 0 0 0 40.765 22.281c1.91 1.004 3.823 1.998 5.737 2.993.414.215.827.433 1.242.648a1331.627 1331.627 0 0 0 30.285 15.215c141.163 68.79 295.978 114.462 460.988 128.129v-26.817c-153.031-38.682-292.45-115.632-413.992-216.68 450.875-294.71 703.503-800.224 656.551-1198.444z"/>
                </svg>
                <span class="get-in-touch">XMPP</span>
            </a>
Bady's avatar
Bady committed
258
            <a href="https://kiwiirc.com/nextclient/irc.pirateirc.net:+6697/#sfcamp" target="_blank" rel="noopener" title="IRC">
Bady's avatar
Bady committed
259
260
261
262
263
264
265
266
267
268
269
270
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                    <path fill="#ffffff" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"/>
                </svg>
                <span class="get-in-touch">IRC</span>
            </a>
            <a href="https://videos.fsci.in/accounts/sfcamp/videos" target="_blank" rel="noopener" title="Peertube">
                <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="M3,0v12l9-6L3,0z M3,12v12l9-6L3,12z M12,6v12l9-6L12,6z"/>
                </svg>
                <span class="get-in-touch">PeerTube</span>
            </a>
        </div>
Abraham Raji's avatar
Abraham Raji committed
271
        <div class="task-text">
Bady's avatar
Bady committed
272
            <h2 id="contact-us" style="color:white">Contact us if you like to collaborate with the organizing team</h2>
Abraham Raji's avatar
Abraham Raji committed
273
        </div>
Bady's avatar
Bady committed
274
275
        <div class="icon-row primary contact-us">
            <a href="mailto:camp@fsci.in" target="_blank" rel="noopener" title="Mail">
Abraham Raji's avatar
Abraham Raji committed
276
277
278
279
                <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
280
                <span class="get-in-touch">Email</span>
Abraham Raji's avatar
Abraham Raji committed
281
            </a>
282
            <a href="https://matrix.to/#/#sfcamp:poddery.com" target="_blank" rel="noopener" title="Matrix">
Abraham Raji's avatar
Abraham Raji committed
283
284
285
                <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
286
                <span class="get-in-touch">Matrix</span>
Abraham Raji's avatar
Abraham Raji committed
287
            </a>
Bady's avatar
Bady committed
288
289
290
            <a href="xmpp:sfcamp-dived-orgatm@groups.poddery.com?join" target="_blank" rel="noopener" title="XMPP">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1536 1792">
                    <path stroke="#fff" stroke-width="12.189" fill="#ffffff" d="M1536.002 222.059l-92.61 30.869-274.275 81.267c1.22 15.846 1.219 31.692 1.219 48.756 0 300.516-152.673 667.163-406.229 929.072-246.573-261.01-394.58-620.998-394.58-916.882 0-17.065.002-32.91 1.221-48.756l-273.039-80.9c.001-.25.008-.52.008-.766L5.082 231.81c-44.84 387.494 210.421 895.362 636.547 1191.819-117.051 93.505-250.003 164.663-395.209 201.367v28.033c72.485-9.02 142.62-23.092 210.227-41.625 104.198-26.196 203.938-66.072 297.779-116.67a1415.295 1415.295 0 0 0 40.765 22.281c1.91 1.004 3.823 1.998 5.737 2.993.414.215.827.433 1.242.648a1331.627 1331.627 0 0 0 30.285 15.215c141.163 68.79 295.978 114.462 460.988 128.129v-26.817c-153.031-38.682-292.45-115.632-413.992-216.68 450.875-294.71 703.503-800.224 656.551-1198.444z"/>
Abraham Raji's avatar
Abraham Raji committed
291
                </svg>
Bady's avatar
Bady committed
292
293
                <span class="get-in-touch">XMPP</span>
            </a>
Bady's avatar
Bady committed
294
            <a href="https://kiwiirc.com/nextclient/irc.pirateirc.net:+6697/#sfcamp" target="_blank" rel="noopener" title="IRC">
Bady's avatar
Bady committed
295
296
297
298
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                    <path fill="#ffffff" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"/>
                </svg>
                <span class="get-in-touch">IRC</span>
Abraham Raji's avatar
Abraham Raji committed
299
            </a>
300
            <a href="https://git.fosscommunity.in/community/camp/-/issues/" target="_blank" rel="noopener" title="Gitlab">
Abraham Raji's avatar
Abraham Raji committed
301
302
303
                <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>
304
                <span class="get-in-touch">GitLab</span>
Abraham Raji's avatar
Abraham Raji committed
305
            </a>
Abraham Raji's avatar
Abraham Raji committed
306
307
        </div>
        <div class="icon-row secondary">
Bady's avatar
Bady committed
308
            <ul style="padding:0">
Abraham Raji's avatar
Abraham Raji committed
309
                <li>
310
                    <a href="https://git.fosscommunity.in/community/camp" target="_blank" rel="noopener" title="Wesbite source repo - Merge requests are welcome">
Abraham Raji's avatar
Abraham Raji committed
311
312
313
314
315
316
317
318
319
320
                        <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>
321
                    <a href="https://git.fosscommunity.in/community/camp/-/wikis/How-To-Translate" target="_blank" rel="noopener" title="See how to translate">
Abraham Raji's avatar
Abraham Raji committed
322
323
324
325
326
327
328
329
330
331
332
333

                        <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>
            </ul>
Abraham Raji's avatar
Abraham Raji committed
334
335
336
        </div>
    </div>
</section>
Bady's avatar
Bady committed
337
338
339
340
341
342
343
344
345
346
347
348
349
350
<div id="ml-modal" class="modal">
  <div class="modal-content">
    <div class="modal-header">
      <span class="close close-btn">&times;</span>
      <h2>Warning</h2>
    </div>
    <div class="modal-body">
      <p class="para">Since Microsoft mail servers are rejecting our mails, contact us in case you did not receive a welcome mail from the list.</p>
      <div class="cta ml">
        <a href="https://lists.fsci.in/postorius/lists/camp-announce.lists.fsci.in/" class="subscribe-btn" target="_blank"><button>Subscribe to Mailing List</button></a>
      </div>
    </div>
  </div>
<script>
Bady's avatar
Bady committed
351
352
353
354
  const modal = document.getElementById("ml-modal");
  const modal_btn = document.getElementById("ml-modal-open");
  const close_btn = document.getElementsByClassName("close-btn")[0];
  const subscribe_btn = document.getElementsByClassName("subscribe-btn")[0];
Bady's avatar
Bady committed
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373

  modal_btn.onclick = function() {
    modal.style.display = "block";
  }

  close_btn.onclick = function() {
    modal.style.display = "none";
  }

  subscribe_btn.onclick = function() {
    modal.style.display = "none";
  }

  window.onclick = function(event) {
    if (event.target == modal) {
      modal.style.display = "none";
    }
  }
</script>
Abraham Raji's avatar
Abraham Raji committed
374
375

        </main><footer style="margin-top: 0">
376
377
    <div class="footer-organizers" style="text-align: center">
        <h1>Organized by</h1>
Bady's avatar
Bady committed
378
379
380
        <a href="https://fsci.in" style="margin: 0 3em"><img height="50px" src='https://camp.fsci.in/img/fsci_logo.png' alt="Logo of FSCI" title="Free Software Community of India" /></a>
        <a href="https://egalitarians.net/" style="margin: 0 3em"><img height="50px" src='https://camp.fsci.in/img/egalitarians.png' alt="Logo of Egalitarians" title="Egalitarians" /></a>
        <a href="#" style="margin: 0 3em"><img height="50px" src='https://camp.fsci.in/img/APPSCIITB.png' alt="Logo of APPSC - IIT Bombay" title="Ambedkar Periyar Phule Study Circle - IIT Bombay" /></a>
Abraham Raji's avatar
Abraham Raji committed
381
    </div>
382
383
384
    <p style="text-align: center; font-size: 22px; margin-bottom: 10px">In association with diverse groups of volunteers</p>
    <p style="text-align: center; font-size: 20px"><a style="text-decoration: underline; color: inherit;" href="https://camp.fsci.in/privacy">Privacy Policy</a></p>
    <p style="text-align: center;">Made with ♥ All original content licensed under a free/libre copyleft license (GPL or CC BY-SA)</p>
Abraham Raji's avatar
Abraham Raji committed
385
386
387
</footer>
</body>
</html>