pythonankara.com/index.html at main · python-ankara-toplulugu/pythonankara.com · GitHub

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
<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Python Ankara</title>
  <meta name="description" content="Python Ankara Topluluğu — Ankara'daki Python geliştiricileri ve teknoloji meraklıları için buluşma noktası.">
  <meta property="og:title" content="Python Ankara">
  <meta property="og:description" content="Ankara'daki Python geliştiricileri ve teknoloji meraklıları için buluşma noktası.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://pythonankara.com">
  <meta property="og:image" content="https://pythonankara.com/assets/pyankara.svg">
  <link rel="icon" href="assets/pyankara.svg" type="image/svg+xml">
  <link rel="stylesheet" href="style.css">
</head>
<body>

<!-- ============================================================== -->
<!-- PHOTO STACK                                                     -->
<!-- Desktop: draggable spread — Mobile: tap-through stacked deck    -->
<!-- ============================================================== -->
<div class="stack-wrapper">
  <div class="stack-box" id="stack">
    <div class="stack-card">
      <div class="photo-frame"><img src="assets/photos/group-photo.jpg" alt="Grup fotoğrafı" loading="lazy"></div>
      <div class="card-label">Python Ankara Ailesi</div>
    </div>
    <div class="stack-card">
      <div class="photo-frame"><img src="assets/photos/asgi-wsgi.jpg" alt="ASGI & WSGI" loading="lazy"></div>
      <div class="card-label">ASGI & WSGI</div>
    </div>
    <div class="stack-card">
      <div class="photo-frame"><img src="assets/photos/buyuk-veri.jpg" alt="Büyük Veri" loading="lazy"></div>
      <div class="card-label">Büyük Veriyi İnşa Etmek</div>
    </div>
    <div class="stack-card">
      <div class="photo-frame"><img src="assets/photos/python-talk.jpg" alt="Python Talk" loading="lazy"></div>
      <div class="card-label">Python Ankara Talk</div>
    </div>
    <div class="stack-card" data-pin="front">
      <div class="photo-frame"><img src="assets/photos/javascript-edition.jpg" alt="JS Edition" loading="lazy"></div>
      <div class="card-label">JavaScript Edition</div>
    </div>
    <div class="stack-card" data-pin="front">
      <div class="photo-frame"><img src="assets/photos/topluluk-bulusmasi.jpg" alt="Topluluk" loading="lazy"></div>
      <div class="card-label">Topluluk Buluşması</div>
    </div>
    <div class="stack-card">
      <div class="photo-frame"><img src="assets/photos/python-talks-6.jpg" alt="Python Talks #6" loading="lazy"></div>
      <div class="card-label">Python Talks #6</div>
    </div>
    <div class="stack-card">
      <div class="photo-frame"><img src="assets/photos/python-talks-5.jpg" alt="Python Talks #5" loading="lazy"></div>
      <div class="card-label">Python Talks #5</div>
    </div>
    <!-- Logo card — always starts on top -->
    <div class="stack-card" data-pin="top">
      <div class="photo-frame card-logo">
        <img src="assets/pyankara.svg" alt="Python Ankara">
      </div>
      <div class="card-label">Python Ankara</div>
    </div>
  </div>

  <div class="stack-hint">fotoğrafları sürükleyerek keşfet</div>
  <div class="stack-counter" id="stackCounter">dokun ve keşfet</div>
</div>

