Sunbird \u2014 Un ciel pour les enfants de Gaza<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300;1,400&family=Syne:wght@400;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n* { margin:0; padding:0; box-sizing:border-box; }\n:root {\n --serif:'Cormorant Garamond',Georgia,serif;\n --sans:'Syne',sans-serif;\n}\nhtml,body { width:100%; height:100%; overflow:hidden; background:#07101a; }\n\n\/* SKY gradient *\/\n#sky {\n position:fixed; inset:0; z-index:0;\n background:\n radial-gradient(ellipse 80% 50% at 50% 0%, #1e3a5a 0%, transparent 60%),\n radial-gradient(ellipse 60% 40% at 20% 60%, rgba(140,60,20,0.18) 0%, transparent 60%),\n radial-gradient(ellipse 60% 40% at 80% 60%, rgba(80,30,80,0.12) 0%, transparent 60%),\n linear-gradient(to bottom, #0a1728 0%, #07101a 55%, #110d0a 100%);\n}\n#sky::before {\n content:''; position:absolute; inset:0;\n background-image:\n radial-gradient(1px 1px at 8% 12%, rgba(255,255,255,.3) 0,transparent 100%),\n radial-gradient(1px 1px at 22% 6%, rgba(255,255,255,.2) 0,transparent 100%),\n radial-gradient(1px 1px at 40% 18%, rgba(255,255,255,.25) 0,transparent 100%),\n radial-gradient(1px 1px at 60% 9%, rgba(255,255,255,.18) 0,transparent 100%),\n radial-gradient(1px 1px at 75% 4%, rgba(255,255,255,.22) 0,transparent 100%),\n radial-gradient(1px 1px at 88% 15%, rgba(255,255,255,.2) 0,transparent 100%),\n radial-gradient(1px 1px at 33% 30%, rgba(255,255,255,.12) 0,transparent 100%),\n radial-gradient(1px 1px at 55% 25%, rgba(255,255,255,.14) 0,transparent 100%),\n radial-gradient(1px 1px at 70% 32%, rgba(255,255,255,.10) 0,transparent 100%),\n radial-gradient(1px 1px at 15% 38%, rgba(255,255,255,.08) 0,transparent 100%);\n}\n#sky::after {\n content:''; position:absolute; bottom:0; left:0; right:0; height:40%;\n background:linear-gradient(to top, rgba(80,30,10,.35) 0%, transparent 100%);\n}\n\ncanvas { position:fixed; inset:0; z-index:1; }\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav {\n position:fixed; top:0; left:0; right:0; z-index:20;\n padding:.9rem 2.5rem;\n display:flex; align-items:center; justify-content:space-between;\n background:linear-gradient(to bottom, rgba(7,16,26,.9) 0%, transparent 100%);\n}\n.brand { display:flex; align-items:center; gap:.65rem; text-decoration:none; }\n.brand img { height:30px; background:#fff; padding:3px; border-radius:3px; object-fit:contain; }\n.brand span { font-family:var(--sans); font-weight:800; font-size:.8rem; letter-spacing:.22em; color:#f5efe5; }\n\n\/* \u2500\u2500 3 BOUTONS \u2014 modifiez les href=\"...\" ci-dessous \u2500\u2500 *\/\n.nav-btns { display:flex; gap:.75rem; align-items:center; }\n\n.nav-btn {\n font-family:var(--sans); font-weight:700;\n font-size:.62rem; letter-spacing:.16em; text-transform:uppercase;\n text-decoration:none;\n padding:.48rem 1.2rem;\n border:1px solid rgba(245,239,229,.22);\n color:rgba(245,239,229,.65);\n background:rgba(7,16,26,.35);\n transition:background .22s, border-color .22s, color .22s;\n white-space:nowrap;\n}\n.nav-btn:hover {\n background:rgba(245,239,229,.1);\n border-color:rgba(245,239,229,.55);\n color:#f5efe5;\n}\n.nav-btn.primary {\n background:#f5efe5;\n color:#07101a;\n border-color:#f5efe5;\n}\n.nav-btn.primary:hover {\n background:#e4d8c0;\n border-color:#e4d8c0;\n}\n\n\/* TOOLTIP *\/\n#tip {\n position:fixed; z-index:30; pointer-events:none;\n padding:.5rem 1rem;\n background:rgba(7,16,26,.92);\n backdrop-filter:blur(10px);\n border:1px solid rgba(228,216,192,.18);\n border-radius:2px;\n transform:translate(-50%,-130%);\n opacity:0; transition:opacity .18s;\n white-space:nowrap;\n}\n#tip.on { opacity:1; }\n#tip .tn { font-style:italic; font-size:.92rem; color:#f5efe5; display:block; }\n#tip .ta { font-family:var(--sans); font-size:.52rem; letter-spacing:.15em; text-transform:uppercase; color:rgba(228,216,192,.38); margin-top:.12rem; display:block; }\n\n\/* TITRE HERO *\/\n#hero {\n position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);\n z-index:15; text-align:center; pointer-events:none;\n transition:opacity 2.5s ease;\n}\n#hero.fade { opacity:0; }\n#hero h1 { font-family:var(--sans); font-weight:800; font-size:clamp(2.5rem,7vw,5.5rem); letter-spacing:.2em; color:rgba(245,239,229,.1); }\n#hero p { font-style:italic; font-size:clamp(.8rem,1.5vw,1rem); color:rgba(228,216,192,.12); margin-top:.4rem; }\n\n\/* BOTTOM *\/\n.bot {\n position:fixed; bottom:0; left:0; right:0; z-index:20;\n padding:1.2rem 2.5rem;\n background:linear-gradient(to top, rgba(7,16,26,.92) 0%, transparent 100%);\n display:flex; align-items:flex-end; justify-content:space-between; gap:2rem;\n}\n.quote { font-style:italic; font-size:clamp(.72rem,1.4vw,.9rem); color:rgba(228,216,192,.38); line-height:1.5; max-width:420px; }\n.quote cite { display:block; font-style:normal; font-family:var(--sans); font-size:.52rem; letter-spacing:.14em; color:rgba(228,216,192,.22); margin-top:.25rem; }\n.lgd { display:flex; flex-wrap:wrap; gap:.35rem .9rem; justify-content:flex-end; max-width:300px; }\n.li { display:flex; align-items:center; gap:.3rem; font-family:var(--sans); font-size:.48rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(228,216,192,.22); }\n.li b { width:7px; height:7px; border-radius:1px; flex-shrink:0; display:block; }\n\n\/* Responsive *\/\n@media(max-width:640px){\n nav { padding:.8rem 1.2rem; }\n .nav-btns { gap:.4rem; }\n .nav-btn { padding:.4rem .7rem; font-size:.55rem; }\n .bot { padding:1rem 1.2rem; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"sky\"><\/div>\n<canvas id=\"c\"><\/canvas>\n\n\n<nav>\n <a class=\"brand\" href=\"\/\">\n <img decoding=\"async\" src=\"logo_Sunbird.jpg\" alt=\"Sunbird\" onerror=\"this.style.display='none'\">\n <span>SUNBIRDS<\/span>\n <\/a>\n\n <div class=\"nav-btns\">\n\n \n <a class=\"nav-btn\" href=\"https:\/\/sunbirds.fr\/index.php\/qui-sommes-nous\/\">QUI SOMMES NOUS<\/a>\n\n \n <a class=\"nav-btn\"\n href=\"https:\/\/sunbirds.fr\/index.php\/soutenir\">SOUTENIR<\/a>\n\n \n <a class=\"nav-btn\" href=\"https:\/\/sunbirds.fr\/index.php\/contact\">CONTACT<\/a>\n\n <\/div>\n<\/nav>\n\n<div id=\"hero\">\n <h1>SUNBIRDS<\/h1>\n <p>Un ciel pour les enfants de Gaza<\/p>\n<\/div>\n\n<div id=\"tip\">\n <span class=\"tn\" id=\"tn\"><\/span>\n <span class=\"ta\" id=\"ta\"><\/span>\n<\/div>\n\n<div class=\"bot\">\n <div class=\"quote\">\n \u00ab Nous n'\u00e9tions pas des chiffres quand nous sommes n\u00e9s,\n pourquoi le devenons-nous quand nous mourons ? \u00bb\n <cite>\u2014 Mahmoud Darwish<\/cite>\n <\/div>\n <div class=\"lgd\" id=\"lgd\"><\/div>\n<\/div>\n\n<script>\n\/\/ \u2500\u2500 PALETTE \u00e2ges \u2500\u2500\nconst PALETTE = [\n {a:0, l:\"0 an\", f:\"#e04444\",g:\"#ff9999\"},\n {a:1, l:\"1 an\", f:\"#d95e2a\",g:\"#ffaa77\"},\n {a:2, l:\"2 ans\", f:\"#cc8822\",g:\"#ffcc66\"},\n {a:3, l:\"3 ans\", f:\"#b8aa1a\",g:\"#eedd44\"},\n {a:4, l:\"4 ans\", f:\"#6aaa22\",g:\"#aadd66\"},\n {a:5, l:\"5 ans\", f:\"#22aa55\",g:\"#66dd99\"},\n {a:6, l:\"6 ans\", f:\"#119977\",g:\"#55ddbb\"},\n {a:7, l:\"7 ans\", f:\"#1188bb\",g:\"#55ccee\"},\n {a:8, l:\"8 ans\", f:\"#2255cc\",g:\"#6688ff\"},\n {a:9, l:\"9 ans\", f:\"#4433bb\",g:\"#8866ff\"},\n {a:10, l:\"10 ans\", f:\"#7722aa\",g:\"#bb55dd\"},\n {a:11, l:\"11 ans\", f:\"#992266\",g:\"#dd55aa\"},\n {a:12, l:\"12 ans\", f:\"#bb2244\",g:\"#ff6677\"},\n {a:13, l:\"13 ans\", f:\"#cc4422\",g:\"#ff8866\"},\n {a:14, l:\"14 ans\", f:\"#aa7711\",g:\"#ddaa44\"},\n {a:15, l:\"15 ans\", f:\"#889911\",g:\"#bbcc33\"},\n {a:16, l:\"16 ans\", f:\"#338844\",g:\"#66bb77\"},\n {a:17, l:\"17 ans\", f:\"#224477\",g:\"#5577aa\"},\n];\n\n\/\/ \u2500\u2500 NOMS \u2500\u2500\nconst NAMES=[\n {n:\"Noura Walid Abdulsalam Shaheen\",a:0},{n:\"Maryam Nour Al-Din Wael Daban\",a:0},\n {n:\"Fatima Louay Rafiq Al-Sultan\",a:0},{n:\"Diyaa Ahmed Abd Al-Aati\",a:0},\n {n:\"Adam Mohammed Sameer Abu-Ajwah\",a:0},{n:\"Masa Mohammed Youssef Nasr\",a:0},\n {n:\"Elina Moumen Riad Al-Rifi\",a:0},{n:\"C\u00e9line Abd Al-Hadi Adel Zahir\",a:0},\n {n:\"George Sobhi George Al-Souri\",a:0},{n:\"Jouri Anas Bassam Shamia\",a:0},\n {n:\"Sarah Abd Al-Rahman Mohammed Hamad\",a:0},{n:\"Lana Yasser Nassif Hijazi\",a:0},\n {n:\"Kanary Moatasem Mahmoud Aql\",a:0},{n:\"Ali Raed Khalil Rahmi\",a:0},\n {n:\"Habiba Hesham Abd Al-Aty Abu-Jarri\",a:0},{n:\"Alma Moumen Mohammed Hamdan\",a:0},\n {n:\"Tala Mohamed Rafeeq Abu-Ghali\",a:0},{n:\"Sidra Yehia Khalil Abu-Zarifa\",a:0},\n {n:\"Ayla Ahmed Ali Obeid\",a:1},{n:\"Salahuddin Osama Khalil Abu-Layla\",a:1},\n {n:\"Adam Ezzat Mohammad Warshaga\",a:1},{n:\"Joud Alaa Mohammad Al-Hessi\",a:1},\n {n:\"Amira Mohammad Sameer Abu-Ajoah\",a:1},{n:\"Farah Rami Mahmoud Al-Sheikh Khalil\",a:1},\n {n:\"Zeina Hazem Abdalhameed Mahna\",a:1},{n:\"Eileen Ahmed Abd Al-Moati Al-Ajrami\",a:1},\n {n:\"Sham Ahmed Isbeitan Abu-Seedo\",a:1},{n:\"Owais Amer Yahya Al-Balaaoui\",a:1},\n {n:\"Misk Ali Hassan Al-Rantissi\",a:1},{n:\"Yaman Sami Saber Abu-Wadi\",a:1},\n {n:\"Suhaib Saeed Misbah Madi\",a:2},{n:\"Malek Aqeel Nazmi Qoledge\",a:2},\n {n:\"Lana Omar Kamel Jundiya\",a:2},{n:\"Anas Mohammad Fahmi Al-Najjar\",a:2},\n {n:\"Misk Ramadan Abd Al-Karim Al-Ashi\",a:2},{n:\"Rayan Mohammed Ali Zahir\",a:2},\n {n:\"Zeina Hani Mohammad Janineh\",a:2},{n:\"Palestine Deeb Salah Alia\",a:2},\n {n:\"Lana Washah\",a:3},{n:\"Sara Muhammad Khalil Khalil Asaliyah\",a:3},\n {n:\"Hamza Rami Nidal Alaywa\",a:3},{n:\"Ghazal Jamil Muin Atallah\",a:3},\n {n:\"Adam Nader Harbi Al-Helo\",a:3},{n:\"Youssef Mohammed Fahmy Al-Najjar\",a:3},\n {n:\"Zaid Adel Awni Al-Dos\",a:3},{n:\"Hana Moamen Mahmoud Al-Tala\",a:3},\n {n:\"Malek Mohammed Hussein Al-Sheikh Khalil\",a:4},{n:\"Mohammed Abdullah Ahmed Hijazi\",a:4},\n {n:\"Sewar Mohammed Khidr Abu-Touha\",a:4},{n:\"Hanan Naeem Faraj Dawood\",a:4},\n {n:\"Bana Salahuddin Mohammed Al-Dalou\",a:4},{n:\"Adam Ali Moussa Hussein\",a:4},\n {n:\"Kinda Eyad Mohamed Wahdan\",a:4},{n:\"Jabal Naim Samir Abu-Zar\",a:4},\n {n:\"Amr Alaa Bahgat Sikkik\",a:5},{n:\"Fatima Mohammed Fahmi Al-Najjar\",a:5},\n {n:\"Omar Ehab Zuhair Khadra\",a:5},{n:\"Luna Hossam Taysir Abu-Nada\",a:5},\n {n:\"Sara Hassan Hamdi Al-Hanawi\",a:5},{n:\"Bilal Mohammed Omar Hijazi\",a:5},\n {n:\"Lina Sameh Mohammed Shamiya\",a:5},{n:\"Sham Ibrahim Nabil Abu-Seif\",a:5},\n {n:\"Khadija Suheil Zuhdi Al-Nahal\",a:6},{n:\"Omar Musab Khalil Al-Ashqar\",a:6},\n {n:\"Jana Ahmed Muhammad Zakaria\",a:6},{n:\"Ruqaya Ibrahim Khaled Al-Lahham\",a:6},\n {n:\"Ahmed Abdullah Ahmed Hegazi\",a:6},{n:\"Bilal Abd Al-Rahman Rabea Shehab\",a:6},\n {n:\"Fatima Mohammad Abd Al-Rahim Al-Madhoun\",a:6},{n:\"Lina Hammam Mustafa Abu-Toha\",a:6},\n {n:\"Ahmed Mohammed Hamdi Deeb\",a:7},{n:\"Maryam Mohammed Zaki Ashour\",a:7},\n {n:\"Mohammed Hamdan Moeen Al-Yazji\",a:7},{n:\"Malak Hamid Nidal Alaywa\",a:7},\n {n:\"Noor Ahmed Ashraf Al-Khodari\",a:7},{n:\"Farah Wael Amin Mohsen\",a:7},\n {n:\"Ali Saleh Ali Darwish\",a:7},{n:\"Hashim Mamdouh Salem Haji\",a:7},\n {n:\"Rital Rami Ahmed Kashkou\",a:8},{n:\"Mohammed Rafiq Ali Zaher\",a:8},\n {n:\"Aya Hossam Amin Hassouna\",a:8},{n:\"Naima Jawad Hosni Mousa\",a:8},\n {n:\"Rahaf Maher Mahmoud Marai\",a:8},{n:\"Malak Mahmoud Ibrahim Al-Shami\",a:8},\n {n:\"Yahya Yasser Nasif Hijazi\",a:8},{n:\"Huda Ayman Jamil Abu-Al-Jalil\",a:8},\n {n:\"Ghadir Alaa Saleem Al-Atawneh\",a:9},{n:\"Sarah Ali Hamed Al-Masri\",a:9},\n {n:\"Haneen Mahmoud Emad Al-Madhoun\",a:9},{n:\"Yazan Abd Al-Hamid Mohammad Rayan\",a:9},\n {n:\"Sama Fadi Fayez Daoud\",a:9},{n:\"Fatima Firas Fahmi Al-Najjar\",a:9},\n {n:\"Haitham Raed Ahmed Kashkou\",a:9},{n:\"Maryam Ahmed Salah Kareera\",a:9},\n {n:\"Lama Ahmed Mohammed Badawi\",a:10},{n:\"Mohammed Jamil Moeen Atallah\",a:10},\n {n:\"Ibrahim Ayman Radi Abu-Zahir\",a:10},{n:\"Maria Kamal Ismail Sabra\",a:10},\n {n:\"Fares Raed Ahmed Kashkou\",a:10},{n:\"Yaseen Mohammed Ismail Siam\",a:10},\n {n:\"Tarek Jamal Abu-Al-Ata\",a:10},{n:\"Mariam Mohammed Abd Al-Hadi Qaddoura\",a:10},\n {n:\"Marah Raed Abd Al-Rahman Falafel\",a:11},{n:\"Issa Tariq Sami Al-Souri\",a:11},\n {n:\"Aisha Nour Al-Din Mazen Al-Shawa\",a:11},{n:\"Yahya Muhannad Sami Salim\",a:11},\n {n:\"Lana Muhammad Abd Al-Majid Al-Qouqa\",a:11},{n:\"Nada Sami Adnan Al-Shami\",a:11},\n {n:\"Ghazal Mahmoud Abd Al-Hamid Joudeh\",a:11},{n:\"Raafat Rami Ahmed Kashko\",a:11},\n {n:\"Ahmed Salah Diab Al-Tannani\",a:12},{n:\"Tasneem Salem Mohammed Jouda\",a:12},\n {n:\"Adam Ramzi Yousef Abu-Dabbagh\",a:12},{n:\"Sama Mohammed Hussein Al-Sheikh Khalil\",a:12},\n {n:\"Jana Maher Atef Abu-Nada\",a:12},{n:\"Marwa Bilal Mohammed Al-Ramlawi\",a:12},\n {n:\"Zeina Mohammed Ashour Al-Sharafi\",a:12},{n:\"Assem Bakr Nasr Al-Sarahi\",a:12},\n {n:\"Haitham Baroud\",a:13},{n:\"Lian Hazem Hamdi Deeb\",a:13},\n {n:\"Mohammed Mahmoud Ahmed Al-Deiri\",a:13},{n:\"Rana Saeed Hussein Al-Ramlawi\",a:13},\n {n:\"Talin Khalil Akram Mahdi\",a:13},{n:\"Jana Hossam Mahmoud Al-Kurdi\",a:13},\n {n:\"Ghazal Ezzedine Salem Shalt\",a:13},{n:\"Youssef Raafat Safwat Sekik\",a:13},\n {n:\"Mohammed Raed Salim Al-Mankoush\",a:14},{n:\"Sara Saleh Ali Hassouna\",a:14},\n {n:\"Ahmed Abdullah Ahmed Abu-Nada\",a:14},{n:\"Taghreed Raed Ahmed Kashko\",a:14},\n {n:\"Jana Sami Adnan Al-Shami\",a:14},{n:\"Ghazal Iyad Lafi Warshaga\",a:14},\n {n:\"Nisreen Khalil Akram Mahdi\",a:14},{n:\"Raghad Mahmoud Ibrahim Al-Shami\",a:14},\n {n:\"Abd Al-Rahman Fouad Hashem Abu-Saif\",a:15},{n:\"Walid Mohammed Kamal Al-Tahrawi\",a:15},\n {n:\"Fatima Basheer Fahmy Ammar\",a:15},{n:\"Majd Mahmoud Omar Hijazi\",a:15},\n {n:\"Malak Mohammed Nasr Abu-Obaid\",a:15},{n:\"Rimas Louay Abd Al-Kareem Nasr\",a:15},\n {n:\"Hanadi Alaa Salim Siyam\",a:15},{n:\"Hala Rami Nafz Al-Talmis\",a:15},\n {n:\"Amani Sami Shaban Al-Sharawi\",a:16},{n:\"Rowan Mahmoud Ibrahim Al-Shami\",a:16},\n {n:\"Tasneem Fathy Ali Radwan\",a:16},{n:\"Neda Ahmed Mahmoud Hegazi\",a:16},\n {n:\"Fella Emadeldin Mostafa Sarsour\",a:16},{n:\"Yahia Khaled Zaki Al-Majdoub\",a:16},\n {n:\"Bahauddin Saadallah Bahauddin Sakik\",a:16},{n:\"Layali Hassan Abdelaziz Nassar\",a:16},\n {n:\"Kamal Saher Kamal Al-Tahravi\",a:17},{n:\"Aseel Raed Abd Al-Rahman Falafel\",a:17},\n {n:\"Ahmed Akram Mousa Al-Suweirki\",a:17},{n:\"Shahd Adham Mohamed Al-Arabi\",a:17},\n {n:\"Ahmad Imad Ahmad Jaber\",a:17},{n:\"Samira Mostafa Mohamed Al-Hanawi\",a:17},\n {n:\"Maha Ramez Amin Hassouna\",a:17},{n:\"Dina Ziad Muhammad Hassan Al-Shahrawi\",a:17},\n];\n\n\/\/ L\u00e9gende\nconst lgd = document.getElementById('lgd');\nPALETTE.forEach(p=>{\n const d=document.createElement('div'); d.className='li';\n d.innerHTML=`<b style=\"background:${p.f}\"><\/b>${p.l}`;\n lgd.appendChild(d);\n});\n\n\/\/ Canvas\nconst cv=document.getElementById('c');\nconst cx=cv.getContext('2d');\nfunction resize(){ cv.width=window.innerWidth; cv.height=window.innerHeight; }\nresize();\nwindow.addEventListener('resize',resize);\n\nfunction bird(ctx, x, y, sz, fill, glow, wing, op){\n ctx.save();\n ctx.globalAlpha = op;\n ctx.translate(x, y);\n const s = sz;\n const w = wing;\n ctx.shadowColor = glow;\n ctx.shadowBlur = sz * 1.8;\n poly(ctx,[[0,0],[s*.5,s*.05],[s*.32,s*.18],[0,s*.12]], fill);\n poly(ctx,[[-s*.08,s*.02],[-s*.5,-s*.04],[-s*.36,s*.1],[-s*.04,s*.1]], fill);\n const wy = -s*(0.22 + w*0.38);\n poly(ctx,[[0,s*.06],[-s*.04,wy],[s*.34,wy*0.55],[s*.32,s*.18]], fill);\n const wyb = s*(0.14 + w*0.22);\n ctx.globalAlpha = op * 0.6;\n poly(ctx,[[0,s*.06],[-s*.02,wyb],[s*.34,wyb*0.65],[s*.32,s*.18]], glow);\n ctx.globalAlpha = op;\n ctx.shadowBlur = 0;\n ctx.globalAlpha = op * 0.55;\n poly(ctx,[[s*.5,s*.05],[s*.82,-s*.18],[s*.72,s*.04],[s*.5,s*.05]], fill);\n ctx.restore();\n}\n\nfunction poly(ctx, pts, color){\n ctx.beginPath();\n ctx.moveTo(pts[0][0], pts[0][1]);\n for(let i=1;i<pts.length;i++) ctx.lineTo(pts[i][0],pts[i][1]);\n ctx.closePath();\n ctx.fillStyle = color;\n ctx.fill();\n}\n\nclass Bird {\n constructor(nd, pal, startRandom){\n this.nd = nd;\n this.pal = pal;\n this.reset(startRandom);\n }\n reset(rand){\n const W=cv.width, H=cv.height;\n this.sz = 11 + Math.random()*12 + (17-this.nd.a)*0.6;\n this.x = rand ? Math.random()*W : -this.sz*3;\n this.y = H*.07 + Math.random()*H*.82;\n this.vx = 0.22 + Math.random()*0.5;\n this.vy = (Math.random()-.5)*0.16;\n this.wAmp = 0.3 + Math.random()*1.1;\n this.wSpd = 0.006 + Math.random()*0.01;\n this.wOff = Math.random()*Math.PI*2;\n this.bSpd = 0.038 + Math.random()*0.055;\n this.bOff = Math.random()*Math.PI*2;\n this.tilt = (Math.random()-.5)*0.11;\n this.op = 0.45 + Math.random()*0.45;\n this.hover = false;\n this.sc = 1;\n }\n update(t){\n this.x += this.vx;\n this.y += this.vy + Math.sin(t*this.wSpd + this.wOff)*this.wAmp*0.035;\n this.wing = (Math.sin(t*this.bSpd + this.bOff)+1)*.5;\n this.sc += (this.hover ? 1.5-this.sc : 1-this.sc)*0.1;\n if(this.x > cv.width + this.sz*4) this.reset(false);\n }\n draw(){\n cx.save();\n cx.translate(this.x, this.y);\n cx.rotate(this.tilt + this.vy*0.4);\n cx.scale(this.sc, this.sc);\n const op = this.hover ? Math.min(1, this.op+0.4) : this.op;\n bird(cx, 0, 0, this.sz, this.pal.f, this.pal.g, this.wing, op);\n cx.restore();\n }\n hit(mx,my){\n return Math.hypot(mx-this.x, my-this.y) < this.sz*2.5;\n }\n}\n\nconst TOTAL = 200;\nconst pool = [];\nwhile(pool.length < TOTAL){ NAMES.forEach(n=>pool.push(n)); }\npool.sort(()=>Math.random()-.5);\n\nconst birds = pool.slice(0,TOTAL).map(nd=>{\n const pal = PALETTE.find(p=>p.a===nd.a)||PALETTE[0];\n return new Bird(nd, pal, true);\n});\n\nconst tip=document.getElementById('tip');\nconst tn=document.getElementById('tn');\nconst ta=document.getElementById('ta');\nlet mx=-9999, my=-9999;\ncv.addEventListener('mousemove',e=>{ mx=e.clientX; my=e.clientY; });\ncv.addEventListener('mouseleave',()=>{ mx=-9999; my=-9999; });\n\nfunction updateHover(){\n let found=null;\n for(let i=birds.length-1;i>=0;i--){\n if(birds[i].hit(mx,my)){ found=birds[i]; break; }\n }\n birds.forEach(b=>b.hover=false);\n if(found){\n found.hover=true;\n tn.textContent = found.nd.n;\n ta.textContent = found.nd.a===0 ? 'Moins d\\'un an'\n : found.nd.a===1 ? '1 an' : found.nd.a+' ans';\n tip.style.left=mx+'px'; tip.style.top=my+'px';\n tip.classList.add('on');\n cv.style.cursor='pointer';\n } else {\n tip.classList.remove('on');\n cv.style.cursor='default';\n }\n}\n\nsetTimeout(()=> document.getElementById('hero').classList.add('fade'), 3500);\n\nlet t=0;\n(function loop(){\n t++;\n cx.clearRect(0,0,cv.width,cv.height);\n updateHover();\n birds.sort((a,b)=>a.sz-b.sz);\n birds.forEach(b=>{ b.update(t); b.draw(); });\n requestAnimationFrame(loop);\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sunbird \u2014 Un ciel pour les enfants de Gaza SUNBIRDS QUI SOMMES NOUS SOUTENIR CONTACT SUNBIRDS Un ciel pour les enfants de Gaza \u00ab Nous n’\u00e9tions pas des chiffres quand nous sommes n\u00e9s, pourquoi le devenons-nous quand nous mourons ? \u00bb \u2014 Mahmoud Darwish<\/p>\n","protected":false},"author":1,"featured_media":401,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","has-post-thumbnail","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":51,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":420,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/media\/401"}],"wp:attachment":[{"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nSunbird \u2014 Un ciel pour les enfants de Gaza<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300;1,400&family=Syne:wght@400;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n* { margin:0; padding:0; box-sizing:border-box; }\n:root {\n --serif:'Cormorant Garamond',Georgia,serif;\n --sans:'Syne',sans-serif;\n}\nhtml,body { width:100%; height:100%; overflow:hidden; background:#07101a; }\n\n\/* SKY gradient *\/\n#sky {\n position:fixed; inset:0; z-index:0;\n background:\n radial-gradient(ellipse 80% 50% at 50% 0%, #1e3a5a 0%, transparent 60%),\n radial-gradient(ellipse 60% 40% at 20% 60%, rgba(140,60,20,0.18) 0%, transparent 60%),\n radial-gradient(ellipse 60% 40% at 80% 60%, rgba(80,30,80,0.12) 0%, transparent 60%),\n linear-gradient(to bottom, #0a1728 0%, #07101a 55%, #110d0a 100%);\n}\n#sky::before {\n content:''; position:absolute; inset:0;\n background-image:\n radial-gradient(1px 1px at 8% 12%, rgba(255,255,255,.3) 0,transparent 100%),\n radial-gradient(1px 1px at 22% 6%, rgba(255,255,255,.2) 0,transparent 100%),\n radial-gradient(1px 1px at 40% 18%, rgba(255,255,255,.25) 0,transparent 100%),\n radial-gradient(1px 1px at 60% 9%, rgba(255,255,255,.18) 0,transparent 100%),\n radial-gradient(1px 1px at 75% 4%, rgba(255,255,255,.22) 0,transparent 100%),\n radial-gradient(1px 1px at 88% 15%, rgba(255,255,255,.2) 0,transparent 100%),\n radial-gradient(1px 1px at 33% 30%, rgba(255,255,255,.12) 0,transparent 100%),\n radial-gradient(1px 1px at 55% 25%, rgba(255,255,255,.14) 0,transparent 100%),\n radial-gradient(1px 1px at 70% 32%, rgba(255,255,255,.10) 0,transparent 100%),\n radial-gradient(1px 1px at 15% 38%, rgba(255,255,255,.08) 0,transparent 100%);\n}\n#sky::after {\n content:''; position:absolute; bottom:0; left:0; right:0; height:40%;\n background:linear-gradient(to top, rgba(80,30,10,.35) 0%, transparent 100%);\n}\n\ncanvas { position:fixed; inset:0; z-index:1; }\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav {\n position:fixed; top:0; left:0; right:0; z-index:20;\n padding:.9rem 2.5rem;\n display:flex; align-items:center; justify-content:space-between;\n background:linear-gradient(to bottom, rgba(7,16,26,.9) 0%, transparent 100%);\n}\n.brand { display:flex; align-items:center; gap:.65rem; text-decoration:none; }\n.brand img { height:30px; background:#fff; padding:3px; border-radius:3px; object-fit:contain; }\n.brand span { font-family:var(--sans); font-weight:800; font-size:.8rem; letter-spacing:.22em; color:#f5efe5; }\n\n\/* \u2500\u2500 3 BOUTONS \u2014 modifiez les href=\"...\" ci-dessous \u2500\u2500 *\/\n.nav-btns { display:flex; gap:.75rem; align-items:center; }\n\n.nav-btn {\n font-family:var(--sans); font-weight:700;\n font-size:.62rem; letter-spacing:.16em; text-transform:uppercase;\n text-decoration:none;\n padding:.48rem 1.2rem;\n border:1px solid rgba(245,239,229,.22);\n color:rgba(245,239,229,.65);\n background:rgba(7,16,26,.35);\n transition:background .22s, border-color .22s, color .22s;\n white-space:nowrap;\n}\n.nav-btn:hover {\n background:rgba(245,239,229,.1);\n border-color:rgba(245,239,229,.55);\n color:#f5efe5;\n}\n.nav-btn.primary {\n background:#f5efe5;\n color:#07101a;\n border-color:#f5efe5;\n}\n.nav-btn.primary:hover {\n background:#e4d8c0;\n border-color:#e4d8c0;\n}\n\n\/* TOOLTIP *\/\n#tip {\n position:fixed; z-index:30; pointer-events:none;\n padding:.5rem 1rem;\n background:rgba(7,16,26,.92);\n backdrop-filter:blur(10px);\n border:1px solid rgba(228,216,192,.18);\n border-radius:2px;\n transform:translate(-50%,-130%);\n opacity:0; transition:opacity .18s;\n white-space:nowrap;\n}\n#tip.on { opacity:1; }\n#tip .tn { font-style:italic; font-size:.92rem; color:#f5efe5; display:block; }\n#tip .ta { font-family:var(--sans); font-size:.52rem; letter-spacing:.15em; text-transform:uppercase; color:rgba(228,216,192,.38); margin-top:.12rem; display:block; }\n\n\/* TITRE HERO *\/\n#hero {\n position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);\n z-index:15; text-align:center; pointer-events:none;\n transition:opacity 2.5s ease;\n}\n#hero.fade { opacity:0; }\n#hero h1 { font-family:var(--sans); font-weight:800; font-size:clamp(2.5rem,7vw,5.5rem); letter-spacing:.2em; color:rgba(245,239,229,.1); }\n#hero p { font-style:italic; font-size:clamp(.8rem,1.5vw,1rem); color:rgba(228,216,192,.12); margin-top:.4rem; }\n\n\/* BOTTOM *\/\n.bot {\n position:fixed; bottom:0; left:0; right:0; z-index:20;\n padding:1.2rem 2.5rem;\n background:linear-gradient(to top, rgba(7,16,26,.92) 0%, transparent 100%);\n display:flex; align-items:flex-end; justify-content:space-between; gap:2rem;\n}\n.quote { font-style:italic; font-size:clamp(.72rem,1.4vw,.9rem); color:rgba(228,216,192,.38); line-height:1.5; max-width:420px; }\n.quote cite { display:block; font-style:normal; font-family:var(--sans); font-size:.52rem; letter-spacing:.14em; color:rgba(228,216,192,.22); margin-top:.25rem; }\n.lgd { display:flex; flex-wrap:wrap; gap:.35rem .9rem; justify-content:flex-end; max-width:300px; }\n.li { display:flex; align-items:center; gap:.3rem; font-family:var(--sans); font-size:.48rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(228,216,192,.22); }\n.li b { width:7px; height:7px; border-radius:1px; flex-shrink:0; display:block; }\n\n\/* Responsive *\/\n@media(max-width:640px){\n nav { padding:.8rem 1.2rem; }\n .nav-btns { gap:.4rem; }\n .nav-btn { padding:.4rem .7rem; font-size:.55rem; }\n .bot { padding:1rem 1.2rem; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"sky\"><\/div>\n<canvas id=\"c\"><\/canvas>\n\n\n<nav>\n <a class=\"brand\" href=\"\/\">\n <img decoding=\"async\" src=\"logo_Sunbird.jpg\" alt=\"Sunbird\" onerror=\"this.style.display='none'\">\n <span>SUNBIRDS<\/span>\n <\/a>\n\n <div class=\"nav-btns\">\n\n \n <a class=\"nav-btn\" href=\"https:\/\/sunbirds.fr\/index.php\/qui-sommes-nous\/\">QUI SOMMES NOUS<\/a>\n\n \n <a class=\"nav-btn\"\n href=\"https:\/\/sunbirds.fr\/index.php\/soutenir\">SOUTENIR<\/a>\n\n \n <a class=\"nav-btn\" href=\"https:\/\/sunbirds.fr\/index.php\/contact\">CONTACT<\/a>\n\n <\/div>\n<\/nav>\n\n<div id=\"hero\">\n <h1>SUNBIRDS<\/h1>\n <p>Un ciel pour les enfants de Gaza<\/p>\n<\/div>\n\n<div id=\"tip\">\n <span class=\"tn\" id=\"tn\"><\/span>\n <span class=\"ta\" id=\"ta\"><\/span>\n<\/div>\n\n<div class=\"bot\">\n <div class=\"quote\">\n \u00ab Nous n'\u00e9tions pas des chiffres quand nous sommes n\u00e9s,\n pourquoi le devenons-nous quand nous mourons ? \u00bb\n <cite>\u2014 Mahmoud Darwish<\/cite>\n <\/div>\n <div class=\"lgd\" id=\"lgd\"><\/div>\n<\/div>\n\n<script>\n\/\/ \u2500\u2500 PALETTE \u00e2ges \u2500\u2500\nconst PALETTE = [\n {a:0, l:\"0 an\", f:\"#e04444\",g:\"#ff9999\"},\n {a:1, l:\"1 an\", f:\"#d95e2a\",g:\"#ffaa77\"},\n {a:2, l:\"2 ans\", f:\"#cc8822\",g:\"#ffcc66\"},\n {a:3, l:\"3 ans\", f:\"#b8aa1a\",g:\"#eedd44\"},\n {a:4, l:\"4 ans\", f:\"#6aaa22\",g:\"#aadd66\"},\n {a:5, l:\"5 ans\", f:\"#22aa55\",g:\"#66dd99\"},\n {a:6, l:\"6 ans\", f:\"#119977\",g:\"#55ddbb\"},\n {a:7, l:\"7 ans\", f:\"#1188bb\",g:\"#55ccee\"},\n {a:8, l:\"8 ans\", f:\"#2255cc\",g:\"#6688ff\"},\n {a:9, l:\"9 ans\", f:\"#4433bb\",g:\"#8866ff\"},\n {a:10, l:\"10 ans\", f:\"#7722aa\",g:\"#bb55dd\"},\n {a:11, l:\"11 ans\", f:\"#992266\",g:\"#dd55aa\"},\n {a:12, l:\"12 ans\", f:\"#bb2244\",g:\"#ff6677\"},\n {a:13, l:\"13 ans\", f:\"#cc4422\",g:\"#ff8866\"},\n {a:14, l:\"14 ans\", f:\"#aa7711\",g:\"#ddaa44\"},\n {a:15, l:\"15 ans\", f:\"#889911\",g:\"#bbcc33\"},\n {a:16, l:\"16 ans\", f:\"#338844\",g:\"#66bb77\"},\n {a:17, l:\"17 ans\", f:\"#224477\",g:\"#5577aa\"},\n];\n\n\/\/ \u2500\u2500 NOMS \u2500\u2500\nconst NAMES=[\n {n:\"Noura Walid Abdulsalam Shaheen\",a:0},{n:\"Maryam Nour Al-Din Wael Daban\",a:0},\n {n:\"Fatima Louay Rafiq Al-Sultan\",a:0},{n:\"Diyaa Ahmed Abd Al-Aati\",a:0},\n {n:\"Adam Mohammed Sameer Abu-Ajwah\",a:0},{n:\"Masa Mohammed Youssef Nasr\",a:0},\n {n:\"Elina Moumen Riad Al-Rifi\",a:0},{n:\"C\u00e9line Abd Al-Hadi Adel Zahir\",a:0},\n {n:\"George Sobhi George Al-Souri\",a:0},{n:\"Jouri Anas Bassam Shamia\",a:0},\n {n:\"Sarah Abd Al-Rahman Mohammed Hamad\",a:0},{n:\"Lana Yasser Nassif Hijazi\",a:0},\n {n:\"Kanary Moatasem Mahmoud Aql\",a:0},{n:\"Ali Raed Khalil Rahmi\",a:0},\n {n:\"Habiba Hesham Abd Al-Aty Abu-Jarri\",a:0},{n:\"Alma Moumen Mohammed Hamdan\",a:0},\n {n:\"Tala Mohamed Rafeeq Abu-Ghali\",a:0},{n:\"Sidra Yehia Khalil Abu-Zarifa\",a:0},\n {n:\"Ayla Ahmed Ali Obeid\",a:1},{n:\"Salahuddin Osama Khalil Abu-Layla\",a:1},\n {n:\"Adam Ezzat Mohammad Warshaga\",a:1},{n:\"Joud Alaa Mohammad Al-Hessi\",a:1},\n {n:\"Amira Mohammad Sameer Abu-Ajoah\",a:1},{n:\"Farah Rami Mahmoud Al-Sheikh Khalil\",a:1},\n {n:\"Zeina Hazem Abdalhameed Mahna\",a:1},{n:\"Eileen Ahmed Abd Al-Moati Al-Ajrami\",a:1},\n {n:\"Sham Ahmed Isbeitan Abu-Seedo\",a:1},{n:\"Owais Amer Yahya Al-Balaaoui\",a:1},\n {n:\"Misk Ali Hassan Al-Rantissi\",a:1},{n:\"Yaman Sami Saber Abu-Wadi\",a:1},\n {n:\"Suhaib Saeed Misbah Madi\",a:2},{n:\"Malek Aqeel Nazmi Qoledge\",a:2},\n {n:\"Lana Omar Kamel Jundiya\",a:2},{n:\"Anas Mohammad Fahmi Al-Najjar\",a:2},\n {n:\"Misk Ramadan Abd Al-Karim Al-Ashi\",a:2},{n:\"Rayan Mohammed Ali Zahir\",a:2},\n {n:\"Zeina Hani Mohammad Janineh\",a:2},{n:\"Palestine Deeb Salah Alia\",a:2},\n {n:\"Lana Washah\",a:3},{n:\"Sara Muhammad Khalil Khalil Asaliyah\",a:3},\n {n:\"Hamza Rami Nidal Alaywa\",a:3},{n:\"Ghazal Jamil Muin Atallah\",a:3},\n {n:\"Adam Nader Harbi Al-Helo\",a:3},{n:\"Youssef Mohammed Fahmy Al-Najjar\",a:3},\n {n:\"Zaid Adel Awni Al-Dos\",a:3},{n:\"Hana Moamen Mahmoud Al-Tala\",a:3},\n {n:\"Malek Mohammed Hussein Al-Sheikh Khalil\",a:4},{n:\"Mohammed Abdullah Ahmed Hijazi\",a:4},\n {n:\"Sewar Mohammed Khidr Abu-Touha\",a:4},{n:\"Hanan Naeem Faraj Dawood\",a:4},\n {n:\"Bana Salahuddin Mohammed Al-Dalou\",a:4},{n:\"Adam Ali Moussa Hussein\",a:4},\n {n:\"Kinda Eyad Mohamed Wahdan\",a:4},{n:\"Jabal Naim Samir Abu-Zar\",a:4},\n {n:\"Amr Alaa Bahgat Sikkik\",a:5},{n:\"Fatima Mohammed Fahmi Al-Najjar\",a:5},\n {n:\"Omar Ehab Zuhair Khadra\",a:5},{n:\"Luna Hossam Taysir Abu-Nada\",a:5},\n {n:\"Sara Hassan Hamdi Al-Hanawi\",a:5},{n:\"Bilal Mohammed Omar Hijazi\",a:5},\n {n:\"Lina Sameh Mohammed Shamiya\",a:5},{n:\"Sham Ibrahim Nabil Abu-Seif\",a:5},\n {n:\"Khadija Suheil Zuhdi Al-Nahal\",a:6},{n:\"Omar Musab Khalil Al-Ashqar\",a:6},\n {n:\"Jana Ahmed Muhammad Zakaria\",a:6},{n:\"Ruqaya Ibrahim Khaled Al-Lahham\",a:6},\n {n:\"Ahmed Abdullah Ahmed Hegazi\",a:6},{n:\"Bilal Abd Al-Rahman Rabea Shehab\",a:6},\n {n:\"Fatima Mohammad Abd Al-Rahim Al-Madhoun\",a:6},{n:\"Lina Hammam Mustafa Abu-Toha\",a:6},\n {n:\"Ahmed Mohammed Hamdi Deeb\",a:7},{n:\"Maryam Mohammed Zaki Ashour\",a:7},\n {n:\"Mohammed Hamdan Moeen Al-Yazji\",a:7},{n:\"Malak Hamid Nidal Alaywa\",a:7},\n {n:\"Noor Ahmed Ashraf Al-Khodari\",a:7},{n:\"Farah Wael Amin Mohsen\",a:7},\n {n:\"Ali Saleh Ali Darwish\",a:7},{n:\"Hashim Mamdouh Salem Haji\",a:7},\n {n:\"Rital Rami Ahmed Kashkou\",a:8},{n:\"Mohammed Rafiq Ali Zaher\",a:8},\n {n:\"Aya Hossam Amin Hassouna\",a:8},{n:\"Naima Jawad Hosni Mousa\",a:8},\n {n:\"Rahaf Maher Mahmoud Marai\",a:8},{n:\"Malak Mahmoud Ibrahim Al-Shami\",a:8},\n {n:\"Yahya Yasser Nasif Hijazi\",a:8},{n:\"Huda Ayman Jamil Abu-Al-Jalil\",a:8},\n {n:\"Ghadir Alaa Saleem Al-Atawneh\",a:9},{n:\"Sarah Ali Hamed Al-Masri\",a:9},\n {n:\"Haneen Mahmoud Emad Al-Madhoun\",a:9},{n:\"Yazan Abd Al-Hamid Mohammad Rayan\",a:9},\n {n:\"Sama Fadi Fayez Daoud\",a:9},{n:\"Fatima Firas Fahmi Al-Najjar\",a:9},\n {n:\"Haitham Raed Ahmed Kashkou\",a:9},{n:\"Maryam Ahmed Salah Kareera\",a:9},\n {n:\"Lama Ahmed Mohammed Badawi\",a:10},{n:\"Mohammed Jamil Moeen Atallah\",a:10},\n {n:\"Ibrahim Ayman Radi Abu-Zahir\",a:10},{n:\"Maria Kamal Ismail Sabra\",a:10},\n {n:\"Fares Raed Ahmed Kashkou\",a:10},{n:\"Yaseen Mohammed Ismail Siam\",a:10},\n {n:\"Tarek Jamal Abu-Al-Ata\",a:10},{n:\"Mariam Mohammed Abd Al-Hadi Qaddoura\",a:10},\n {n:\"Marah Raed Abd Al-Rahman Falafel\",a:11},{n:\"Issa Tariq Sami Al-Souri\",a:11},\n {n:\"Aisha Nour Al-Din Mazen Al-Shawa\",a:11},{n:\"Yahya Muhannad Sami Salim\",a:11},\n {n:\"Lana Muhammad Abd Al-Majid Al-Qouqa\",a:11},{n:\"Nada Sami Adnan Al-Shami\",a:11},\n {n:\"Ghazal Mahmoud Abd Al-Hamid Joudeh\",a:11},{n:\"Raafat Rami Ahmed Kashko\",a:11},\n {n:\"Ahmed Salah Diab Al-Tannani\",a:12},{n:\"Tasneem Salem Mohammed Jouda\",a:12},\n {n:\"Adam Ramzi Yousef Abu-Dabbagh\",a:12},{n:\"Sama Mohammed Hussein Al-Sheikh Khalil\",a:12},\n {n:\"Jana Maher Atef Abu-Nada\",a:12},{n:\"Marwa Bilal Mohammed Al-Ramlawi\",a:12},\n {n:\"Zeina Mohammed Ashour Al-Sharafi\",a:12},{n:\"Assem Bakr Nasr Al-Sarahi\",a:12},\n {n:\"Haitham Baroud\",a:13},{n:\"Lian Hazem Hamdi Deeb\",a:13},\n {n:\"Mohammed Mahmoud Ahmed Al-Deiri\",a:13},{n:\"Rana Saeed Hussein Al-Ramlawi\",a:13},\n {n:\"Talin Khalil Akram Mahdi\",a:13},{n:\"Jana Hossam Mahmoud Al-Kurdi\",a:13},\n {n:\"Ghazal Ezzedine Salem Shalt\",a:13},{n:\"Youssef Raafat Safwat Sekik\",a:13},\n {n:\"Mohammed Raed Salim Al-Mankoush\",a:14},{n:\"Sara Saleh Ali Hassouna\",a:14},\n {n:\"Ahmed Abdullah Ahmed Abu-Nada\",a:14},{n:\"Taghreed Raed Ahmed Kashko\",a:14},\n {n:\"Jana Sami Adnan Al-Shami\",a:14},{n:\"Ghazal Iyad Lafi Warshaga\",a:14},\n {n:\"Nisreen Khalil Akram Mahdi\",a:14},{n:\"Raghad Mahmoud Ibrahim Al-Shami\",a:14},\n {n:\"Abd Al-Rahman Fouad Hashem Abu-Saif\",a:15},{n:\"Walid Mohammed Kamal Al-Tahrawi\",a:15},\n {n:\"Fatima Basheer Fahmy Ammar\",a:15},{n:\"Majd Mahmoud Omar Hijazi\",a:15},\n {n:\"Malak Mohammed Nasr Abu-Obaid\",a:15},{n:\"Rimas Louay Abd Al-Kareem Nasr\",a:15},\n {n:\"Hanadi Alaa Salim Siyam\",a:15},{n:\"Hala Rami Nafz Al-Talmis\",a:15},\n {n:\"Amani Sami Shaban Al-Sharawi\",a:16},{n:\"Rowan Mahmoud Ibrahim Al-Shami\",a:16},\n {n:\"Tasneem Fathy Ali Radwan\",a:16},{n:\"Neda Ahmed Mahmoud Hegazi\",a:16},\n {n:\"Fella Emadeldin Mostafa Sarsour\",a:16},{n:\"Yahia Khaled Zaki Al-Majdoub\",a:16},\n {n:\"Bahauddin Saadallah Bahauddin Sakik\",a:16},{n:\"Layali Hassan Abdelaziz Nassar\",a:16},\n {n:\"Kamal Saher Kamal Al-Tahravi\",a:17},{n:\"Aseel Raed Abd Al-Rahman Falafel\",a:17},\n {n:\"Ahmed Akram Mousa Al-Suweirki\",a:17},{n:\"Shahd Adham Mohamed Al-Arabi\",a:17},\n {n:\"Ahmad Imad Ahmad Jaber\",a:17},{n:\"Samira Mostafa Mohamed Al-Hanawi\",a:17},\n {n:\"Maha Ramez Amin Hassouna\",a:17},{n:\"Dina Ziad Muhammad Hassan Al-Shahrawi\",a:17},\n];\n\n\/\/ L\u00e9gende\nconst lgd = document.getElementById('lgd');\nPALETTE.forEach(p=>{\n const d=document.createElement('div'); d.className='li';\n d.innerHTML=`<b style=\"background:${p.f}\"><\/b>${p.l}`;\n lgd.appendChild(d);\n});\n\n\/\/ Canvas\nconst cv=document.getElementById('c');\nconst cx=cv.getContext('2d');\nfunction resize(){ cv.width=window.innerWidth; cv.height=window.innerHeight; }\nresize();\nwindow.addEventListener('resize',resize);\n\nfunction bird(ctx, x, y, sz, fill, glow, wing, op){\n ctx.save();\n ctx.globalAlpha = op;\n ctx.translate(x, y);\n const s = sz;\n const w = wing;\n ctx.shadowColor = glow;\n ctx.shadowBlur = sz * 1.8;\n poly(ctx,[[0,0],[s*.5,s*.05],[s*.32,s*.18],[0,s*.12]], fill);\n poly(ctx,[[-s*.08,s*.02],[-s*.5,-s*.04],[-s*.36,s*.1],[-s*.04,s*.1]], fill);\n const wy = -s*(0.22 + w*0.38);\n poly(ctx,[[0,s*.06],[-s*.04,wy],[s*.34,wy*0.55],[s*.32,s*.18]], fill);\n const wyb = s*(0.14 + w*0.22);\n ctx.globalAlpha = op * 0.6;\n poly(ctx,[[0,s*.06],[-s*.02,wyb],[s*.34,wyb*0.65],[s*.32,s*.18]], glow);\n ctx.globalAlpha = op;\n ctx.shadowBlur = 0;\n ctx.globalAlpha = op * 0.55;\n poly(ctx,[[s*.5,s*.05],[s*.82,-s*.18],[s*.72,s*.04],[s*.5,s*.05]], fill);\n ctx.restore();\n}\n\nfunction poly(ctx, pts, color){\n ctx.beginPath();\n ctx.moveTo(pts[0][0], pts[0][1]);\n for(let i=1;i<pts.length;i++) ctx.lineTo(pts[i][0],pts[i][1]);\n ctx.closePath();\n ctx.fillStyle = color;\n ctx.fill();\n}\n\nclass Bird {\n constructor(nd, pal, startRandom){\n this.nd = nd;\n this.pal = pal;\n this.reset(startRandom);\n }\n reset(rand){\n const W=cv.width, H=cv.height;\n this.sz = 11 + Math.random()*12 + (17-this.nd.a)*0.6;\n this.x = rand ? Math.random()*W : -this.sz*3;\n this.y = H*.07 + Math.random()*H*.82;\n this.vx = 0.22 + Math.random()*0.5;\n this.vy = (Math.random()-.5)*0.16;\n this.wAmp = 0.3 + Math.random()*1.1;\n this.wSpd = 0.006 + Math.random()*0.01;\n this.wOff = Math.random()*Math.PI*2;\n this.bSpd = 0.038 + Math.random()*0.055;\n this.bOff = Math.random()*Math.PI*2;\n this.tilt = (Math.random()-.5)*0.11;\n this.op = 0.45 + Math.random()*0.45;\n this.hover = false;\n this.sc = 1;\n }\n update(t){\n this.x += this.vx;\n this.y += this.vy + Math.sin(t*this.wSpd + this.wOff)*this.wAmp*0.035;\n this.wing = (Math.sin(t*this.bSpd + this.bOff)+1)*.5;\n this.sc += (this.hover ? 1.5-this.sc : 1-this.sc)*0.1;\n if(this.x > cv.width + this.sz*4) this.reset(false);\n }\n draw(){\n cx.save();\n cx.translate(this.x, this.y);\n cx.rotate(this.tilt + this.vy*0.4);\n cx.scale(this.sc, this.sc);\n const op = this.hover ? Math.min(1, this.op+0.4) : this.op;\n bird(cx, 0, 0, this.sz, this.pal.f, this.pal.g, this.wing, op);\n cx.restore();\n }\n hit(mx,my){\n return Math.hypot(mx-this.x, my-this.y) < this.sz*2.5;\n }\n}\n\nconst TOTAL = 200;\nconst pool = [];\nwhile(pool.length < TOTAL){ NAMES.forEach(n=>pool.push(n)); }\npool.sort(()=>Math.random()-.5);\n\nconst birds = pool.slice(0,TOTAL).map(nd=>{\n const pal = PALETTE.find(p=>p.a===nd.a)||PALETTE[0];\n return new Bird(nd, pal, true);\n});\n\nconst tip=document.getElementById('tip');\nconst tn=document.getElementById('tn');\nconst ta=document.getElementById('ta');\nlet mx=-9999, my=-9999;\ncv.addEventListener('mousemove',e=>{ mx=e.clientX; my=e.clientY; });\ncv.addEventListener('mouseleave',()=>{ mx=-9999; my=-9999; });\n\nfunction updateHover(){\n let found=null;\n for(let i=birds.length-1;i>=0;i--){\n if(birds[i].hit(mx,my)){ found=birds[i]; break; }\n }\n birds.forEach(b=>b.hover=false);\n if(found){\n found.hover=true;\n tn.textContent = found.nd.n;\n ta.textContent = found.nd.a===0 ? 'Moins d\\'un an'\n : found.nd.a===1 ? '1 an' : found.nd.a+' ans';\n tip.style.left=mx+'px'; tip.style.top=my+'px';\n tip.classList.add('on');\n cv.style.cursor='pointer';\n } else {\n tip.classList.remove('on');\n cv.style.cursor='default';\n }\n}\n\nsetTimeout(()=> document.getElementById('hero').classList.add('fade'), 3500);\n\nlet t=0;\n(function loop(){\n t++;\n cx.clearRect(0,0,cv.width,cv.height);\n updateHover();\n birds.sort((a,b)=>a.sz-b.sz);\n birds.forEach(b=>{ b.update(t); b.draw(); });\n requestAnimationFrame(loop);\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sunbird \u2014 Un ciel pour les enfants de Gaza SUNBIRDS QUI SOMMES NOUS SOUTENIR CONTACT SUNBIRDS Un ciel pour les enfants de Gaza \u00ab Nous n’\u00e9tions pas des chiffres quand nous sommes n\u00e9s, pourquoi le devenons-nous quand nous mourons ? \u00bb \u2014 Mahmoud Darwish<\/p>\n","protected":false},"author":1,"featured_media":401,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","has-post-thumbnail","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":51,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":420,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/media\/401"}],"wp:attachment":[{"href":"https:\/\/sunbirds.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}