Wiki source code of Get Started
Version 8.6 by Veronika Kocher on Thursday, 03 Sep 2026 10:09
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{html clean="false"}} | ||
| 2 | |||
| 3 | <style> | ||
| 4 | .arsn-topic-page{max-width:1400px;margin:0 auto;color:#322f2b} | ||
| 5 | .arsn-topic-page *{box-sizing:border-box} | ||
| 6 | .arsn-card{border:1px solid #e3ded6;border-radius:11px;background:#fcfbf8;box-shadow:0 1px 3px rgba(0,0,0,.035)} | ||
| 7 | .arsn-eyebrow{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase} | ||
| 8 | .arsn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px} | ||
| 9 | .arsn-grid-2{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:14px} | ||
| 10 | .arsn-grid-3{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px} | ||
| 11 | .arsn-chip{display:inline-block;padding:4px 8px;margin:3px 4px 3px 0;border-radius:14px;background:#f3efe8;border:1px solid #e3ded6;color:#5c5650;font-size:12px} | ||
| 12 | .arsn-check{position:relative;padding:11px 12px 11px 36px;border:1px solid #e3ded6;border-radius:8px;background:#fffdf9} | ||
| 13 | .arsn-check:before{content:"✓";position:absolute;left:13px;top:9px;color:#e94b13;font-weight:800} | ||
| 14 | .arsn-call{padding:15px 16px;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;background:#fcfbf8} | ||
| 15 | .arsn-call h4{font-size:17px;margin:0 0 6px 0;color:#35312d} | ||
| 16 | .arsn-call p{margin:0 0 8px 0;color:#625d56;line-height:1.5} | ||
| 17 | .arsn-call a{font-weight:600} | ||
| 18 | .arsn-section{margin:0 0 26px 0} | ||
| 19 | .arsn-section h3{font-size:22px;margin:0 0 6px 0;color:#35312d} | ||
| 20 | .arsn-section > p{color:#6a655e;line-height:1.55} | ||
| 21 | .arsn-info{padding:15px 17px;border:1px solid #c7e5ed;border-left:5px solid #21b6d7;background:#eaf6f9;border-radius:8px;color:#365e68} | ||
| 22 | .arsn-info strong{color:#2d5661} | ||
| 23 | .arsn-warn{padding:15px 17px;border:1px solid #efd9cc;border-left:5px solid #e94b13;background:#fff6f1;border-radius:8px;color:#67564e} | ||
| 24 | .arsn-warn strong{color:#744531} | ||
| 25 | details.arsn-detail{margin:8px 0;border:1px solid #e3ded6;border-radius:8px;background:#fcfbf8;overflow:hidden} | ||
| 26 | details.arsn-detail summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#403b36;background:#f3efe8} | ||
| 27 | details.arsn-detail[open] summary{border-bottom:1px solid #e3ded6} | ||
| 28 | details.arsn-detail .body{padding:14px 16px;color:#514c46;line-height:1.55} | ||
| 29 | .arsn-table{width:100%;border-collapse:collapse;background:#fffdf9} | ||
| 30 | .arsn-table th,.arsn-table td{border:1px solid #e3ded6;padding:10px 11px;vertical-align:top;text-align:left} | ||
| 31 | .arsn-table th{background:#f3efe8;color:#403b36} | ||
| 32 | .arsn-source{padding:12px 13px;border:1px solid #e3ded6;border-left:4px solid #21b6d7;border-radius:7px;background:#fffdf9} | ||
| 33 | .arsn-source strong{display:block;margin-bottom:3px} | ||
| 34 | .arsn-source small{color:#6a655e} | ||
| 35 | .arsn-hero-image{height:125px;overflow:hidden;background:#f1eee9} | ||
| 36 | .arsn-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block} | ||
| 37 | @media(max-width:850px){.arsn-grid-2,.arsn-grid-3{grid-template-columns:1fr}} | ||
| 38 | </style> | ||
| 39 | |||
| 40 | <div class="arsn-topic-page"> | ||
| 41 | |||
| 42 | <section class="arsn-card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;"> | ||
| 43 | <div class="arsn-hero-image"><img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Planning an artistic or research project" /></div> | ||
| 44 | <div style="padding:18px 21px 20px 21px;"> | ||
| 45 | <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">ENABLE · GET STARTED · AUSTRIA</div> | ||
| 46 | <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px 0;color:#2c2926;">From project idea to a fundable, workable project</h2> | ||
| 47 | <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1100px;"> | ||
| 48 | Use this page to clarify your project before you search for funding or start spending money. | ||
| 49 | It is designed for artistic projects, arts-based research, artistic research, interdisciplinary work | ||
| 50 | and research projects in the Austrian university and cultural sector. | ||
| 51 | </p> | ||
| 52 | </div> | ||
| 53 | </section> | ||
| 54 | |||
| 55 | <div class="arsn-info" style="margin-bottom:20px;"> | ||
| 56 | <strong>Start with one distinction:</strong> | ||
| 57 | Are you developing the project <strong>through the University of Applied Arts Vienna</strong>, | ||
| 58 | or are you applying <strong>independently as an artist, collective, association or other legal entity</strong>? | ||
| 59 | The applicant, employer, contracting route, budget rules, social insurance, tax treatment and signing authority can be different. | ||
| 60 | </div> | ||
| 61 | |||
| 62 | <div class="arsn-warn" style="margin-bottom:26px;"> | ||
| 63 | <strong>Planning guidance — not legal or tax advice.</strong> | ||
| 64 | Funding rules, tax, social insurance, labour law, copyright, data protection and event requirements depend on your status, | ||
| 65 | the funder and the concrete project. Always use the current call document and current institutional rules as the binding source. | ||
| 66 | </div> | ||
| 67 | |||
| 68 | <!-- PROJECT PASSPORT --> | ||
| 69 | <section class="arsn-section"> | ||
| 70 | <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">STEP 1 · PROJECT PASSPORT</div> | ||
| 71 | <h3>Write down the project before looking for a call</h3> | ||
| 72 | <p>A call should fit the project — do not redesign the project around the first funding scheme you find.</p> | ||
| 73 | |||
| 74 | <div class="arsn-grid"> | ||
| 75 | <div class="arsn-check"><strong>Working title + one-sentence idea</strong><br><span style="color:#6a655e;">What are you doing, with whom, and why now?</span></div> | ||
| 76 | <div class="arsn-check"><strong>Project type</strong><br><span style="color:#6a655e;">Arts-based research, artistic production, cultural project, research, education, mobility, innovation?</span></div> | ||
| 77 | <div class="arsn-check"><strong>Core question / objective</strong><br><span style="color:#6a655e;">What will be explored, created, tested, changed or made possible?</span></div> | ||
| 78 | <div class="arsn-check"><strong>Methods / artistic practice</strong><br><span style="color:#6a655e;">How does artistic practice, research or experimentation generate knowledge or results?</span></div> | ||
| 79 | <div class="arsn-check"><strong>People and roles</strong><br><span style="color:#6a655e;">PI/project lead, artists, researchers, technicians, partners, participants, administration.</span></div> | ||
| 80 | <div class="arsn-check"><strong>Host / applicant</strong><br><span style="color:#6a655e;">University, individual, association, company, consortium, partner institution?</span></div> | ||
| 81 | <div class="arsn-check"><strong>Duration and earliest start</strong><br><span style="color:#6a655e;">Include preparation, production/research, presentation, documentation and closure.</span></div> | ||
| 82 | <div class="arsn-check"><strong>Outputs</strong><br><span style="color:#6a655e;">Works, exhibitions, performances, publications, datasets, software, methods, workshops, documentation.</span></div> | ||
| 83 | <div class="arsn-check"><strong>Audience / users / communities</strong><br><span style="color:#6a655e;">Who should encounter, use or benefit from the work?</span></div> | ||
| 84 | <div class="arsn-check"><strong>Rough budget</strong><br><span style="color:#6a655e;">Personnel, fees, materials, travel, equipment, services, rights, access, documentation, publication.</span></div> | ||
| 85 | <div class="arsn-check"><strong>Risks / constraints</strong><br><span style="color:#6a655e;">Rights, personal data, participants, minors, safety, access, technical dependencies, permits.</span></div> | ||
| 86 | <div class="arsn-check"><strong>After the project</strong><br><span style="color:#6a655e;">What will be published, preserved, archived, handed over or deleted?</span></div> | ||
| 87 | </div> | ||
| 88 | </section> | ||
| 89 | |||
| 90 | <!-- FUNDING ROUTE --> | ||
| 91 | <section class="arsn-section"> | ||
| 92 | <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">STEP 2 · FUNDING ROUTE</div> | ||
| 93 | <h3>Where should I look for a call?</h3> | ||
| 94 | <p>Use the project type to narrow the funding landscape. These are starting points, not automatic matches.</p> | ||
| 95 | |||
| 96 | <div class="arsn-grid"> | ||
| 97 | <div class="arsn-call" style="border-top-color:#21b6d7"> | ||
| 98 | <h4>Arts-based research / artistic research</h4> | ||
| 99 | <p><strong>Start with:</strong> FWF Arts-Based Research (PEEK), Angewandte internal research funding and Support Art & Research.</p> | ||
| 100 | <p style="font-size:13px;">PEEK is for high-quality arts-based research where artistic practice is central to the research question and the project is carried out at an Austrian research institution.</p> | ||
| 101 | <a href="https://www.fwf.ac.at/en/funding/portfolio/projects/arts-based-research" target="_blank" rel="noopener">FWF Arts-Based Research (PEEK)</a> | ||
| 102 | </div> | ||
| 103 | |||
| 104 | <div class="arsn-call" style="border-top-color:#21b6d7"> | ||
| 105 | <h4>Basic research beyond PEEK</h4> | ||
| 106 | <p><strong>Start with:</strong> FWF project funding and the broader FWF portfolio.</p> | ||
| 107 | <p style="font-size:13px;">Use this when the project is primarily research and the arts-based PEEK profile is not the best fit.</p> | ||
| 108 | <a href="https://www.fwf.ac.at/en/funding/steps-to-your-fwf-project/find-funding" target="_blank" rel="noopener">FWF Find Funding</a> | ||
| 109 | </div> | ||
| 110 | |||
| 111 | <div class="arsn-call" style="border-top-color:#e94b13"> | ||
| 112 | <h4>Small / short internal development at the Angewandte</h4> | ||
| 113 | <p><strong>Start with:</strong> SUP and current internal calls such as PORT or successor schemes.</p> | ||
| 114 | <p style="font-size:13px;">SUP is currently open on a rolling basis for employees and doctoral students for small-scale, short-term activities supporting art and research.</p> | ||
| 115 | <a href="https://www.dieangewandte.at/en/news/open_calls" target="_blank" rel="noopener">Angewandte Open Calls</a> | ||
| 116 | </div> | ||
| 117 | |||
| 118 | <div class="arsn-call" style="border-top-color:#e94b13"> | ||
| 119 | <h4>Artistic production, exhibition, publication or presentation</h4> | ||
| 120 | <p><strong>Start with:</strong> BMWKMS federal arts funding and the relevant discipline; for Vienna-based work also check MA 7.</p> | ||
| 121 | <p style="font-size:13px;">Choose the artistic discipline first. Production funding is not automatically research funding.</p> | ||
| 122 | <a href="https://www.bmwkms.gv.at/themen/kunst-und-kultur/" target="_blank" rel="noopener">Federal arts & culture calls</a> | ||
| 123 | </div> | ||
| 124 | |||
| 125 | <div class="arsn-call" style="border-top-color:#f0aa00"> | ||
| 126 | <h4>Vienna-based cultural or research project</h4> | ||
| 127 | <p><strong>Start with:</strong> Stadt Wien Kultur (MA 7), then the relevant field.</p> | ||
| 128 | <p style="font-size:13px;">Read exclusions carefully. Current 2026 MA 7 visual/media-art rules explicitly exclude artistic-research projects, while the science/research field has different eligibility and exclusions.</p> | ||
| 129 | <a href="https://www.wien.gv.at/kultur/foerderungen" target="_blank" rel="noopener">MA 7 funding overview</a> | ||
| 130 | </div> | ||
| 131 | |||
| 132 | <div class="arsn-call" style="border-top-color:#38b76a"> | ||
| 133 | <h4>European cultural cooperation</h4> | ||
| 134 | <p><strong>Start with:</strong> Creative Europe Culture.</p> | ||
| 135 | <p style="font-size:13px;">Best for transnational cooperation between cultural and creative organisations. Cooperation calls are organisational, not individual, funding instruments.</p> | ||
| 136 | <a href="https://culture.ec.europa.eu/funding/calls" target="_blank" rel="noopener">Creative Europe calls</a> | ||
| 137 | </div> | ||
| 138 | |||
| 139 | <div class="arsn-call" style="border-top-color:#38b76a"> | ||
| 140 | <h4>Artist mobility / residency</h4> | ||
| 141 | <p><strong>Start with:</strong> Culture Moves Europe and current federal mobility / residency schemes.</p> | ||
| 142 | <p style="font-size:13px;">Use this route when international movement, exchange or residency is the primary funded activity.</p> | ||
| 143 | <a href="https://culture.ec.europa.eu/culture-moves-europe" target="_blank" rel="noopener">Culture Moves Europe</a> | ||
| 144 | </div> | ||
| 145 | |||
| 146 | <div class="arsn-call" style="border-top-color:#21b6d7"> | ||
| 147 | <h4>European collaborative research on culture / society</h4> | ||
| 148 | <p><strong>Start with:</strong> Horizon Europe Cluster 2 via FFG.</p> | ||
| 149 | <p style="font-size:13px;">Relevant for larger international research and innovation consortia in culture, creativity, heritage, democracy and social transformation.</p> | ||
| 150 | <a href="https://www.ffg.at/europa/heu/cluster2" target="_blank" rel="noopener">FFG · Horizon Europe Cluster 2</a> | ||
| 151 | </div> | ||
| 152 | |||
| 153 | <div class="arsn-call" style="border-top-color:#21b6d7"> | ||
| 154 | <h4>Teaching / curriculum / institutional cooperation</h4> | ||
| 155 | <p><strong>Start with:</strong> Erasmus+ Cooperation Partnerships via OeAD.</p> | ||
| 156 | <p style="font-size:13px;">Suitable when educational cooperation, curriculum, capacity building or institutional learning is central.</p> | ||
| 157 | <a href="https://erasmusplus.oead.at/de/hochschulbildung/kooperationen/kooperationspartnerschaften" target="_blank" rel="noopener">OeAD · Erasmus+ partnerships</a> | ||
| 158 | </div> | ||
| 159 | </div> | ||
| 160 | </section> | ||
| 161 | |||
| 162 | <div class="arsn-info" style="margin-bottom:26px;"> | ||
| 163 | <strong>Best first contact at the Angewandte:</strong> | ||
| 164 | Support Kunst und Forschung supports the content, administrative and financial development of artistic, | ||
| 165 | scientific and arts-based research projects and works with FWF, FFG, EU programmes, City of Vienna and other funders. | ||
| 166 | <div style="margin-top:7px;"> | ||
| 167 | <a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" target="_blank" rel="noopener">Support Kunst und Forschung</a> | ||
| 168 | · <a href="mailto:projektsupport@uni-ak.ac.at">projektsupport@uni-ak.ac.at</a> | ||
| 169 | </div> | ||
| 170 | </div> | ||
| 171 | |||
| 172 | <!-- CALL FIT --> | ||
| 173 | <section class="arsn-section"> | ||
| 174 | <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">STEP 3 · CALL FIT</div> | ||
| 175 | <h3>Read the funding conditions in this order</h3> | ||
| 176 | <p>If one of the first five points fails, stop and look for a better call before investing time in the proposal.</p> | ||
| 177 | |||
| 178 | <table class="arsn-table"> | ||
| 179 | <thead><tr><th>#</th><th>Check</th><th>What to verify</th></tr></thead> | ||
| 180 | <tbody> | ||
| 181 | <tr><td>1</td><td><strong>Applicant</strong></td><td>Individual, university, association, company, consortium? Citizenship/residence/seat requirements?</td></tr> | ||
| 182 | <tr><td>2</td><td><strong>Project scope</strong></td><td>Does the call explicitly fund your kind of research, artistic practice, production, mobility or cooperation?</td></tr> | ||
| 183 | <tr><td>3</td><td><strong>Exclusions</strong></td><td>Students? University study projects? Already-started projects? Artistic research? Commercial activity? Foreign activity?</td></tr> | ||
| 184 | <tr><td>4</td><td><strong>Timing</strong></td><td>Deadline, internal deadline, earliest eligible project start, maximum duration, decision date.</td></tr> | ||
| 185 | <tr><td>5</td><td><strong>Funding amount</strong></td><td>Minimum/maximum grant, full or partial funding, required own contribution or co-financing.</td></tr> | ||
| 186 | <tr><td>6</td><td><strong>Eligible costs</strong></td><td>Personnel, fees, travel, materials, equipment, services, venue, publication, subcontracting, overhead, VAT.</td></tr> | ||
| 187 | <tr><td>7</td><td><strong>Personnel rules</strong></td><td>Salary rates, fair-pay requirements, employment status, eligible working time, honoraria.</td></tr> | ||
| 188 | <tr><td>8</td><td><strong>Partners</strong></td><td>Required number/countries, lead/partner roles, letters, consortium or cooperation agreements.</td></tr> | ||
| 189 | <tr><td>9</td><td><strong>Evaluation</strong></td><td>Quality, innovation, artistic/research excellence, impact, feasibility, audience, sustainability, inclusion/diversity.</td></tr> | ||
| 190 | <tr><td>10</td><td><strong>Submission route</strong></td><td>Who presses submit? Institution, PI, individual? ID Austria, elane, Funding & Tenders Portal, OID/PIC?</td></tr> | ||
| 191 | <tr><td>11</td><td><strong>Double funding</strong></td><td>May the same costs/project receive other public funding? Which co-funding must be declared?</td></tr> | ||
| 192 | <tr><td>12</td><td><strong>Rights / Open Science</strong></td><td>IP ownership, licences, publication, open access, research data, repository or communication obligations.</td></tr> | ||
| 193 | <tr><td>13</td><td><strong>Ethics / security</strong></td><td>Personal data, human participants, vulnerable groups, minors, dual use, confidential material.</td></tr> | ||
| 194 | <tr><td>14</td><td><strong>Reporting</strong></td><td>Financial evidence, final report, deliverables, time records, logos/acknowledgement, audits, retention periods.</td></tr> | ||
| 195 | <tr><td>15</td><td><strong>Change rules</strong></td><td>Which budget, team, timeline or output changes require prior approval?</td></tr> | ||
| 196 | </tbody> | ||
| 197 | </table> | ||
| 198 | </section> | ||
| 199 | |||
| 200 | <div class="arsn-warn" style="margin-bottom:26px;"> | ||
| 201 | <strong>Do not choose a funding line by its title alone.</strong> | ||
| 202 | In Austria, neighbouring funding fields can have opposite exclusions. For example, current MA 7 visual/media-art rules | ||
| 203 | exclude artistic-research projects, while FWF PEEK is specifically designed for arts-based research. | ||
| 204 | </div> | ||
| 205 | |||
| 206 | <!-- AUSTRIA-SPECIFIC CLARIFICATIONS --> | ||
| 207 | <section class="arsn-section"> | ||
| 208 | <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">STEP 4 · AUSTRIA-SPECIFIC SETUP</div> | ||
| 209 | <h3>What should be clarified before submission or project start?</h3> | ||
| 210 | |||
| 211 | <details class="arsn-detail" open> | ||
| 212 | <summary>1 · Applicant, institution & signing authority</summary> | ||
| 213 | <div class="body"> | ||
| 214 | <ul> | ||
| 215 | <li>Decide who is legally applying and receiving the grant.</li> | ||
| 216 | <li>If the project is hosted by the Angewandte, clarify the institutional submission and approval route early.</li> | ||
| 217 | <li>Check whether the funder requires an Austrian research institution, Austrian residence/citizenship, an Austrian legal entity or an international consortium.</li> | ||
| 218 | <li>Clarify who may sign applications, contracts, partner agreements and declarations.</li> | ||
| 219 | <li>For FWF programmes in PROFI mode, the research institution submits on behalf of the researcher; programme-specific rules still apply.</li> | ||
| 220 | </ul> | ||
| 221 | </div> | ||
| 222 | </details> | ||
| 223 | |||
| 224 | <details class="arsn-detail"> | ||
| 225 | <summary>2 · Concept, artistic/research design & evidence of quality</summary> | ||
| 226 | <div class="body"> | ||
| 227 | <ul> | ||
| 228 | <li>State the artistic/research question and why the project is needed now.</li> | ||
| 229 | <li>Describe the artistic practice, research methods and how they generate knowledge/results.</li> | ||
| 230 | <li>Position the project in relevant artistic, scholarly and cultural contexts.</li> | ||
| 231 | <li>Explain what is genuinely new, experimental or distinctive.</li> | ||
| 232 | <li>Define work packages, milestones, decision points and dependencies.</li> | ||
| 233 | <li>Describe expected outputs and how success/quality will be assessed.</li> | ||
| 234 | <li>Prepare relevant portfolio, CV, publications/works, prior projects and references.</li> | ||
| 235 | </ul> | ||
| 236 | </div> | ||
| 237 | </details> | ||
| 238 | |||
| 239 | <details class="arsn-detail"> | ||
| 240 | <summary>3 · Budget, fair pay, co-financing & cash flow</summary> | ||
| 241 | <div class="body"> | ||
| 242 | <ul> | ||
| 243 | <li>Budget personnel/employment, artist fees and external services separately.</li> | ||
| 244 | <li>Include employer costs/social contributions where applicable.</li> | ||
| 245 | <li>Budget materials, production, equipment, software, travel, accommodation, transport, venue, insurance, documentation, accessibility, rights/licences, publication and preservation.</li> | ||
| 246 | <li>Check funder-specific salary rates, fair-pay expectations and maximum eligible rates.</li> | ||
| 247 | <li>Check whether equipment is fully eligible, depreciated, capped or needs institutional procurement.</li> | ||
| 248 | <li>Clarify VAT treatment and whether it is an eligible cost for the applicant.</li> | ||
| 249 | <li>Check indirect costs/overheads and whether they are fixed, capped or excluded.</li> | ||
| 250 | <li>Identify co-funding, own contribution and in-kind contributions and whether they must already be confirmed.</li> | ||
| 251 | <li>Plan cash flow: when is funding actually paid, and who pre-finances costs?</li> | ||
| 252 | <li>Never assume costs incurred before the eligible project start can be reimbursed.</li> | ||
| 253 | </ul> | ||
| 254 | </div> | ||
| 255 | </details> | ||
| 256 | |||
| 257 | <details class="arsn-detail"> | ||
| 258 | <summary>4 · Employment, contracts, tax & social insurance</summary> | ||
| 259 | <div class="body"> | ||
| 260 | <ul> | ||
| 261 | <li>Clarify whether each person is employed, self-employed, contracted for a work/service, or participating through a partner institution.</li> | ||
| 262 | <li>Do not use freelance contracts to disguise an employment relationship; use the university/organisation's HR and legal process.</li> | ||
| 263 | <li>Clarify tax/VAT treatment for independent activity with the competent tax authority or professional advice.</li> | ||
| 264 | <li>Self-employed artists in Austria should check SVS status and whether a KSVF contribution subsidy may apply.</li> | ||
| 265 | <li>KSVF support requires an application and specific insurance/income/artistic-activity conditions; it is not automatic.</li> | ||
| 266 | <li>Keep a clean record of contracts, invoices, payment evidence and income/expense documentation.</li> | ||
| 267 | </ul> | ||
| 268 | <p><a href="https://www.ksvf.at/zuschuss" target="_blank" rel="noopener">KSVF contribution subsidy information</a></p> | ||
| 269 | </div> | ||
| 270 | </details> | ||
| 271 | |||
| 272 | <details class="arsn-detail"> | ||
| 273 | <summary>5 · Copyright, performers' rights, licences & ownership</summary> | ||
| 274 | <div class="body"> | ||
| 275 | <ul> | ||
| 276 | <li>List third-party images, texts, music, film, software, datasets, designs, archives and artworks you plan to use.</li> | ||
| 277 | <li>Clarify the exact rights needed: reproduction, adaptation, exhibition/performance, online publication, streaming, documentation, archive/repository deposit.</li> | ||
| 278 | <li>Ownership of a physical artwork/object does not automatically include copyright exploitation rights.</li> | ||
| 279 | <li>Clarify rights in newly created outputs between team members, institution, commissioned contributors and partners.</li> | ||
| 280 | <li>Clarify authorship/credit, moral rights, performers' rights and documentation/photo/video permissions.</li> | ||
| 281 | <li>Check collecting-society licences where relevant (e.g. music or represented visual works).</li> | ||
| 282 | <li>Decide which open licence or rights statement, if any, will be used for outputs and metadata.</li> | ||
| 283 | </ul> | ||
| 284 | <p><a href="https://www.ris.bka.gv.at/GeltendeFassung.wxe?Abfrage=Bundesnormen&Gesetzesnummer=10001848" target="_blank" rel="noopener">Austrian Copyright Act (RIS)</a></p> | ||
| 285 | </div> | ||
| 286 | </details> | ||
| 287 | |||
| 288 | <details class="arsn-detail"> | ||
| 289 | <summary>6 · Ethics, personal data, consent & participants</summary> | ||
| 290 | <div class="body"> | ||
| 291 | <ul> | ||
| 292 | <li>Identify whether you collect personal data, images, voices, interviews, location data, health data or other sensitive information.</li> | ||
| 293 | <li>Define the legal basis, information provided to participants, consent where needed, withdrawal process and retention period.</li> | ||
| 294 | <li>Separate consent to participate from permission to publish identifiable material where appropriate.</li> | ||
| 295 | <li>Plan anonymisation/pseudonymisation where possible.</li> | ||
| 296 | <li>Check secure storage, access, data sharing and transfers to external/cloud services or outside the EEA.</li> | ||
| 297 | <li>For minors or vulnerable participants, clarify child protection, consent/assent, safeguarding and funder/institutional requirements.</li> | ||
| 298 | <li>For participatory/co-creative artistic research, clarify ownership, attribution, benefit sharing and what participants can veto or withdraw.</li> | ||
| 299 | <li>Check whether institutional ethics review is required before data collection begins.</li> | ||
| 300 | </ul> | ||
| 301 | <p><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">Data Protection & Ethics</a></p> | ||
| 302 | </div> | ||
| 303 | </details> | ||
| 304 | |||
| 305 | <details class="arsn-detail"> | ||
| 306 | <summary>7 · Venues, public events, safety, accessibility & insurance</summary> | ||
| 307 | <div class="body"> | ||
| 308 | <ul> | ||
| 309 | <li>Clarify venue permission, capacity, fire/safety rules, technical approvals, noise, opening hours and accessibility.</li> | ||
| 310 | <li>In Vienna, public events can require notification or registration depending on type and audience capacity; check the Wiener Veranstaltungsgesetz and MA 36 guidance.</li> | ||
| 311 | <li>Budget security, first aid, awareness measures, waste, technical staff and accessibility where relevant.</li> | ||
| 312 | <li>If children/minors participate, check child-protection and safeguarding obligations.</li> | ||
| 313 | <li>Clarify liability, equipment, transport, exhibition, travel and event insurance.</li> | ||
| 314 | <li>For public space, construction/installation, animals, hazardous substances, lasers, drones or special technology, check additional permits early.</li> | ||
| 315 | </ul> | ||
| 316 | <p><a href="https://www.wien.gv.at/wirtschaft/oeffentliche-veranstaltung-planen-anmelden" target="_blank" rel="noopener">City of Vienna · planning public events</a></p> | ||
| 317 | </div> | ||
| 318 | </details> | ||
| 319 | |||
| 320 | <details class="arsn-detail"> | ||
| 321 | <summary>8 · Data management, documentation, Open Science & preservation</summary> | ||
| 322 | <div class="body"> | ||
| 323 | <ul> | ||
| 324 | <li>Identify all data/material types: raw, processed, documentation, code, audiovisual files, physical/digital works.</li> | ||
| 325 | <li>Define folder structure, file naming, versions/master files, storage, backup and access.</li> | ||
| 326 | <li>Plan metadata and provenance so the artistic/research process remains understandable.</li> | ||
| 327 | <li>Check whether the funder requires a Data Management Plan or open research data.</li> | ||
| 328 | <li>Separate what may be public from what must be restricted.</li> | ||
| 329 | <li>Plan identifiers, repository/deposit, file formats and preservation of technical dependencies.</li> | ||
| 330 | <li>Budget documentation and preservation work; do not leave it until the final month.</li> | ||
| 331 | </ul> | ||
| 332 | </div> | ||
| 333 | </details> | ||
| 334 | |||
| 335 | <details class="arsn-detail"> | ||
| 336 | <summary>9 · Partners, governance, procurement & conflicts of interest</summary> | ||
| 337 | <div class="body"> | ||
| 338 | <ul> | ||
| 339 | <li>Document partner roles, budget responsibility, decision-making, IP, data sharing and publication rights.</li> | ||
| 340 | <li>Use cooperation/consortium/subcontract agreements where required.</li> | ||
| 341 | <li>Clarify who can commit the institution financially or contractually.</li> | ||
| 342 | <li>Follow institutional/public procurement rules for purchases and external services.</li> | ||
| 343 | <li>Document quotations/tenders where required.</li> | ||
| 344 | <li>Identify conflicts of interest in commissioning, evaluation, procurement or partner selection.</li> | ||
| 345 | </ul> | ||
| 346 | </div> | ||
| 347 | </details> | ||
| 348 | |||
| 349 | <details class="arsn-detail"> | ||
| 350 | <summary>10 · Reporting, evidence & audit trail</summary> | ||
| 351 | <div class="body"> | ||
| 352 | <ul> | ||
| 353 | <li>Create a project cost centre/folder and evidence structure from day one.</li> | ||
| 354 | <li>Keep contracts, invoices, payment evidence, travel documentation, approvals and procurement records.</li> | ||
| 355 | <li>Track deliverables, milestones and funder communication.</li> | ||
| 356 | <li>Use correct funder acknowledgements/logos and record dissemination.</li> | ||
| 357 | <li>Request approval before material changes if the grant agreement requires it.</li> | ||
| 358 | <li>Plan final narrative/financial reporting, output deposit, data/repository work and retention of records.</li> | ||
| 359 | </ul> | ||
| 360 | </div> | ||
| 361 | </details> | ||
| 362 | </section> | ||
| 363 | |||
| 364 | <!-- APPLICATION PACK --> | ||
| 365 | <section class="arsn-section"> | ||
| 366 | <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">STEP 5 · APPLICATION PACK</div> | ||
| 367 | <h3>Prepare these documents once and adapt them to each call</h3> | ||
| 368 | <div class="arsn-grid"> | ||
| 369 | <div class="arsn-check">1-page project summary / abstract</div> | ||
| 370 | <div class="arsn-check">full concept / research or artistic project description</div> | ||
| 371 | <div class="arsn-check">research/artistic context and relevance</div> | ||
| 372 | <div class="arsn-check">methods / artistic practice / work packages</div> | ||
| 373 | <div class="arsn-check">timeline and milestones</div> | ||
| 374 | <div class="arsn-check">team roles, CVs, portfolios, key works/publications</div> | ||
| 375 | <div class="arsn-check">partner list + letters/agreements where needed</div> | ||
| 376 | <div class="arsn-check">detailed budget + financing plan + co-funding</div> | ||
| 377 | <div class="arsn-check">rights / IP / licensing plan</div> | ||
| 378 | <div class="arsn-check">data protection / ethics / consent plan</div> | ||
| 379 | <div class="arsn-check">data management / documentation / repository plan</div> | ||
| 380 | <div class="arsn-check">communication / dissemination / audience plan</div> | ||
| 381 | <div class="arsn-check">accessibility / inclusion / fair-pay considerations</div> | ||
| 382 | <div class="arsn-check">risk register + mitigation</div> | ||
| 383 | <div class="arsn-check">venue / permits / safety requirements if relevant</div> | ||
| 384 | <div class="arsn-check">sustainability / environmental considerations if requested</div> | ||
| 385 | </div> | ||
| 386 | </section> | ||
| 387 | |||
| 388 | <!-- LIVE SOURCES --> | ||
| 389 | <section class="arsn-section"> | ||
| 390 | <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">LIVE SOURCES</div> | ||
| 391 | <h3>Where to check current calls and binding conditions</h3> | ||
| 392 | <p>Use these as live entry points. Deadlines and conditions change; do not copy an old deadline from this page into your planning.</p> | ||
| 393 | |||
| 394 | <div class="arsn-grid"> | ||
| 395 | <div class="arsn-source"><strong>Angewandte Open Calls</strong><small>Internal and external opportunities surfaced by the University.</small><br><a href="https://www.dieangewandte.at/en/news/open_calls" target="_blank" rel="noopener">Open calls</a></div> | ||
| 396 | <div class="arsn-source"><strong>Support Kunst und Forschung</strong><small>Funding landscape, concept feedback, administrative/financial project design.</small><br><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" target="_blank" rel="noopener">Support Art & Research</a></div> | ||
| 397 | <div class="arsn-source"><strong>FWF</strong><small>PEEK / Arts-Based Research and other research funding.</small><br><a href="https://www.fwf.ac.at/en/funding" target="_blank" rel="noopener">FWF funding</a></div> | ||
| 398 | <div class="arsn-source"><strong>BMWKMS · Kunst & Kultur</strong><small>Federal artistic project funding, scholarships, mobility and discipline-specific calls.</small><br><a href="https://www.bmwkms.gv.at/themen/kunst-und-kultur/" target="_blank" rel="noopener">Current calls</a></div> | ||
| 399 | <div class="arsn-source"><strong>Stadt Wien Kultur · MA 7</strong><small>Vienna cultural and science/research funding by field.</small><br><a href="https://www.wien.gv.at/kultur/foerderungen" target="_blank" rel="noopener">Funding overview</a></div> | ||
| 400 | <div class="arsn-source"><strong>Creative Europe Desk Austria</strong><small>Advice on Creative Europe culture / cross-sectoral calls.</small><br><a href="https://www.creativeeurope.at/" target="_blank" rel="noopener">Creative Europe Austria</a></div> | ||
| 401 | <div class="arsn-source"><strong>Culture Moves Europe</strong><small>International mobility and residency routes for artists/cultural professionals.</small><br><a href="https://culture.ec.europa.eu/culture-moves-europe" target="_blank" rel="noopener">Culture Moves Europe</a></div> | ||
| 402 | <div class="arsn-source"><strong>FFG · Horizon Europe Cluster 2</strong><small>Culture, creativity, heritage, democracy and societal research/innovation.</small><br><a href="https://www.ffg.at/europa/heu/cluster2" target="_blank" rel="noopener">Cluster 2</a></div> | ||
| 403 | <div class="arsn-source"><strong>OeAD · Erasmus+</strong><small>Education, curriculum and institutional cooperation.</small><br><a href="https://erasmusplus.oead.at/de/hochschulbildung/kooperationen/kooperationspartnerschaften" target="_blank" rel="noopener">Cooperation Partnerships</a></div> | ||
| 404 | </div> | ||
| 405 | </section> | ||
| 406 | |||
| 407 | <!-- RED FLAGS --> | ||
| 408 | <section class="arsn-section"> | ||
| 409 | <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">STOP & CHECK</div> | ||
| 410 | <h3>Red flags before you submit or start</h3> | ||
| 411 | <div class="arsn-grid"> | ||
| 412 | <div class="arsn-warn"><strong>The project has already started.</strong><br>Many schemes do not fund completed or already-started activities/costs.</div> | ||
| 413 | <div class="arsn-warn"><strong>The applicant is wrong.</strong><br>An individual cannot use a scheme for organisations, or vice versa.</div> | ||
| 414 | <div class="arsn-warn"><strong>The call excludes your project type.</strong><br>Read exclusions, especially for university projects and arts-based research.</div> | ||
| 415 | <div class="arsn-warn"><strong>The budget is built from wishes, not eligible costs.</strong><br>Rebuild it from the funder's cost rules.</div> | ||
| 416 | <div class="arsn-warn"><strong>Rights/consent are unresolved.</strong><br>Do not promise open publication of material you may not be allowed to publish.</div> | ||
| 417 | <div class="arsn-warn"><strong>No institutional lead time.</strong><br>External deadline ≠internal deadline; get institutional approval early.</div> | ||
| 418 | </div> | ||
| 419 | </section> | ||
| 420 | |||
| 421 | <div class="arsn-info" style="margin-bottom:14px;"> | ||
| 422 | <strong>Need help finding the right call?</strong> | ||
| 423 | Bring Support Kunst und Forschung a one-paragraph project idea, expected duration, rough budget, | ||
| 424 | applicant/partners and the type of output you want to create. That is usually enough to start a useful funding-fit conversation. | ||
| 425 | </div> | ||
| 426 | |||
| 427 | <div class="arsn-info"> | ||
| 428 | <strong>Next:</strong> | ||
| 429 | Once the funding route and major constraints are clear, continue with | ||
| 430 | <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">Project Planning & Organisation</a>, | ||
| 431 | <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">Funding & Funder Requirements</a>, | ||
| 432 | and <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">Plan Your Data Management</a>. | ||
| 433 | </div> | ||
| 434 | |||
| 435 | </div> | ||
| 436 | {{/html}} | ||
| 437 | |||
| 438 | \n\n | ||
| 439 | \n\n{{html clean="false"}} | ||
| 440 | <!-- SN_HORIZONTAL_BOX_HARMONIZER_START --> | ||
| 441 | |||
| 442 | <style data-sn-horizontal-box-harmonizer="7"> | ||
| 443 | /* ---------- Typography: never justify headings ---------- */ | ||
| 444 | #xwikicontent h1, | ||
| 445 | #xwikicontent h2, | ||
| 446 | #xwikicontent h3, | ||
| 447 | #xwikicontent h4, | ||
| 448 | #xwikicontent h5, | ||
| 449 | #xwikicontent h6, | ||
| 450 | #xwikicontent .box-title, | ||
| 451 | #xwikicontent [role="heading"], | ||
| 452 | #xwikicontent h1 a, | ||
| 453 | #xwikicontent h2 a, | ||
| 454 | #xwikicontent h3 a, | ||
| 455 | #xwikicontent h4 a, | ||
| 456 | #xwikicontent h5 a, | ||
| 457 | #xwikicontent h6 a, | ||
| 458 | #xwikicontent .box-title a, | ||
| 459 | #xwikicontent [role="heading"] a{ | ||
| 460 | text-align:left!important; | ||
| 461 | text-justify:auto!important; | ||
| 462 | word-spacing:normal!important; | ||
| 463 | } | ||
| 464 | |||
| 465 | /* ---------- Native XWiki semantic callouts ---------- */ | ||
| 466 | #xwikicontent .box.infomessage, | ||
| 467 | #xwikicontent .infomessage, | ||
| 468 | #xwikicontent .box.warningmessage, | ||
| 469 | #xwikicontent .warningmessage, | ||
| 470 | #xwikicontent .box.successmessage, | ||
| 471 | #xwikicontent .successmessage, | ||
| 472 | #xwikicontent .box.errormessage, | ||
| 473 | #xwikicontent .errormessage, | ||
| 474 | #xwikicontent [data-sn-callout-harmonized="1"]{ | ||
| 475 | box-sizing:border-box!important; | ||
| 476 | border-radius:8px!important; | ||
| 477 | border-top:1px solid rgba(0,0,0,.08)!important; | ||
| 478 | border-right:1px solid rgba(0,0,0,.08)!important; | ||
| 479 | border-bottom:1px solid rgba(0,0,0,.08)!important; | ||
| 480 | border-left:4px solid var(--sn-callout-accent,#21b6d7)!important; | ||
| 481 | padding:14px 16px!important; | ||
| 482 | text-align:left!important; | ||
| 483 | text-justify:auto!important; | ||
| 484 | word-spacing:normal!important; | ||
| 485 | box-shadow:none!important; | ||
| 486 | } | ||
| 487 | |||
| 488 | #xwikicontent .box.infomessage, | ||
| 489 | #xwikicontent .infomessage{ | ||
| 490 | --sn-callout-accent:#21b6d7; | ||
| 491 | background:#eaf7fb!important; | ||
| 492 | } | ||
| 493 | |||
| 494 | #xwikicontent .box.warningmessage, | ||
| 495 | #xwikicontent .warningmessage{ | ||
| 496 | --sn-callout-accent:#f0aa00; | ||
| 497 | background:#fff8e7!important; | ||
| 498 | } | ||
| 499 | |||
| 500 | #xwikicontent .box.successmessage, | ||
| 501 | #xwikicontent .successmessage{ | ||
| 502 | --sn-callout-accent:#38b76a; | ||
| 503 | background:#edf9f1!important; | ||
| 504 | } | ||
| 505 | |||
| 506 | #xwikicontent .box.errormessage, | ||
| 507 | #xwikicontent .errormessage{ | ||
| 508 | --sn-callout-accent:#e94b13; | ||
| 509 | background:#fff1ec!important; | ||
| 510 | } | ||
| 511 | |||
| 512 | #xwikicontent [data-sn-callout-harmonized="1"] > :first-child, | ||
| 513 | #xwikicontent .infomessage > :first-child, | ||
| 514 | #xwikicontent .warningmessage > :first-child, | ||
| 515 | #xwikicontent .successmessage > :first-child, | ||
| 516 | #xwikicontent .errormessage > :first-child{ | ||
| 517 | margin-top:0!important; | ||
| 518 | } | ||
| 519 | |||
| 520 | #xwikicontent [data-sn-callout-harmonized="1"] > :last-child, | ||
| 521 | #xwikicontent .infomessage > :last-child, | ||
| 522 | #xwikicontent .warningmessage > :last-child, | ||
| 523 | #xwikicontent .successmessage > :last-child, | ||
| 524 | #xwikicontent .errormessage > :last-child{ | ||
| 525 | margin-bottom:0!important; | ||
| 526 | } | ||
| 527 | |||
| 528 | #xwikicontent [data-sn-equal-height-managed], | ||
| 529 | #xwikicontent [data-sn-first-section-aligned], | ||
| 530 | #xwikicontent [data-sn-first-content-aligned]{ | ||
| 531 | box-sizing:border-box; | ||
| 532 | } | ||
| 533 | </style> | ||
| 534 | |||
| 535 | <script data-sn-horizontal-box-harmonizer="7"> | ||
| 536 | (function(){ | ||
| 537 | "use strict"; | ||
| 538 | |||
| 539 | var MOBILE_MAX=767; | ||
| 540 | var ROW_TOLERANCE=6; | ||
| 541 | var MIN_W=150; | ||
| 542 | var MIN_H=36; | ||
| 543 | var MAX_PARENT_CHILDREN=18; | ||
| 544 | var SEARCH_DEPTH=5; | ||
| 545 | var RESIZE_DEBOUNCE=220; | ||
| 546 | var MIN_WIDTH_CHANGE=2; | ||
| 547 | |||
| 548 | var root= | ||
| 549 | document.getElementById("xwikicontent")|| | ||
| 550 | document.querySelector(".xwiki-rendering-content")|| | ||
| 551 | document.querySelector("main")|| | ||
| 552 | document.body; | ||
| 553 | |||
| 554 | if(!root)return; | ||
| 555 | |||
| 556 | var heightManaged=new Set(); | ||
| 557 | var sectionManaged=new Set(); | ||
| 558 | var contentManaged=new Set(); | ||
| 559 | |||
| 560 | var originalMinHeight=new WeakMap(); | ||
| 561 | var originalMarginTop=new WeakMap(); | ||
| 562 | |||
| 563 | var resizeTimer=0; | ||
| 564 | var lastWidth=-1; | ||
| 565 | var hasApplied=false; | ||
| 566 | var applying=false; | ||
| 567 | |||
| 568 | function num(v){ | ||
| 569 | var n=parseFloat(v); | ||
| 570 | return Number.isFinite(n)?n:0; | ||
| 571 | } | ||
| 572 | |||
| 573 | function visible(el,minW,minH){ | ||
| 574 | if(!el||el.nodeType!==1)return false; | ||
| 575 | |||
| 576 | var s=getComputedStyle(el); | ||
| 577 | |||
| 578 | if( | ||
| 579 | s.display==="none"|| | ||
| 580 | s.visibility==="hidden"|| | ||
| 581 | Number(s.opacity)===0 | ||
| 582 | ){ | ||
| 583 | return false; | ||
| 584 | } | ||
| 585 | |||
| 586 | var r=el.getBoundingClientRect(); | ||
| 587 | |||
| 588 | return ( | ||
| 589 | r.width>=(minW||1)&& | ||
| 590 | r.height>=(minH||1) | ||
| 591 | ); | ||
| 592 | } | ||
| 593 | |||
| 594 | function normalizeText(text){ | ||
| 595 | return String(text||"") | ||
| 596 | .replace(/\s+/g," ") | ||
| 597 | .trim() | ||
| 598 | .toUpperCase(); | ||
| 599 | } | ||
| 600 | |||
| 601 | function excluded(el){ | ||
| 602 | return ( | ||
| 603 | !el.matches|| | ||
| 604 | el.matches( | ||
| 605 | "button,input,select,textarea,option,label,img,svg,canvas,table,thead,tbody,tfoot,tr,td,th,summary,script,style,noscript,template,.btn,.chip,[role=button]" | ||
| 606 | ) | ||
| 607 | ); | ||
| 608 | } | ||
| 609 | |||
| 610 | /* ---------- Custom coloured callouts ---------- */ | ||
| 611 | |||
| 612 | function nativeCallout(el){ | ||
| 613 | var c= | ||
| 614 | typeof el.className==="string" | ||
| 615 | ? el.className.toLowerCase() | ||
| 616 | : ""; | ||
| 617 | |||
| 618 | return ( | ||
| 619 | /(^|\s)(infomessage|warningmessage|successmessage|errormessage)(\s|$)/.test(c) | ||
| 620 | ); | ||
| 621 | } | ||
| 622 | |||
| 623 | function customCallout(el){ | ||
| 624 | if(!visible(el,220,42)||excluded(el))return false; | ||
| 625 | |||
| 626 | var r=el.getBoundingClientRect(); | ||
| 627 | |||
| 628 | if(r.height>520)return false; | ||
| 629 | |||
| 630 | var s=getComputedStyle(el); | ||
| 631 | |||
| 632 | var bg= | ||
| 633 | s.backgroundColor&& | ||
| 634 | s.backgroundColor!=="rgba(0, 0, 0, 0)"&& | ||
| 635 | s.backgroundColor!=="transparent"&& | ||
| 636 | s.backgroundColor!=="rgb(255, 255, 255)"; | ||
| 637 | |||
| 638 | var left= | ||
| 639 | num(s.borderLeftWidth); | ||
| 640 | |||
| 641 | return ( | ||
| 642 | bg&& | ||
| 643 | left>=2 | ||
| 644 | ); | ||
| 645 | } | ||
| 646 | |||
| 647 | function harmoniseCustomCallouts(){ | ||
| 648 | Array.from( | ||
| 649 | root.querySelectorAll( | ||
| 650 | "div,aside,section" | ||
| 651 | ) | ||
| 652 | ).forEach(function(el){ | ||
| 653 | if(nativeCallout(el))return; | ||
| 654 | if(!customCallout(el))return; | ||
| 655 | |||
| 656 | var s=getComputedStyle(el); | ||
| 657 | |||
| 658 | el.setAttribute( | ||
| 659 | "data-sn-callout-harmonized", | ||
| 660 | "1" | ||
| 661 | ); | ||
| 662 | |||
| 663 | if( | ||
| 664 | s.borderLeftColor | ||
| 665 | ){ | ||
| 666 | el.style.setProperty( | ||
| 667 | "--sn-callout-accent", | ||
| 668 | s.borderLeftColor | ||
| 669 | ); | ||
| 670 | } | ||
| 671 | }); | ||
| 672 | } | ||
| 673 | |||
| 674 | /* ---------- Restore only values V7 itself changed ---------- */ | ||
| 675 | |||
| 676 | function saveOriginal(el,map,property){ | ||
| 677 | if(map.has(el))return; | ||
| 678 | |||
| 679 | map.set(el,{ | ||
| 680 | value: | ||
| 681 | el.style.getPropertyValue( | ||
| 682 | property | ||
| 683 | ), | ||
| 684 | priority: | ||
| 685 | el.style.getPropertyPriority( | ||
| 686 | property | ||
| 687 | ) | ||
| 688 | }); | ||
| 689 | } | ||
| 690 | |||
| 691 | function restoreOriginal(el,map,property){ | ||
| 692 | var original=map.get(el); | ||
| 693 | |||
| 694 | if(original&&original.value){ | ||
| 695 | el.style.setProperty( | ||
| 696 | property, | ||
| 697 | original.value, | ||
| 698 | original.priority||"" | ||
| 699 | ); | ||
| 700 | }else{ | ||
| 701 | el.style.removeProperty( | ||
| 702 | property | ||
| 703 | ); | ||
| 704 | } | ||
| 705 | } | ||
| 706 | |||
| 707 | function resetRuntime(){ | ||
| 708 | heightManaged.forEach(function(el){ | ||
| 709 | restoreOriginal( | ||
| 710 | el, | ||
| 711 | originalMinHeight, | ||
| 712 | "min-height" | ||
| 713 | ); | ||
| 714 | |||
| 715 | el.removeAttribute( | ||
| 716 | "data-sn-equal-height-managed" | ||
| 717 | ); | ||
| 718 | }); | ||
| 719 | |||
| 720 | sectionManaged.forEach(function(el){ | ||
| 721 | restoreOriginal( | ||
| 722 | el, | ||
| 723 | originalMarginTop, | ||
| 724 | "margin-top" | ||
| 725 | ); | ||
| 726 | |||
| 727 | el.removeAttribute( | ||
| 728 | "data-sn-first-section-aligned" | ||
| 729 | ); | ||
| 730 | }); | ||
| 731 | |||
| 732 | contentManaged.forEach(function(el){ | ||
| 733 | restoreOriginal( | ||
| 734 | el, | ||
| 735 | originalMarginTop, | ||
| 736 | "margin-top" | ||
| 737 | ); | ||
| 738 | |||
| 739 | el.removeAttribute( | ||
| 740 | "data-sn-first-content-aligned" | ||
| 741 | ); | ||
| 742 | }); | ||
| 743 | |||
| 744 | heightManaged.clear(); | ||
| 745 | sectionManaged.clear(); | ||
| 746 | contentManaged.clear(); | ||
| 747 | } | ||
| 748 | |||
| 749 | /* ---------- Card detection ---------- */ | ||
| 750 | |||
| 751 | function namedLikeBox(el){ | ||
| 752 | var c= | ||
| 753 | typeof el.className==="string" | ||
| 754 | ? el.className | ||
| 755 | : ""; | ||
| 756 | |||
| 757 | return /(^|[\s_-])(box|card|tile|panel|role|check|service|source|call|area|detail|resource|topic|warn|info)([\s_-]|$)/i.test(c); | ||
| 758 | } | ||
| 759 | |||
| 760 | function boxLike(el){ | ||
| 761 | if( | ||
| 762 | !visible(el,MIN_W,MIN_H)|| | ||
| 763 | excluded(el) | ||
| 764 | ){ | ||
| 765 | return false; | ||
| 766 | } | ||
| 767 | |||
| 768 | var s=getComputedStyle(el); | ||
| 769 | var r=el.getBoundingClientRect(); | ||
| 770 | |||
| 771 | var border= | ||
| 772 | num(s.borderTopWidth)+ | ||
| 773 | num(s.borderRightWidth)+ | ||
| 774 | num(s.borderBottomWidth)+ | ||
| 775 | num(s.borderLeftWidth); | ||
| 776 | |||
| 777 | var radius=Math.max( | ||
| 778 | num(s.borderTopLeftRadius), | ||
| 779 | num(s.borderTopRightRadius), | ||
| 780 | num(s.borderBottomLeftRadius), | ||
| 781 | num(s.borderBottomRightRadius) | ||
| 782 | ); | ||
| 783 | |||
| 784 | var bg= | ||
| 785 | s.backgroundColor&& | ||
| 786 | s.backgroundColor!=="rgba(0, 0, 0, 0)"&& | ||
| 787 | s.backgroundColor!=="transparent"; | ||
| 788 | |||
| 789 | var shadow= | ||
| 790 | s.boxShadow&& | ||
| 791 | s.boxShadow!=="none"; | ||
| 792 | |||
| 793 | return ( | ||
| 794 | namedLikeBox(el)|| | ||
| 795 | border>=1|| | ||
| 796 | (bg&&radius>=3)|| | ||
| 797 | (shadow&&r.width>=180) | ||
| 798 | ); | ||
| 799 | } | ||
| 800 | |||
| 801 | function pickTarget(child){ | ||
| 802 | if(!visible(child,MIN_W,MIN_H))return null; | ||
| 803 | |||
| 804 | if(boxLike(child))return child; | ||
| 805 | |||
| 806 | var cr=child.getBoundingClientRect(); | ||
| 807 | var q=[]; | ||
| 808 | |||
| 809 | Array.from(child.children||[]).forEach(function(el){ | ||
| 810 | q.push({el:el,depth:1}); | ||
| 811 | }); | ||
| 812 | |||
| 813 | var best=null; | ||
| 814 | var bestScore=-Infinity; | ||
| 815 | |||
| 816 | while(q.length){ | ||
| 817 | var item=q.shift(); | ||
| 818 | var el=item.el; | ||
| 819 | |||
| 820 | if(!visible(el,MIN_W,MIN_H))continue; | ||
| 821 | |||
| 822 | var r=el.getBoundingClientRect(); | ||
| 823 | |||
| 824 | if( | ||
| 825 | r.width>=cr.width*.68&& | ||
| 826 | boxLike(el) | ||
| 827 | ){ | ||
| 828 | var widthFit= | ||
| 829 | 1-Math.min( | ||
| 830 | 1, | ||
| 831 | Math.abs(cr.width-r.width)/ | ||
| 832 | Math.max(1,cr.width) | ||
| 833 | ); | ||
| 834 | |||
| 835 | var topFit= | ||
| 836 | 1-Math.min( | ||
| 837 | 1, | ||
| 838 | Math.abs(cr.top-r.top)/100 | ||
| 839 | ); | ||
| 840 | |||
| 841 | var score= | ||
| 842 | widthFit*6+ | ||
| 843 | topFit*3+ | ||
| 844 | Math.min(r.height,900)/450+ | ||
| 845 | Math.min(r.width*r.height,900000)/900000; | ||
| 846 | |||
| 847 | if(score>bestScore){ | ||
| 848 | best=el; | ||
| 849 | bestScore=score; | ||
| 850 | } | ||
| 851 | } | ||
| 852 | |||
| 853 | if(item.depth<SEARCH_DEPTH){ | ||
| 854 | Array.from(el.children||[]).forEach(function(next){ | ||
| 855 | q.push({ | ||
| 856 | el:next, | ||
| 857 | depth:item.depth+1 | ||
| 858 | }); | ||
| 859 | }); | ||
| 860 | } | ||
| 861 | } | ||
| 862 | |||
| 863 | return best; | ||
| 864 | } | ||
| 865 | |||
| 866 | function groupRows(entries){ | ||
| 867 | var groups=[]; | ||
| 868 | |||
| 869 | entries | ||
| 870 | .slice() | ||
| 871 | .sort(function(a,b){ | ||
| 872 | return ( | ||
| 873 | a.rect.top-b.rect.top|| | ||
| 874 | a.rect.left-b.rect.left | ||
| 875 | ); | ||
| 876 | }) | ||
| 877 | .forEach(function(entry){ | ||
| 878 | var group=null; | ||
| 879 | |||
| 880 | for(var i=0;i<groups.length;i++){ | ||
| 881 | if( | ||
| 882 | Math.abs( | ||
| 883 | groups[i].top- | ||
| 884 | entry.rect.top | ||
| 885 | )<=ROW_TOLERANCE | ||
| 886 | ){ | ||
| 887 | group=groups[i]; | ||
| 888 | break; | ||
| 889 | } | ||
| 890 | } | ||
| 891 | |||
| 892 | if(!group){ | ||
| 893 | group={ | ||
| 894 | top:entry.rect.top, | ||
| 895 | entries:[] | ||
| 896 | }; | ||
| 897 | groups.push(group); | ||
| 898 | } | ||
| 899 | |||
| 900 | group.entries.push(entry); | ||
| 901 | }); | ||
| 902 | |||
| 903 | return groups; | ||
| 904 | } | ||
| 905 | |||
| 906 | function validRow(group){ | ||
| 907 | if(group.entries.length<2)return false; | ||
| 908 | |||
| 909 | var lefts= | ||
| 910 | group.entries | ||
| 911 | .map(function(e){return e.rect.left;}) | ||
| 912 | .sort(function(a,b){return a-b;}); | ||
| 913 | |||
| 914 | if( | ||
| 915 | lefts[lefts.length-1]- | ||
| 916 | lefts[0]< | ||
| 917 | 80 | ||
| 918 | ){ | ||
| 919 | return false; | ||
| 920 | } | ||
| 921 | |||
| 922 | var widths= | ||
| 923 | group.entries | ||
| 924 | .map(function(e){return e.rect.width;}) | ||
| 925 | .filter(function(w){return w>0;}); | ||
| 926 | |||
| 927 | if(widths.length<2)return false; | ||
| 928 | |||
| 929 | var minW= | ||
| 930 | Math.min.apply(Math,widths); | ||
| 931 | |||
| 932 | var maxW= | ||
| 933 | Math.max.apply(Math,widths); | ||
| 934 | |||
| 935 | return ( | ||
| 936 | maxW/ | ||
| 937 | Math.max(1,minW)<= | ||
| 938 | 1.9 | ||
| 939 | ); | ||
| 940 | } | ||
| 941 | |||
| 942 | /* ---------- Known ARSN first section bars ---------- */ | ||
| 943 | |||
| 944 | function knownBar(el){ | ||
| 945 | var text= | ||
| 946 | normalizeText( | ||
| 947 | el.textContent | ||
| 948 | ); | ||
| 949 | |||
| 950 | return ( | ||
| 951 | text==="HIER STARTEN"|| | ||
| 952 | text==="ORGANISIEREN & DOKUMENTIEREN"|| | ||
| 953 | text==="ENTSCHEIDEN"|| | ||
| 954 | text==="START HERE"|| | ||
| 955 | text==="GET STARTED"|| | ||
| 956 | text==="ORGANISE & DOCUMENT"|| | ||
| 957 | text==="ORGANIZE & DOCUMENT"|| | ||
| 958 | text==="DECIDE" | ||
| 959 | ); | ||
| 960 | } | ||
| 961 | |||
| 962 | function findKnownBar(card){ | ||
| 963 | var cardRect= | ||
| 964 | card.getBoundingClientRect(); | ||
| 965 | |||
| 966 | var rows= | ||
| 967 | Array.from( | ||
| 968 | card.querySelectorAll( | ||
| 969 | "div,p,span,strong,h3,h4,h5,h6" | ||
| 970 | ) | ||
| 971 | ) | ||
| 972 | .filter(function(el){ | ||
| 973 | if(!visible(el,20,6))return false; | ||
| 974 | if(!knownBar(el))return false; | ||
| 975 | |||
| 976 | var r=el.getBoundingClientRect(); | ||
| 977 | |||
| 978 | var rel= | ||
| 979 | r.top- | ||
| 980 | cardRect.top; | ||
| 981 | |||
| 982 | return ( | ||
| 983 | rel>=35&& | ||
| 984 | rel<= | ||
| 985 | cardRect.height*.75 | ||
| 986 | ); | ||
| 987 | }) | ||
| 988 | .sort(function(a,b){ | ||
| 989 | return ( | ||
| 990 | a.getBoundingClientRect().top- | ||
| 991 | b.getBoundingClientRect().top | ||
| 992 | ); | ||
| 993 | }); | ||
| 994 | |||
| 995 | return rows[0]||null; | ||
| 996 | } | ||
| 997 | |||
| 998 | function alignKnownBars(cards){ | ||
| 999 | var rows= | ||
| 1000 | cards.map(function(card){ | ||
| 1001 | var bar= | ||
| 1002 | findKnownBar(card); | ||
| 1003 | |||
| 1004 | if(!bar)return null; | ||
| 1005 | |||
| 1006 | var cr= | ||
| 1007 | card.getBoundingClientRect(); | ||
| 1008 | |||
| 1009 | var br= | ||
| 1010 | bar.getBoundingClientRect(); | ||
| 1011 | |||
| 1012 | return { | ||
| 1013 | bar:bar, | ||
| 1014 | relativeTop: | ||
| 1015 | br.top- | ||
| 1016 | cr.top | ||
| 1017 | }; | ||
| 1018 | }); | ||
| 1019 | |||
| 1020 | if( | ||
| 1021 | rows.some(function(row){ | ||
| 1022 | return !row; | ||
| 1023 | }) | ||
| 1024 | ){ | ||
| 1025 | return false; | ||
| 1026 | } | ||
| 1027 | |||
| 1028 | var target= | ||
| 1029 | Math.max.apply( | ||
| 1030 | Math, | ||
| 1031 | rows.map(function(row){ | ||
| 1032 | return row.relativeTop; | ||
| 1033 | }) | ||
| 1034 | ); | ||
| 1035 | |||
| 1036 | rows.forEach(function(row){ | ||
| 1037 | var delta= | ||
| 1038 | target- | ||
| 1039 | row.relativeTop; | ||
| 1040 | |||
| 1041 | if(delta<=1)return; | ||
| 1042 | |||
| 1043 | saveOriginal( | ||
| 1044 | row.bar, | ||
| 1045 | originalMarginTop, | ||
| 1046 | "margin-top" | ||
| 1047 | ); | ||
| 1048 | |||
| 1049 | var current= | ||
| 1050 | num( | ||
| 1051 | getComputedStyle( | ||
| 1052 | row.bar | ||
| 1053 | ).marginTop | ||
| 1054 | ); | ||
| 1055 | |||
| 1056 | row.bar.style.setProperty( | ||
| 1057 | "margin-top", | ||
| 1058 | ( | ||
| 1059 | current+ | ||
| 1060 | delta | ||
| 1061 | )+"px" | ||
| 1062 | ); | ||
| 1063 | |||
| 1064 | row.bar.setAttribute( | ||
| 1065 | "data-sn-first-section-aligned", | ||
| 1066 | "7" | ||
| 1067 | ); | ||
| 1068 | |||
| 1069 | sectionManaged.add( | ||
| 1070 | row.bar | ||
| 1071 | ); | ||
| 1072 | }); | ||
| 1073 | |||
| 1074 | return true; | ||
| 1075 | } | ||
| 1076 | |||
| 1077 | /* ---------- Generic first content after heading ---------- */ | ||
| 1078 | |||
| 1079 | function heading(card){ | ||
| 1080 | var cr= | ||
| 1081 | card.getBoundingClientRect(); | ||
| 1082 | |||
| 1083 | var rows= | ||
| 1084 | Array.from( | ||
| 1085 | card.querySelectorAll( | ||
| 1086 | "h1,h2,h3,h4,h5,h6,.box-title,[role=heading]" | ||
| 1087 | ) | ||
| 1088 | ) | ||
| 1089 | .filter(function(el){ | ||
| 1090 | if(!visible(el,20,8))return false; | ||
| 1091 | |||
| 1092 | var r=el.getBoundingClientRect(); | ||
| 1093 | |||
| 1094 | var rel= | ||
| 1095 | r.top- | ||
| 1096 | cr.top; | ||
| 1097 | |||
| 1098 | return ( | ||
| 1099 | rel>=0&& | ||
| 1100 | rel<= | ||
| 1101 | Math.min( | ||
| 1102 | 160, | ||
| 1103 | cr.height*.45 | ||
| 1104 | ) | ||
| 1105 | ); | ||
| 1106 | }) | ||
| 1107 | .sort(function(a,b){ | ||
| 1108 | return ( | ||
| 1109 | a.getBoundingClientRect().top- | ||
| 1110 | b.getBoundingClientRect().top | ||
| 1111 | ); | ||
| 1112 | }); | ||
| 1113 | |||
| 1114 | return rows[0]||null; | ||
| 1115 | } | ||
| 1116 | |||
| 1117 | function firstContent(card,h){ | ||
| 1118 | if(!h)return null; | ||
| 1119 | |||
| 1120 | var cr= | ||
| 1121 | card.getBoundingClientRect(); | ||
| 1122 | |||
| 1123 | var hr= | ||
| 1124 | h.getBoundingClientRect(); | ||
| 1125 | |||
| 1126 | var rows= | ||
| 1127 | Array.from( | ||
| 1128 | card.querySelectorAll( | ||
| 1129 | "p,div,ul,ol,dl,blockquote" | ||
| 1130 | ) | ||
| 1131 | ) | ||
| 1132 | .filter(function(el){ | ||
| 1133 | if( | ||
| 1134 | el===h|| | ||
| 1135 | h.contains(el)|| | ||
| 1136 | el.contains(h) | ||
| 1137 | ){ | ||
| 1138 | return false; | ||
| 1139 | } | ||
| 1140 | |||
| 1141 | if(!visible(el,30,8))return false; | ||
| 1142 | |||
| 1143 | var text= | ||
| 1144 | String(el.textContent||"") | ||
| 1145 | .replace(/\s+/g," ") | ||
| 1146 | .trim(); | ||
| 1147 | |||
| 1148 | if(text.length<3)return false; | ||
| 1149 | |||
| 1150 | var r=el.getBoundingClientRect(); | ||
| 1151 | |||
| 1152 | if( | ||
| 1153 | r.top< | ||
| 1154 | hr.bottom-1 | ||
| 1155 | ){ | ||
| 1156 | return false; | ||
| 1157 | } | ||
| 1158 | |||
| 1159 | if( | ||
| 1160 | r.top-cr.top> | ||
| 1161 | Math.min( | ||
| 1162 | 280, | ||
| 1163 | cr.height*.65 | ||
| 1164 | ) | ||
| 1165 | ){ | ||
| 1166 | return false; | ||
| 1167 | } | ||
| 1168 | |||
| 1169 | if( | ||
| 1170 | r.height> | ||
| 1171 | cr.height*.58 | ||
| 1172 | ){ | ||
| 1173 | return false; | ||
| 1174 | } | ||
| 1175 | |||
| 1176 | return true; | ||
| 1177 | }) | ||
| 1178 | .sort(function(a,b){ | ||
| 1179 | var ar= | ||
| 1180 | a.getBoundingClientRect(); | ||
| 1181 | |||
| 1182 | var br= | ||
| 1183 | b.getBoundingClientRect(); | ||
| 1184 | |||
| 1185 | return ( | ||
| 1186 | ar.top-br.top|| | ||
| 1187 | ar.height-br.height | ||
| 1188 | ); | ||
| 1189 | }); | ||
| 1190 | |||
| 1191 | return rows[0]||null; | ||
| 1192 | } | ||
| 1193 | |||
| 1194 | function alignGeneric(cards){ | ||
| 1195 | var rows= | ||
| 1196 | cards.map(function(card){ | ||
| 1197 | var h= | ||
| 1198 | heading(card); | ||
| 1199 | |||
| 1200 | var c= | ||
| 1201 | firstContent( | ||
| 1202 | card, | ||
| 1203 | h | ||
| 1204 | ); | ||
| 1205 | |||
| 1206 | if(!h||!c)return null; | ||
| 1207 | |||
| 1208 | var cr= | ||
| 1209 | card.getBoundingClientRect(); | ||
| 1210 | |||
| 1211 | var rr= | ||
| 1212 | c.getBoundingClientRect(); | ||
| 1213 | |||
| 1214 | return { | ||
| 1215 | content:c, | ||
| 1216 | relativeTop: | ||
| 1217 | rr.top-cr.top | ||
| 1218 | }; | ||
| 1219 | }); | ||
| 1220 | |||
| 1221 | if( | ||
| 1222 | rows.some(function(row){ | ||
| 1223 | return !row; | ||
| 1224 | }) | ||
| 1225 | ){ | ||
| 1226 | return false; | ||
| 1227 | } | ||
| 1228 | |||
| 1229 | var target= | ||
| 1230 | Math.max.apply( | ||
| 1231 | Math, | ||
| 1232 | rows.map(function(row){ | ||
| 1233 | return row.relativeTop; | ||
| 1234 | }) | ||
| 1235 | ); | ||
| 1236 | |||
| 1237 | rows.forEach(function(row){ | ||
| 1238 | var delta= | ||
| 1239 | target- | ||
| 1240 | row.relativeTop; | ||
| 1241 | |||
| 1242 | if(delta<=1)return; | ||
| 1243 | |||
| 1244 | saveOriginal( | ||
| 1245 | row.content, | ||
| 1246 | originalMarginTop, | ||
| 1247 | "margin-top" | ||
| 1248 | ); | ||
| 1249 | |||
| 1250 | var current= | ||
| 1251 | num( | ||
| 1252 | getComputedStyle( | ||
| 1253 | row.content | ||
| 1254 | ).marginTop | ||
| 1255 | ); | ||
| 1256 | |||
| 1257 | row.content.style.setProperty( | ||
| 1258 | "margin-top", | ||
| 1259 | ( | ||
| 1260 | current+ | ||
| 1261 | delta | ||
| 1262 | )+"px" | ||
| 1263 | ); | ||
| 1264 | |||
| 1265 | row.content.setAttribute( | ||
| 1266 | "data-sn-first-content-aligned", | ||
| 1267 | "7" | ||
| 1268 | ); | ||
| 1269 | |||
| 1270 | contentManaged.add( | ||
| 1271 | row.content | ||
| 1272 | ); | ||
| 1273 | }); | ||
| 1274 | |||
| 1275 | return true; | ||
| 1276 | } | ||
| 1277 | |||
| 1278 | function applyRow(group){ | ||
| 1279 | if(!validRow(group))return false; | ||
| 1280 | |||
| 1281 | var cards=[]; | ||
| 1282 | var seen=new Set(); | ||
| 1283 | |||
| 1284 | group.entries.forEach(function(entry){ | ||
| 1285 | if(!seen.has(entry.target)){ | ||
| 1286 | seen.add(entry.target); | ||
| 1287 | cards.push(entry.target); | ||
| 1288 | } | ||
| 1289 | }); | ||
| 1290 | |||
| 1291 | if(cards.length<2)return false; | ||
| 1292 | |||
| 1293 | if( | ||
| 1294 | !alignKnownBars(cards) | ||
| 1295 | ){ | ||
| 1296 | alignGeneric(cards); | ||
| 1297 | } | ||
| 1298 | |||
| 1299 | var maxHeight=0; | ||
| 1300 | |||
| 1301 | cards.forEach(function(card){ | ||
| 1302 | maxHeight= | ||
| 1303 | Math.max( | ||
| 1304 | maxHeight, | ||
| 1305 | card.getBoundingClientRect().height | ||
| 1306 | ); | ||
| 1307 | }); | ||
| 1308 | |||
| 1309 | maxHeight= | ||
| 1310 | Math.ceil( | ||
| 1311 | maxHeight | ||
| 1312 | ); | ||
| 1313 | |||
| 1314 | if(maxHeight<MIN_H)return false; | ||
| 1315 | |||
| 1316 | cards.forEach(function(card){ | ||
| 1317 | saveOriginal( | ||
| 1318 | card, | ||
| 1319 | originalMinHeight, | ||
| 1320 | "min-height" | ||
| 1321 | ); | ||
| 1322 | |||
| 1323 | card.style.setProperty( | ||
| 1324 | "min-height", | ||
| 1325 | maxHeight+"px" | ||
| 1326 | ); | ||
| 1327 | |||
| 1328 | card.setAttribute( | ||
| 1329 | "data-sn-equal-height-managed", | ||
| 1330 | "7" | ||
| 1331 | ); | ||
| 1332 | |||
| 1333 | heightManaged.add(card); | ||
| 1334 | }); | ||
| 1335 | |||
| 1336 | return true; | ||
| 1337 | } | ||
| 1338 | |||
| 1339 | function calculate(force){ | ||
| 1340 | if(applying)return; | ||
| 1341 | |||
| 1342 | var width= | ||
| 1343 | Math.round( | ||
| 1344 | window.innerWidth | ||
| 1345 | ); | ||
| 1346 | |||
| 1347 | var meaningful= | ||
| 1348 | lastWidth<0|| | ||
| 1349 | Math.abs( | ||
| 1350 | width- | ||
| 1351 | lastWidth | ||
| 1352 | )>= | ||
| 1353 | MIN_WIDTH_CHANGE; | ||
| 1354 | |||
| 1355 | if( | ||
| 1356 | hasApplied&& | ||
| 1357 | !force&& | ||
| 1358 | !meaningful | ||
| 1359 | ){ | ||
| 1360 | return; | ||
| 1361 | } | ||
| 1362 | |||
| 1363 | applying=true; | ||
| 1364 | |||
| 1365 | try{ | ||
| 1366 | harmoniseCustomCallouts(); | ||
| 1367 | |||
| 1368 | if(width<=MOBILE_MAX){ | ||
| 1369 | if(hasApplied){ | ||
| 1370 | resetRuntime(); | ||
| 1371 | } | ||
| 1372 | |||
| 1373 | hasApplied=false; | ||
| 1374 | lastWidth=width; | ||
| 1375 | return; | ||
| 1376 | } | ||
| 1377 | |||
| 1378 | if(hasApplied){ | ||
| 1379 | resetRuntime(); | ||
| 1380 | } | ||
| 1381 | |||
| 1382 | var parents= | ||
| 1383 | Array.from( | ||
| 1384 | root.querySelectorAll("*") | ||
| 1385 | ) | ||
| 1386 | .filter(function(parent){ | ||
| 1387 | return ( | ||
| 1388 | visible( | ||
| 1389 | parent, | ||
| 1390 | MIN_W, | ||
| 1391 | MIN_H | ||
| 1392 | )&& | ||
| 1393 | parent.children&& | ||
| 1394 | parent.children.length>=2&& | ||
| 1395 | parent.children.length<= | ||
| 1396 | MAX_PARENT_CHILDREN | ||
| 1397 | ); | ||
| 1398 | }); | ||
| 1399 | |||
| 1400 | var touched= | ||
| 1401 | new Set(); | ||
| 1402 | |||
| 1403 | parents.forEach(function(parent){ | ||
| 1404 | var entries=[]; | ||
| 1405 | |||
| 1406 | Array.from( | ||
| 1407 | parent.children | ||
| 1408 | ).forEach(function(child){ | ||
| 1409 | if( | ||
| 1410 | !visible( | ||
| 1411 | child, | ||
| 1412 | MIN_W, | ||
| 1413 | MIN_H | ||
| 1414 | ) | ||
| 1415 | ){ | ||
| 1416 | return; | ||
| 1417 | } | ||
| 1418 | |||
| 1419 | var target= | ||
| 1420 | pickTarget(child); | ||
| 1421 | |||
| 1422 | if(!target)return; | ||
| 1423 | |||
| 1424 | entries.push({ | ||
| 1425 | target:target, | ||
| 1426 | rect: | ||
| 1427 | target.getBoundingClientRect() | ||
| 1428 | }); | ||
| 1429 | }); | ||
| 1430 | |||
| 1431 | groupRows( | ||
| 1432 | entries | ||
| 1433 | ).forEach(function(group){ | ||
| 1434 | if(!validRow(group))return; | ||
| 1435 | |||
| 1436 | var targets= | ||
| 1437 | group.entries.map(function(entry){ | ||
| 1438 | return entry.target; | ||
| 1439 | }); | ||
| 1440 | |||
| 1441 | if( | ||
| 1442 | !targets.some(function(el){ | ||
| 1443 | return !touched.has(el); | ||
| 1444 | }) | ||
| 1445 | ){ | ||
| 1446 | return; | ||
| 1447 | } | ||
| 1448 | |||
| 1449 | if(applyRow(group)){ | ||
| 1450 | targets.forEach(function(el){ | ||
| 1451 | touched.add(el); | ||
| 1452 | }); | ||
| 1453 | } | ||
| 1454 | }); | ||
| 1455 | }); | ||
| 1456 | |||
| 1457 | lastWidth=width; | ||
| 1458 | hasApplied=true; | ||
| 1459 | }finally{ | ||
| 1460 | applying=false; | ||
| 1461 | } | ||
| 1462 | } | ||
| 1463 | |||
| 1464 | function resize(){ | ||
| 1465 | if(resizeTimer){ | ||
| 1466 | clearTimeout( | ||
| 1467 | resizeTimer | ||
| 1468 | ); | ||
| 1469 | } | ||
| 1470 | |||
| 1471 | resizeTimer= | ||
| 1472 | setTimeout( | ||
| 1473 | function(){ | ||
| 1474 | resizeTimer=0; | ||
| 1475 | calculate(false); | ||
| 1476 | }, | ||
| 1477 | RESIZE_DEBOUNCE | ||
| 1478 | ); | ||
| 1479 | } | ||
| 1480 | |||
| 1481 | function waitImages(){ | ||
| 1482 | var images= | ||
| 1483 | Array.from( | ||
| 1484 | root.querySelectorAll("img") | ||
| 1485 | ); | ||
| 1486 | |||
| 1487 | return Promise.all( | ||
| 1488 | images.map(function(img){ | ||
| 1489 | if(img.complete){ | ||
| 1490 | return Promise.resolve(); | ||
| 1491 | } | ||
| 1492 | |||
| 1493 | return new Promise(function(resolve){ | ||
| 1494 | var done=function(){ | ||
| 1495 | resolve(); | ||
| 1496 | }; | ||
| 1497 | |||
| 1498 | img.addEventListener( | ||
| 1499 | "load", | ||
| 1500 | done, | ||
| 1501 | {once:true} | ||
| 1502 | ); | ||
| 1503 | |||
| 1504 | img.addEventListener( | ||
| 1505 | "error", | ||
| 1506 | done, | ||
| 1507 | {once:true} | ||
| 1508 | ); | ||
| 1509 | }); | ||
| 1510 | }) | ||
| 1511 | ); | ||
| 1512 | } | ||
| 1513 | |||
| 1514 | async function initial(){ | ||
| 1515 | if( | ||
| 1516 | document.readyState!== | ||
| 1517 | "complete" | ||
| 1518 | ){ | ||
| 1519 | await new Promise(function(resolve){ | ||
| 1520 | addEventListener( | ||
| 1521 | "load", | ||
| 1522 | resolve, | ||
| 1523 | {once:true} | ||
| 1524 | ); | ||
| 1525 | }); | ||
| 1526 | } | ||
| 1527 | |||
| 1528 | if( | ||
| 1529 | document.fonts&& | ||
| 1530 | document.fonts.ready | ||
| 1531 | ){ | ||
| 1532 | try{ | ||
| 1533 | await document.fonts.ready; | ||
| 1534 | }catch(error){} | ||
| 1535 | } | ||
| 1536 | |||
| 1537 | await waitImages(); | ||
| 1538 | |||
| 1539 | // Exactly one initial layout calculation. | ||
| 1540 | calculate(true); | ||
| 1541 | } | ||
| 1542 | |||
| 1543 | addEventListener( | ||
| 1544 | "resize", | ||
| 1545 | resize, | ||
| 1546 | {passive:true} | ||
| 1547 | ); | ||
| 1548 | |||
| 1549 | initial(); | ||
| 1550 | })(); | ||
| 1551 | </script> | ||
| 1552 | |||
| 1553 | <!-- SN_HORIZONTAL_BOX_HARMONIZER_END --> | ||
| 1554 | {{/html}}\n |