<!-- ============================================================== -->
<!-- NEXT/CURRENT/LAST EVENT                                        -->
<!-- ============================================================== -->
<div class="content">

  <div class="section-head" data-featured-head>
    <h2 class="section-title">Sıradaki Etkinlik</h2>
    <span class="section-eyebrow">#16 · Python Talks</span>
  </div>

  <div class="featured-events">
  <div class="next-event" data-event
       data-date="2026-09-24"
       data-start="19:30"
       data-end="21:30"
       data-eyebrow="#16 · Python Talks">
    <div class="ne-img-wrap">
      <img class="ne-img" src="assets/events/micropython-16-hero.jpg" alt="Python Talks #16: MicroPython, Mikro İşlemciler ve E-Ink">
      <div class="ne-number">PYTHON TALKS / 016</div>
      <div class="ne-date-overlay">
        <div class="day"></div>
        <div class="mo"></div>
      </div>
    </div>
    <div class="ne-body">
      <div class="ne-tag">Yaklasan Etkinlik</div>
      <h3>Python Talks #16: MicroPython, Mikro İşlemciler ve E-Ink</h3>
      <p class="ne-lede">Python Talks'ın 16. buluşmasında ölçeği küçültüyoruz. MicroPython ile mikrodenetleyiciler üzerinde Python çalıştırmayı, birkaç yüz kilobaytlık RAM ve sınırlı kaynakların bir uygulamanın mimarisini nasıl şekillendirdiğini ve E-Ink ekranlarla neler yapılabileceğini konuşuyoruz. Slaytlarla yetinmeyip küçük bir donanım ve E-Ink ekran üzerinde canlı bir demo da yapacağız.</p>
      <div class="ne-meta">
        <div class="ne-meta-row">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>
          <span data-ne-date></span>
        </div>
        <div class="ne-meta-row">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          <span data-ne-time></span>
        </div>
        <div class="ne-meta-row">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>
          <span>Garaj X TEKMER, Beştepe · Yenimahalle</span>
        </div>
      </div>
      <div class="ne-actions">
        <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-16-micropython-mikro-islemciler-ve-e-ink-5d6ecdba" class="ne-cta" target="_blank" rel="noopener">
          Etkinlik Sayfası
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
        </a>
        <a href="https://kommunity.com/ankara-python-toplulugu" class="ne-cta ne-cta--secondary" target="_blank" rel="noopener">
          Topluluğa Katıl
        </a>
      </div>
    </div>
  </div>
  </div>

  <!-- ============================================================ -->
  <!-- PAST EVENTS                                                   -->
  <!-- ============================================================ -->
  <div class="section-head">
    <h2 class="section-title">Geçmiş Etkinlikler</h2>
    <span class="section-eyebrow">15 Buluşma</span>
  </div>

  <div class="past-list">
    <a href="https://kommunity.com/ankara-python-toplulugu/events/workshop-llm-finetuning-f25b8fda" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/llm-finetuning-16-hero.jpg" alt="Workshop">
      <div class="past-info"><h4>Workshop: LLM Finetuning</h4><div class="pm">Workshop · Garaj X TEKMER</div></div>
      <div class="past-date"><span class="d">01</span><span class="m">Ağu</span><span class="y">2026</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-15-ankara-data-community-5553ca3b" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/ankara-data-15-hero.jpg" alt="#15">
      <div class="past-info"><h4>Python Talks #15: Ankara Data Community</h4><div class="pm">#15 · Garaj X TEKMER</div></div>
      <div class="past-date"><span class="d">17</span><span class="m">Haz</span><span class="y">2026</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-14-lokal-laboratuvar-79a5b056" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/lokal-lab-14.jpg" alt="#14">
      <div class="past-info"><h4>Python Talks #14: Lokal Laboratuvar</h4><div class="pm">#14 · Garaj X TEKMER</div></div>
      <div class="past-date"><span class="d">14</span><span class="m">May</span><span class="y">2026</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-13-community-edition-cc5c7906" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/collage-13.jpg" alt="#13">
      <div class="past-info"><h4>Python Talks #13: Söz Sende!</h4><div class="pm">#13 · Garaj X TEKMER</div></div>
      <div class="past-date"><span class="d">16</span><span class="m">Nis</span><span class="y">2026</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-12-buyuk-veri-mimarilerin-evrimi-ve-modern-pratikler-24535431" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/buyuk-veri-12.jpg" alt="#12">
      <div class="past-info"><h4>Büyük Veri, Mimarilerin Evrimi ve Modern Pratikler</h4><div class="pm">#12 · CoZone, ODTÜ Teknokent</div></div>
      <div class="past-date"><span class="d">12</span><span class="m">Şub</span><span class="y">2026</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-11-llm-ve-coding-agent-devrimi-61f3022a" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/llm-agents-11.jpg" alt="#11">
      <div class="past-info"><h4>LLM ve Coding Agent Devrimi</h4><div class="pm">#11 · CoZone, ODTÜ Teknokent</div></div>
      <div class="past-date"><span class="d">15</span><span class="m">Oca</span><span class="y">2026</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-10-flask-fastapi-nasil-calisir-17297d7e" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/flask-fastapi-10.jpg" alt="#10">
      <div class="past-info"><h4>Flask, FastAPI nasıl çalışır?</h4><div class="pm">#10 · CoZone, ODTÜ Teknokent</div></div>
      <div class="past-date"><span class="d">11</span><span class="m">Ara</span><span class="y">2025</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-9-python-314te-neler-yeni-b36f73cb" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/python314-9.jpg" alt="#9">
      <div class="past-info"><h4>Python 3.14'te Neler Yeni?</h4><div class="pm">#9 · CoZone, ODTÜ Teknokent</div></div>
      <div class="past-date"><span class="d">13</span><span class="m">Kas</span><span class="y">2025</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-8-voice-agents-generative-modeller-ve-livekit-a87023a1" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/voice-agents-8.jpg" alt="#8">
      <div class="past-info"><h4>Voice Agents, Generative Modeller ve LiveKit</h4><div class="pm">#8 · CoZone, ODTÜ Teknokent</div></div>
      <div class="past-date"><span class="d">16</span><span class="m">Eki</span><span class="y">2025</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-7-javascript-python-ve-biraz-derinlerine-giris-cca20924" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/js-python-7.jpg" alt="#7">
      <div class="past-info"><h4>JavaScript, Python ve biraz derinlerine giriş</h4><div class="pm">#7 · CoZone, ODTÜ Teknokent</div></div>
      <div class="past-date"><span class="d">25</span><span class="m">Eyl</span><span class="y">2025</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-6-type-hints-mypy-ve-typing-ekosistemi-d52800e6" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/type-hints-6.jpg" alt="#6">
      <div class="past-info"><h4>Type Hints, MyPy ve Typing Ekosistemi</h4><div class="pm">#6 · CoZone, ODTÜ Teknokent</div></div>
      <div class="past-date"><span class="d">04</span><span class="m">Eyl</span><span class="y">2025</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-5-python-packaging-ve-pypi-501714c9" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/packaging-5.jpg" alt="#5">
      <div class="past-info"><h4>Python Packaging ve PyPI</h4><div class="pm">#5 · CoZone, ODTÜ Teknokent</div></div>
      <div class="past-date"><span class="d">14</span><span class="m">Ağu</span><span class="y">2025</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-4-notebooks-jupyter-ve-marimo-30a4a077" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/notebooks-4.jpg" alt="#4">
      <div class="past-info"><h4>Notebooks, Jupyter ve Marimo</h4><div class="pm">#4 · Walker's Tunalı</div></div>
      <div class="past-date"><span class="d">17</span><span class="m">Tem</span><span class="y">2025</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/coding-agents-python-talks-online-2-8bbf4a83" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/coding-agents-online.jpg" alt="Online #2">
      <div class="past-info"><h4>Coding Agents</h4><div class="pm">Online #2 · Zoom</div></div>
      <div class="past-date"><span class="d">01</span><span class="m">Tem</span><span class="y">2025</span></div>
    </a>
    <a href="https://kommunity.com/ankara-python-toplulugu/events/python-talks-3-7a824eea" class="past-item" target="_blank" rel="noopener">
      <img class="past-img" loading="lazy" src="assets/events/python-talks-3.jpg" alt="#3">
      <div class="past-info"><h4>Python Talks #3</h4><div class="pm">#3 · Walker's Tunalı</div></div>
      <div class="past-date"><span class="d">29</span><span class="m">May</span><span class="y">2025</span></div>
    </a>
  </div>

