-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
224 lines (216 loc) · 16.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="/imgs/goodlogo.ico" type="image/x-icon" />
<title>מעקף: קהילת קוד פתוח ישראלית</title>
</head>
<body>
<header class="header">
<nav class="nav">
<img
class="logo"
src="/imgs/1686811223704-fotor-2023061522818.png"
alt=""
/>
<a href="#" class="toggle-button">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<ul class="nav-links">
<li class="nav-item">
<a class="nav-link" href="#section--1">אודות</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section--2">מעקף במספרים</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section--3">הצטרפו אלינו</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section--4">עקבו אחרינו</a>
</li>
</ul>
</nav>
<div class="title-container">
<h1 class="title">ברוכים הבאים למעקף, קהילת קוד פתוח ישראלית</h1>
<button class="btn btn-join btn-hidden">
לחצו כאן כדי להצטרף!
</button>
</div>
</header>
<main>
<section class="section" id="section--1">
<h2>אודות</h2>
<p>
קהילת מעקף היא קהילת קוד פתוח ישראלית. אנחנו מעוניינים לעודד חדשנות, יצירתיות ומענה לבעיות הקיימות בעולם הפיתוח היום.
</p>
<p>
הרבה מפתחים מסתמכים על ספריות קוד פתוח כדי לתמוך בבסיס הקוד הקיים. כמה מהספריות הנמצאות בשימוש נרחב כיום הן ספריות קוד פתוח. אנחנו מעוניינים לעודד את קיומה של קהילה זו ולהפוך אותה לאחת מהקהילות הפורות בארץ.
</p>
<p>
אנחנו מאמינים כי התרומה לקוד פתוח יכולה להוות פתח למציאת כישרונות לא צפויים בעולם הפיתוח. זה יכול לעזור למגייסים ולמובילים בחברות השונות למצוא אנשים איכותיים ולבסס את האיכויות שלהם בצורה מהירה יותר מתהליך הגיוס כיום. אנחנו מאמינים כי יש אנשים כישרוניים, עם מוטיבציה גבוהה ללמידה בקהילה זו, נשמח לתמיכתכם. </p>
</section>
<section class="section" id="section--2">
<h2>מעקף במספרים</h2>
<div>
<!-- from incrementing project -->
<div class="counter-container">
<svg
xmlns="http://www.w3.org/2000/svg"
height="2em"
viewBox="0 0 640 512"
>
<path
d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z"
/>
</svg>
<div class="counter" data-target="1324"></div>
<span>חברים בשרת הדיסקורד</span>
</div>
<div class="counter-container">
<svg
xmlns="http://www.w3.org/2000/svg"
height="2em"
viewBox="0 0 512 512"
>
<path
d="M305.8 2.1C314.4 5.9 320 14.5 320 24V64h16c70.7 0 128 57.3 128 128V358.7c28.3 12.3 48 40.5 48 73.3c0 44.2-35.8 80-80 80s-80-35.8-80-80c0-32.8 19.7-61 48-73.3V192c0-35.3-28.7-64-64-64H320v40c0 9.5-5.6 18.1-14.2 21.9s-18.8 2.3-25.8-4.1l-80-72c-5.1-4.6-7.9-11-7.9-17.8s2.9-13.3 7.9-17.8l80-72c7-6.3 17.2-7.9 25.8-4.1zM104 80A24 24 0 1 0 56 80a24 24 0 1 0 48 0zm8 73.3V358.7c28.3 12.3 48 40.5 48 73.3c0 44.2-35.8 80-80 80s-80-35.8-80-80c0-32.8 19.7-61 48-73.3V153.3C19.7 141 0 112.8 0 80C0 35.8 35.8 0 80 0s80 35.8 80 80c0 32.8-19.7 61-48 73.3zM104 432a24 24 0 1 0 -48 0 24 24 0 1 0 48 0zm328 24a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"
/>
</svg>
<div class="counter" data-target="21"></div>
<span>פרוייקטים פעילים</span>
</div>
</div>
</section>
<section class="section" id="section--3">
<h2>הצטרפו אלינו!</h2>
<div class="join-options">
<p class="join-text">
מוזמנים להצטרף לפעילות שלנו באחת מהאפשרויות הבאות:
</p>
<div class="join-option">
<div class="join-option-title">
<a target="_blank" href="https://maakaf.netlify.app/"
><svg xmlns="http://www.w3.org/2000/svg"
height="2em"
viewBox="0 0 200.000000 200.000000" >
<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
<path d="M689 1950 c-100 -21 -234 -81 -322 -144 -128 -90 -249 -244 -305 -386 -46 -117 -57 -178 -56 -330 1 -127 4 -156 27 -233 50 -163 117 -269 251 -394 191 -179 428 -259 685 -233 79 9 209 35 219 45 5 4 -69 280 -78 289 -4 4 -13 -1 -19 -13 -15 -26 -108 -101 -127 -101 -11 0 -14 25 -14 129 l0 128 56 6 c31 3 58 8 61 10 2 3 -2 29 -10 58 l-13 54 -47 3 -47 3 0 148 0 149 88 6 c48 4 115 9 150 12 l62 6 0 -81 0 -81 56 -25 c31 -14 58 -25 60 -25 2 0 4 52 4 115 l0 114 43 11 c23 7 72 20 109 30 66 18 67 18 73 -1 4 -11 7 -70 7 -130 -1 -131 -9 -150 -77 -169 -25 -7 -43 -15 -40 -18 10 -10 229 -102 233 -98 14 15 44 167 49 251 14 247 -74 472 -257 655 -131 131 -274 210 -442 244 -102 21 -270 19 -379 -4z m-123 -249 c-51 -69 -102 -182 -130 -290 -14 -51 -27 -95 -29 -97 -1 -2 -23 3 -47 10 -84 26 -130 48 -130 63 0 47 131 213 218 277 42 30 138 86 149 86 3 0 -11 -22 -31 -49z m254 -193 l0 -241 -122 6 c-68 4 -133 9 -145 13 l-21 6 24 91 c42 156 117 281 203 338 25 16 48 29 53 29 4 0 8 -109 8 -242z m169 227 c81 -41 179 -192 221 -340 33 -116 36 -112 -77 -119 -54 -4 -117 -8 -140 -10 l-43 -4 0 244 c0 134 2 244 5 244 4 0 19 -7 34 -15z m353 -89 c32 -26 78 -72 103 -103 52 -67 109 -169 101 -182 -8 -12 -165 -54 -180 -48 -6 3 -17 32 -24 66 -20 95 -69 214 -123 296 l-49 75 58 -29 c31 -17 83 -50 114 -75z m-1047 -429 l100 -34 1 -97 c1 -53 5 -121 9 -151 l6 -54 -53 15 c-84 25 -168 65 -180 87 -20 38 -11 267 11 267 4 0 51 -15 106 -33z m468 -74 l57 -6 0 -150 0 -150 -125 7 c-68 3 -131 9 -138 12 -20 7 -26 40 -34 183 l-6 124 94 -7 c52 -4 120 -9 152 -13z m-375 -383 c42 -10 56 -18 64 -39 35 -86 83 -181 113 -223 21 -28 30 -48 22 -48 -28 0 -167 102 -229 168 -54 58 -128 164 -128 185 0 3 24 -2 53 -12 28 -10 76 -24 105 -31z m410 -49 c22 -1 22 -3 22 -131 0 -147 -1 -149 -67 -101 -47 34 -89 85 -132 162 -47 84 -47 85 61 77 51 -3 103 -7 116 -7z"/>
<path d="M1120 868 c22 -62 98 -277 169 -477 70 -200 131 -360 133 -355 3 5 31 87 62 181 32 95 61 173 64 172 4 0 60 -61 126 -135 65 -74 124 -134 130 -134 13 0 56 41 56 54 0 4 -55 68 -121 142 -67 74 -119 137 -117 140 3 2 89 21 192 42 l188 37 -454 223 c-249 122 -456 222 -460 222 -4 0 10 -51 32 -112z"/>
</g>
</svg></a>
<span class="option-title"> פרטים מלאים באתר הקהילה:</span>
</div>
<p>
<a href="https://maakaf.netlify.app/" target="_blank"
>לחצו כאן כדי להכיר לעומק את הקהילה שלנו</a
>
</p>
<p>רשימה של כל הפרוייקטים, פרוייקט מנטורינג ועוד מידע מועיל ומגניב. 💡</p>
</div>
<div class="join-option">
<div class="join-option-title">
<a target="_blank" href="https://discord.com/invite/a2VyCjRk2M"
><svg
class="join-icon"
xmlns="http://www.w3.org/2000/svg"
height="2em"
viewBox="0 0 640 512"
>
<path
d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"
/></svg></a>
<span class="option-title">הצטרפות דרך דיסקורד:</span>
</div>
<p>
<a href="https://discord.com/invite/a2VyCjRk2M" target="_blank"
>לחצו כאן כדי להצטרף לשרת הדיסקורד שלנו</a
>
</p>
<p>הכי מומלץ! כל הכיף קורה שם 🥳</p>
</div>
<div class="join-option">
<div class="join-option-title">
<a
href="https://chat.whatsapp.com/CCFkZwKn3oD8kJoRLms7ts"
target="_blank"
>
<svg
class="join-icon"
xmlns="http://www.w3.org/2000/svg"
height="2em"
viewBox="0 0 448 512"
>
<path
d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"
/></svg></a>
<span class="option-title">הצטרפות דרך ווצאפ:</span>
</div>
<p>
<a
href="https://chat.whatsapp.com/CCFkZwKn3oD8kJoRLms7ts"
target="_blank"
>קבוצה שקטה לעדכונים בלבד</a
>
</p>
<p>
<a
href="https://chat.whatsapp.com/E5a59DtSaHNBwnczxVW1FY"
target="_blank"
>קבוצת פטפוטים</a
>
</p>
</div>
</div>
</section>
<section class="section" id="section--4">
<h2>עקבו אחרינו!</h2>
<div class="social-links">
<a
class="social-link"
href="https://www.linkedin.com/company/maakaf/"
target="_blank"
><svg
xmlns="http://www.w3.org/2000/svg"
height="2em"
viewBox="0 0 448 512"
>
<path
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
/></svg></a>
<a
class="social-link"
href="https://www.youtube.com/channel/UCQnWhIJEHpPxFaN_b6tBsyA"
target="_blank"
><svg
xmlns="http://www.w3.org/2000/svg"
height="2em"
viewBox="0 0 576 512"
>
<path
d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"
/></svg></a>
</a>
<a class="social-link" href="https://www.meetup.com/maakaf/" target="_blank"><svg
xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 576 512">
<path
d="M99 414.3c1.1 5.7-2.3 11.1-8 12.3-5.4 1.1-10.9-2.3-12-8-1.1-5.4 2.3-11.1 7.7-12.3 5.4-1.2 11.1 2.3 12.3 8zm143.1 71.4c-6.3 4.6-8 13.4-3.7 20 4.6 6.6 13.4 8.3 20 3.7 6.3-4.6 8-13.4 3.4-20-4.2-6.5-13.1-8.3-19.7-3.7zm-86-462.3c6.3-1.4 10.3-7.7 8.9-14-1.1-6.6-7.4-10.6-13.7-9.1-6.3 1.4-10.3 7.7-9.1 14 1.4 6.6 7.6 10.6 13.9 9.1zM34.4 226.3c-10-6.9-23.7-4.3-30.6 6-6.9 10-4.3 24 5.7 30.9 10 7.1 23.7 4.6 30.6-5.7 6.9-10.4 4.3-24.1-5.7-31.2zm272-170.9c10.6-6.3 13.7-20 7.7-30.3-6.3-10.6-19.7-14-30-7.7s-13.7 20-7.4 30.6c6 10.3 19.4 13.7 29.7 7.4zm-191.1 58c7.7-5.4 9.4-16 4.3-23.7s-15.7-9.4-23.1-4.3c-7.7 5.4-9.4 16-4.3 23.7 5.1 7.8 15.6 9.5 23.1 4.3zm372.3 156c-7.4 1.7-12.3 9.1-10.6 16.9 1.4 7.4 8.9 12.3 16.3 10.6 7.4-1.4 12.3-8.9 10.6-16.6-1.5-7.4-8.9-12.3-16.3-10.9zm39.7-56.8c-1.1-5.7-6.6-9.1-12-8-5.7 1.1-9.1 6.9-8 12.6 1.1 5.4 6.6 9.1 12.3 8 5.4-1.5 9.1-6.9 7.7-12.6zM447 138.9c-8.6 6-10.6 17.7-4.9 26.3 5.7 8.6 17.4 10.6 26 4.9 8.3-6 10.3-17.7 4.6-26.3-5.7-8.7-17.4-10.9-25.7-4.9zm-6.3 139.4c26.3 43.1 15.1 100-26.3 129.1-17.4 12.3-37.1 17.7-56.9 17.1-12 47.1-69.4 64.6-105.1 32.6-1.1.9-2.6 1.7-3.7 2.9-39.1 27.1-92.3 17.4-119.4-22.3-9.7-14.3-14.6-30.6-15.1-46.9-65.4-10.9-90-94-41.1-139.7-28.3-46.9.6-107.4 53.4-114.9C151.6 70 234.1 38.6 290.1 82c67.4-22.3 136.3 29.4 130.9 101.1 41.1 12.6 52.8 66.9 19.7 95.2zm-70 74.3c-3.1-20.6-40.9-4.6-43.1-27.1-3.1-32 43.7-101.1 40-128-3.4-24-19.4-29.1-33.4-29.4-13.4-.3-16.9 2-21.4 4.6-2.9 1.7-6.6 4.9-11.7-.3-6.3-6-11.1-11.7-19.4-12.9-12.3-2-17.7 2-26.6 9.7-3.4 2.9-12 12.9-20 9.1-3.4-1.7-15.4-7.7-24-11.4-16.3-7.1-40 4.6-48.6 20-12.9 22.9-38 113.1-41.7 125.1-8.6 26.6 10.9 48.6 36.9 47.1 11.1-.6 18.3-4.6 25.4-17.4 4-7.4 41.7-107.7 44.6-112.6 2-3.4 8.9-8 14.6-5.1 5.7 3.1 6.9 9.4 6 15.1-1.1 9.7-28 70.9-28.9 77.7-3.4 22.9 26.9 26.6 38.6 4 3.7-7.1 45.7-92.6 49.4-98.3 4.3-6.3 7.4-8.3 11.7-8 3.1 0 8.3.9 7.1 10.9-1.4 9.4-35.1 72.3-38.9 87.7-4.6 20.6 6.6 41.4 24.9 50.6 11.4 5.7 62.5 15.7 58.5-11.1zm5.7 92.3c-10.3 7.4-12.9 22-5.7 32.6 7.1 10.6 21.4 13.1 32 6 10.6-7.4 13.1-22 6-32.6-7.4-10.6-21.7-13.5-32.3-6z" />
</svg></a>
</div>
</section>
</main>
<footer class="footer">
<p class="p-footer">
This page was built by
<a href="https://www.linkedin.com/in/rivkizohar/" target="_blank"
>Rivki Zohar</a
>
</p>
</footer>
<script src="app.js"></script>
</body>
</html>