</div>

<!-- ============================================================== -->
<!-- FOOTER                                                          -->
<!-- ============================================================== -->
<footer>
  <div class="foot-top">
    <div class="foot-brand">
      <div class="foot-logo-wrap" id="footLogo">
        <img class="logo-pyankara" src="assets/pyankara.svg" alt="Python Ankara">
        <img class="logo-python" src="assets/icons/python-mark.svg" alt="Python">
      </div>
      <span>Python Ankara Topluluğu</span>
    </div>
    <div class="foot-right">
      <div class="foot-socials">
        <a href="https://kommunity.com/ankara-python-toplulugu" target="_blank" rel="noopener" title="Kommunity">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>
        </a>
        <a href="https://github.com/python-ankara-toplulugu" target="_blank" rel="noopener" title="GitHub">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>
        </a>
        <a href="https://www.linkedin.com/company/113098203" target="_blank" rel="noopener" title="LinkedIn Sayfası">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></svg>
        </a>
        <a href="https://www.linkedin.com/groups/10081345/" target="_blank" rel="noopener" title="LinkedIn Grubu">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
        </a>
      </div>
      <div class="foot-sep"></div>
      <span class="contact-wrap">
        <span class="contact-trigger" tabindex="0" role="button">İletişim</span>
        <div class="contact-pop" role="dialog" aria-label="E-posta adresi">
          <a href="mailto:hello@pythonankara.com" class="contact-email">hello@pythonankara.com</a>
          <button type="button" class="contact-copy" data-email="hello@pythonankara.com" aria-label="E-postayı kopyala">
            <svg class="ico-copy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
            <svg class="ico-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none;"><path d="M20 6 9 17l-5-5"/></svg>
            <span class="copy-label">Kopyala</span>
          </button>
        </div>
      </span>
    </div>
  </div>
  <div class="foot-bottom">
    <span>&copy; 2026 Python Ankara Topluluğu</span>
    <span class="made">built with <span>&hearts;</span> in ankara</span>
  </div>
</footer>

<script src="main.js"></script>
</body>
</html>