Identify Your Data & Research Outputs

1

2

<style>

3

.ido{max-width:1400px;margin:0 auto;color:#322f2b}.ido *{box-sizing:border-box}

4

.ido-card{border:1px solid #e3ded6;border-radius:11px;background:#fcfbf8;box-shadow:0 1px 3px rgba(0,0,0,.035)}

5

.ido-eye{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}

6

.ido-hero{height:125px;overflow:hidden;background:#f1eee9}.ido-hero img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}

7

.ido-sec{margin:0 0 30px}.ido-sec h3{font-size:22px;margin:0 0 7px;color:#35312d}.ido-sec>p{color:#6a655e;line-height:1.58;max-width:1180px}

8

.ido-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}

9

.ido-type{padding:15px 16px;border:1px solid #e3ded6;border-radius:9px;background:#fcfbf8}.ido-type h4{font-size:17px;margin:0 0 6px;color:#35312d}.ido-type p{margin:0;color:#625d56;line-height:1.5}.ido-type ul{margin:8px 0 0 19px;padding:0;color:#625d56;line-height:1.5}

10

.ido-check{position:relative;padding:12px 13px 12px 37px;border:1px solid #e3ded6;border-radius:8px;background:#fffdf9;color:#504a44;line-height:1.5}.ido-check:before{content:"✓";position:absolute;left:13px;top:10px;color:#e94b13;font-weight:800}

11

.ido-info{padding:15px 17px;border:1px solid #c7e5ed;border-left:5px solid #21b6d7;background:#eaf6f9;border-radius:8px;color:#365e68;line-height:1.55}.ido-info strong{color:#2d5661}

12

.ido-warn{padding:15px 17px;border:1px solid #efd9cc;border-left:5px solid #e94b13;background:#fff6f1;border-radius:8px;color:#67564e;line-height:1.55}.ido-warn strong{color:#744531}

13

.ido-rights{padding:15px 17px;border:1px solid #efdca7;border-left:5px solid #f0aa00;background:#fff9e9;border-radius:8px;color:#665a38;line-height:1.55}.ido-rights strong{color:#6d571c}

14

.ido-store{padding:15px 17px;border:1px solid #cfe8d8;border-left:5px solid #38b76a;background:#eff9f2;border-radius:8px;color:#45614e;line-height:1.55}.ido-store strong{color:#35543f}

15

.ido-tablewrap{overflow-x:auto;border-radius:9px}.ido-tbl{width:100%;border-collapse:collapse;background:#fffdf9;min-width:820px}.ido-tbl th,.ido-tbl td{border:1px solid #e3ded6;padding:10px 11px;vertical-align:top;text-align:left;line-height:1.45}.ido-tbl th{background:#f3efe8;color:#403b36}.ido-tbl td{color:#56504a}

16

.ido-step{padding:15px 16px;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;background:#fcfbf8}.ido-step .n{font-size:12px;font-weight:800;color:#8a4d36;letter-spacing:.06em}.ido-step h4{font-size:17px;margin:3px 0 6px;color:#35312d}.ido-step p{margin:0;color:#625d56;line-height:1.5}

17

.ido-example{padding:15px 16px;border:1px solid #e3ded6;border-radius:9px;background:#fcfbf8}.ido-example h4{font-size:17px;margin:0 0 6px;color:#35312d}.ido-example p{margin:0;color:#625d56;line-height:1.5}

18

.ido-linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.ido-navlink{display:block;padding:10px 11px;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:6px;background:#fffdf9;color:#252321;text-decoration:none;font-weight:600;line-height:1.35}.ido-navlink:hover,.ido-navlink:focus{background:#fff7f1;text-decoration:none}

19

.ido-service{display:block;padding:14px 15px;border:1px solid #e3ded6;border-radius:9px;background:#fcfbf8;color:#322f2b;text-decoration:none}.ido-service:hover,.ido-service:focus{background:#fffdf9;text-decoration:none}.ido-service strong{display:block;margin-bottom:4px}.ido-service span{display:block;color:#625d56;line-height:1.45;font-weight:400}

20

.ido-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;text-decoration:none}

21

@media(max-width:680px){.ido-hero{height:105px}.ido-sec h3{font-size:20px}}

</style>

<div class="ido-eye" style="color:#8a4d36;margin-bottom:5px">ENABLE · IDENTIFY DATA & RESEARCH OUTPUTS</div>

30

<h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926">Know what your project creates, collects, reuses and needs to keep</h2>

31

<p style="margin:0;color:#5e5953;line-height:1.6;max-width:1160px">Before you can plan storage, rights, data protection, documentation, publication or preservation, you need a realistic inventory of the materials and outputs your project will work with. In artistic research this often includes much more than conventional “research data”: source material, physical objects, sketches, recordings, software, process documentation, performances, installations and the records that make them understandable later.</p>

</div>

</section>

<div class="ido-info" style="margin-bottom:16px"><strong>Start with types, not individual files.</strong> You do not need to list every photograph or document now. Identify the categories your project will create, collect or reuse, then record how each category needs to be handled.</div>

36

37

<div class="ido-rights" style="margin-bottom:28px"><strong>Do not force everything into the label “data”.</strong> Different disciplines and funders use the term differently. For planning purposes, inventory <strong>data, materials, documentation and research/artistic outputs</strong> together, then distinguish what each item actually is and what rules apply to it.</div>

38

39

40

<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">STEP 1 · MAP THE MATERIAL LANDSCAPE</div>

41

<h3>Identify five kinds of project material</h3>

42

<p>A single item can belong to more than one category. The purpose is not perfect classification; it is to make sure nothing important disappears from your planning.</p>

<h4>1 · Inputs & reused source material</h4>

47

<p>Material that already exists before your project uses it.</p>

48

<ul>

49

<li>texts, images, films, music, archives and collections</li>

50

<li>existing datasets, databases and corpora</li>

51

<li>third-party code, software, models or templates</li>

52

<li>found material, objects, samples or reference works</li>

</ul>

</div>

<h4>2 · Data or evidence created / collected</h4>

58

<p>Recorded material produced through your research or artistic process.</p>

59

<ul>

60

<li>interviews, surveys, observations and field notes</li>

61

<li>audio, video, photographs and scans</li>

62

<li>measurements, sensor logs and experimental records</li>

63

<li>annotations, transcripts, structured datasets or databases</li>

</ul>

</div>

<h4>3 · Process & project documentation</h4>

69

<p>Records that explain how the work developed and how decisions were made.</p>

70

<ul>

71

<li>sketches, notebooks, rehearsal records and drafts</li>

72

<li>production files, technical plans and installation instructions</li>

73

<li>decision logs, version histories and provenance records</li>

74

<li>documentation of methods, workflows and transformations</li>

</ul>

</div>

<h4>4 · Research & artistic outputs</h4>

80

<p>What the project intends to deliver, publish, present or make available.</p>

81

<ul>

82

<li>artworks, performances, exhibitions and installations</li>

83

<li>publications, articles, books, catalogues and theses</li>

84

<li>films, audio works, scores, designs and prototypes</li>

85

<li>datasets, software, code, models, websites or teaching resources</li>

</ul>

</div>

<h4>5 · Administrative & evidential records</h4>

91

<p>Records that may not be research outputs but are still needed for accountability or project closure.</p>

92

<ul>

93

<li>agreements, consent records and permissions</li>

94

<li>funder deliverables and reporting evidence</li>

95

<li>procurement, equipment or partner documentation</li>

96

<li>records of approvals, responsibilities and handover</li>

</ul>

</div>

</div>

</section>

<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">STEP 2 · BUILD A WORKING INVENTORY</div>

105

<h3>Record one row for each material or output type</h3>

106

<p>Your inventory is the bridge between the project idea and the practical decisions that follow. It should be specific enough to reveal risks, dependencies and responsibilities, but simple enough to maintain.</p>

<thead>

<tr><th>Inventory field</th><th>Record</th><th>Why it matters</th></tr>

112

</thead>

113

<tbody>

114

<tr><td><strong>Type / name</strong></td><td>A recognisable category such as “interview recordings”, “installation CAD files” or “final exhibition documentation”.</td><td>Creates a shared vocabulary for the team.</td></tr>

115

<tr><td><strong>Origin</strong></td><td>Created, collected, commissioned, received from a partner, or reused from a third party.</td><td>Origin affects rights, provenance and responsibilities.</td></tr>

116

<tr><td><strong>Format / material</strong></td><td>File formats, software dependencies, physical material, analogue carrier or specialist equipment needed.</td><td>Reveals technical and preservation dependencies.</td></tr>

117

<tr><td><strong>Scale</strong></td><td>Approximate quantity, duration, file size, number of objects or expected growth.</td><td>Helps plan storage, transfer, backup and costs.</td></tr>

118

<tr><td><strong>People & sensitivity</strong></td><td>Whether it contains personal, confidential, culturally sensitive, restricted or otherwise sensitive material.</td><td>Determines access and protection requirements.</td></tr>

119

<tr><td><strong>Rights / permissions</strong></td><td>Who owns it, what licence applies, what permissions or consent exist, and what is still unresolved.</td><td>Determines what can be reused, published or shared.</td></tr>

120

<tr><td><strong>Working location</strong></td><td>Where the active copy is stored or the physical item is kept.</td><td>Makes responsibility and risk visible.</td></tr>

121

<tr><td><strong>Master / authoritative version</strong></td><td>Which file, object or record is the master and how it is distinguished from working or derivative copies.</td><td>Prevents ambiguity at handover and publication.</td></tr>

122

<tr><td><strong>Metadata / provenance</strong></td><td>What information is needed to understand source, creator, date, context, method, version and relationships.</td><td>Makes the material interpretable and reusable later.</td></tr>

123

<tr><td><strong>Lifecycle decision</strong></td><td>Keep, discard, restrict, share, publish, deposit, archive or preserve — and who decides.</td><td>Connects current work to project closure and long-term access.</td></tr>

</tbody>

</table>

</div>

<div class="ido-info" style="margin-top:14px"><strong>Useful minimum:</strong> if you can answer <em>what it is, where it came from, who is responsible, where the master is, whether it is sensitive, what rights apply and what should happen to it at project end</em>, you already have a strong first inventory.</div>

</section>

<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">STEP 3 · MAKE ARTISTIC PROCESSES VISIBLE</div>

133

<h3>Identify the documentation that will make the work understandable later</h3>

134

<p>For performative, spatial, process-based, participatory or otherwise ephemeral work, the work itself and its documentation are not the same thing. Decide deliberately what needs to be captured and what status that documentation has.</p>

<h4>Performance / live work</h4>

139

<p>Possible records include score or script, rehearsal material, technical rider, stage or spatial plan, photographs, audio/video documentation, performer credits, audience/participant permissions and a description of the realised event.</p>

140

</div>

141

142

<h4>Installation / exhibition</h4>

143

<p>Possible records include concept material, plans, CAD/3D files, component lists, media masters, installation instructions, equipment dependencies, views of the installed work, labels/credits and de-installation or re-installation information.</p>

144

</div>

145

146

<h4>Design / architecture / making</h4>

147

<p>Possible records include research sources, drawings, models, prototypes, material tests, fabrication files, technical specifications, photographs, iterations, decisions and final presentation files.</p>

148

</div>

149

150

<h4>Participatory / interview-based work</h4>

151

<p>Possible records include recruitment or participant information, consent/permissions, recordings, transcripts, participant-created material, field notes, coding/analysis, access restrictions and public-facing outputs.</p>

152

</div>

153

154

<h4>Digital / computational work</h4>

155

<p>Possible records include source code, dependencies, configuration, datasets, training or processing inputs, documentation, build/export files, version information, licences and the environment needed to reproduce or understand the work.</p>

156

</div>

157

158

<h4>Publication / film / audio</h4>

159

<p>Possible records include research material, source assets, edit/project files, rights documentation, captions/subtitles, credits, high-resolution or preservation masters, distribution derivatives and publication metadata.</p>

</div>

</div>

</section>

<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">STEP 4 · DISTINGUISH WHAT MUST NOT BE MIXED</div>

166

<h3>These distinctions prevent problems later</h3>

167

168

<div class="ido-rights"><strong>Created vs. reused.</strong><br>Material you create and third-party material may have very different rights and licence conditions.</div>

169

<div class="ido-info"><strong>Working file vs. master.</strong><br>A convenient editing copy is not automatically the authoritative or preservation-quality version.</div>

170

<div class="ido-info"><strong>Documentation vs. artwork/output.</strong><br>A photograph of a performance may document the work without being the work itself. Record the relationship explicitly.</div>

171

<div class="ido-warn"><strong>Public vs. restricted.</strong><br>A project may publish some outputs while keeping personal, confidential, embargoed or rights-restricted source material closed.</div>

172

<div class="ido-store"><strong>Storage vs. preservation.</strong><br>A file being stored today does not mean it can still be opened, understood or trusted years later.</div>

173

<div class="ido-rights"><strong>Retention vs. sharing.</strong><br>You may need to retain material for accountability while having no permission or reason to make it public.</div>

</div>

</section>

<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">STEP 5 · RUN THE PROJECT INVENTORY</div>

179

<h3>A practical sequence for the team</h3>

180

181

<div class="ido-step"><div class="n">01</div><h4>List expected types</h4><p>Start from the proposal, work packages, methods, artistic process, deliverables and public outputs.</p></div>

182

<div class="ido-step"><div class="n">02</div><h4>Add reused material</h4><p>Include archives, existing datasets, third-party images/media, code, partner material and other inputs.</p></div>

183

<div class="ido-step"><div class="n">03</div><h4>Mark sensitive categories</h4><p>Identify personal, confidential, restricted, culturally sensitive or otherwise protected material early.</p></div>

184

<div class="ido-step"><div class="n">04</div><h4>Identify masters</h4><p>Decide which files or objects will be authoritative and how versions/derivatives will be distinguished.</p></div>

185

<div class="ido-step"><div class="n">05</div><h4>Record rights & permissions</h4><p>Note ownership, licences, consent, partner terms and unresolved rights before dissemination is planned.</p></div>

186

<div class="ido-step"><div class="n">06</div><h4>Estimate scale & dependencies</h4><p>Flag large volumes, specialist formats, software, hardware, equipment, physical storage and transfer needs.</p></div>

187

<div class="ido-step"><div class="n">07</div><h4>Connect to storage & DMP</h4><p>Use the inventory to assign working locations, access rules, backup, documentation and lifecycle actions.</p></div>

188

<div class="ido-step"><div class="n">08</div><h4>Review at milestones</h4><p>Update the inventory when methods, partners, outputs, formats, rights, people or publication plans change.</p></div>

</div>

</section>

<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">KEY QUESTIONS</div>

194

<h3>Questions every project should be able to answer</h3>

195

196

<div class="ido-check">What existing material will we reuse, and under what conditions?</div>

197

<div class="ido-check">What new data, records, objects or documentation will we create or collect?</div>

198

<div class="ido-check">Which outputs are contractual/funder deliverables and which are additional project outputs?</div>

199

<div class="ido-check">What is digital, analogue, physical, spatial or dependent on specialist software/equipment?</div>

200

<div class="ido-check">Which material contains personal, confidential, restricted or sensitive information?</div>

201

<div class="ido-check">Who owns or controls each type, and what permissions/licences are needed?</div>

202

<div class="ido-check">Which version will be the master or authoritative record?</div>

203

<div class="ido-check">What metadata or contextual information is needed to understand the material later?</div>

204

<div class="ido-check">What should be shared, restricted, retained, discarded, deposited or preserved at project end?</div>

205

<div class="ido-check">Who is responsible for each decision and for the final handover?</div>

</div>

</section>

<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">STOP & CHECK</div>

211

<h3>Common inventory gaps</h3>

212

213

<div class="ido-warn"><strong>Only final deliverables are listed.</strong><br>Source material, process documentation and research evidence are missing from the plan.</div>

214

<div class="ido-warn"><strong>“Everything is in the cloud.”</strong><br>No one has identified the actual service, owner, access model, backup or master copy.</div>

215

<div class="ido-warn"><strong>Ephemeral work has no documentation strategy.</strong><br>The project may finish without enough information to understand, present or preserve what happened.</div>

216

<div class="ido-warn"><strong>Third-party material has no provenance.</strong><br>Source, creator, licence or permission cannot be reconstructed later.</div>

217

<div class="ido-warn"><strong>Personal or confidential material is mixed with publication files.</strong><br>Access decisions become difficult and accidental disclosure becomes more likely.</div>

218

<div class="ido-warn"><strong>The master is unclear.</strong><br>Several exports or copies exist but no authoritative version has been designated.</div>

219

<div class="ido-warn"><strong>Physical objects are absent from the data plan.</strong><br>Location, ownership, condition, documentation or handover responsibilities have not been recorded.</div>

220

<div class="ido-warn"><strong>Specialist formats are treated as self-explanatory.</strong><br>Software, hardware, plugins or context needed to reopen the work are not documented.</div>

</div>

</section>

<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">SERVICES & TOOLS</div>

226

<h3>Use the inventory to involve the right support</h3>

227

228

<a class="ido-service" href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" target="_blank" rel="noopener"><strong>Support Kunst und Forschung ↗</strong><span>Use for project/funder requirements, deliverables, proposal planning and project coordination.</span></a>

229

<a class="ido-service" href="https://www.dieangewandte.at/universitaetsbibliothek" target="_blank" rel="noopener"><strong>University Library ↗</strong><span>Use for research/discovery support and questions around publication, repository and information resources.</span></a>

230

<a class="ido-service" href="https://phaidra.bibliothek.uni-ak.ac.at/" target="_blank" rel="noopener"><strong>Angewandte Repository ↗</strong><span>Explore the institutional repository route for digital research and artistic outputs that are suitable for deposit.</span></a>

231

<a class="ido-service" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/"><strong>Plan Your Data Management</strong><span>Turn the inventory into decisions about storage, access, backup, documentation, sharing and preservation.</span></a>

232

<a class="ido-service" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/"><strong>Data Protection & Ethics</strong><span>Use when people, personal data, consent, participants or ethical questions are involved.</span></a>

233

<a class="ido-service" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Copyright%2C%20Rights%20%26%20Licences/"><strong>Copyright, Rights & Licences</strong><span>Clarify ownership, third-party material, permissions, licences and reuse conditions.</span></a>

</div>

</section>

<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">NEXT · TURN THE INVENTORY INTO A PLAN</div>

239

<h3>Related Service Navigator topics</h3>

240

241

<a class="ido-navlink" 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>

242

<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/">File Organisation & Naming</a>

243

<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Storage%2C%20Backup%20%26%20Security/">Storage, Backup & Security</a>

244

<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Infrastructure%2C%20Services%20%26%20Tools/">Infrastructure, Services & Tools</a>

245

<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/Document%20Metadata%20%26%20Provenance/">Document Processes, Metadata & Provenance</a>

246

<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/Manage%20Versions%20%26%20Master%20Files/">Manage Versions & Master Files</a>

247

<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/Decide%20What%20to%20Share/">Decide What to Share</a>

248

<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/Preserve%20Data%20%26%20Artistic%20Outputs/">Preserve Data & Artistic Outputs</a>

</div>

</section>

<div class="ido-info" style="margin-bottom:14px"><strong>Need help deciding what belongs in the inventory?</strong> Bring a one-paragraph project description, your planned methods/activities, expected outputs, likely source material and any funder requirements. For funded art/research projects, Support Kunst und Forschung can help connect these elements to the wider project plan.</div>

253

254

255

256

<summary style="cursor:pointer;color:#6a655e;font-size:13px">Search terms & related topics</summary>

257

<div style="margin-top:9px;color:#5c5650;font-size:12px;line-height:1.7">research data · artistic research data · research outputs · artistic outputs · project materials · source material · reused data · third-party material · documentation · process documentation · performance documentation · installation documentation · interviews · recordings · photographs · video · audio · datasets · databases · software · source code · models · prototypes · physical objects · analogue material · master files · authoritative version · provenance · metadata · rights · copyright · licences · consent · personal data · sensitive data · confidential data · file formats · storage · backup · preservation · repository · data management plan · DMP · deliverables · funder requirements · project inventory · output inventory · handover</div>

258

</details>

259

</div>

266

267

[data-sn-equal-height-managed],

268

[data-sn-first-section-aligned]{

269

box-sizing:border-box;

}

</style>

(function(){

"use strict";

var MOBILE_MAX=767;

var ROW_TOLERANCE=6;

var MIN_W=150;

var MIN_H=36;

var MAX_PARENT_CHILDREN=16;

var SEARCH_DEPTH=5;

var root=

document.getElementById("xwikicontent")||

285

document.querySelector(".xwiki-rendering-content")||

286

document.querySelector("main")||

document.body;

if(!root)return;

var heightManaged=new Set();

292

var sectionManaged=new Set();

293

var originalMinHeight=new WeakMap();

294

var originalMarginTop=new WeakMap();

var raf=0;

function num(v){

var n=parseFloat(v);

return Number.isFinite(n)?n:0;

300

}

301

302

function visible(el,minW,minH){

303

if(!el||el.nodeType!==1)return false;

304

305

var s=getComputedStyle(el);

if(

s.display==="none"||

s.visibility==="hidden"||

310

Number(s.opacity)===0

){

return false;

}

var r=el.getBoundingClientRect();

return (

r.width>=(minW||1)&&

r.height>=(minH||1)

);

}

function excluded(el){

return (

!el.matches||

el.matches(

"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]"

)

);

}

function namedLikeBox(el){

333

var c=

334

typeof el.className==="string"

? el.className

: "";

}

function boxLike(el){

342

if(!visible(el,MIN_W,MIN_H)||excluded(el))return false;

343

344

var s=getComputedStyle(el);

345

var r=el.getBoundingClientRect();

346

347

var border=

348

num(s.borderTopWidth)+

349

num(s.borderRightWidth)+

350

num(s.borderBottomWidth)+

351

num(s.borderLeftWidth);

352

353

var radius=Math.max(

354

num(s.borderTopLeftRadius),

355

num(s.borderTopRightRadius),

356

num(s.borderBottomLeftRadius),

357

num(s.borderBottomRightRadius)

);

var bg=

s.backgroundColor&&

s.backgroundColor!=="rgba(0, 0, 0, 0)"&&

363

s.backgroundColor!=="transparent";

var shadow=

s.boxShadow&&

s.boxShadow!=="none";

return (

namedLikeBox(el)||

border>=1||

(bg&&radius>=3)||

(shadow&&r.width>=180)

);

}

function saveOriginal(el,map,property){

378

if(map.has(el))return;

379

380

map.set(el,{

381

value:el.style.getPropertyValue(property),

382

priority:el.style.getPropertyPriority(property)

});

}

function restoreOriginal(el,map,property){

387

var original=map.get(el);

388

389

if(original&&original.value){

390

el.style.setProperty(

391

property,

392

original.value,

393

original.priority||""

394

);

395

}else{

396

el.style.removeProperty(property);

}

}

function reset(){

heightManaged.forEach(function(el){

restoreOriginal(

el,

originalMinHeight,

"min-height"

);

el.removeAttribute(

"data-sn-equal-height-managed"

);

});

sectionManaged.forEach(function(el){

restoreOriginal(

el,

originalMarginTop,

"margin-top"

);

el.removeAttribute(

"data-sn-first-section-aligned"

);

});

heightManaged.clear();

426

sectionManaged.clear();

427

}

428

429

function pickTarget(child){

430

if(!visible(child,MIN_W,MIN_H))return null;

if(boxLike(child)){

return child;

}

var cr=child.getBoundingClientRect();

437

var q=[];

438

439

Array.from(child.children||[]).forEach(function(el){

440

q.push({el:el,depth:1});

});

var best=null;

var bestScore=-Infinity;

while(q.length){

var item=q.shift();

var el=item.el;

if(!visible(el,MIN_W,MIN_H))continue;

451

452

var r=el.getBoundingClientRect();

453

454

if(

455

r.width>=cr.width*.68&&

boxLike(el)

){

var widthFit=

1-Math.min(

1,

Math.abs(cr.width-r.width)/

Math.max(1,cr.width)

);

var topFit=

1-Math.min(

1,

Math.abs(cr.top-r.top)/100

);

var score=

widthFit*6+

topFit*3+

Math.min(r.height,900)/450+

475

Math.min(r.width*r.height,900000)/900000;

if(score>bestScore){

best=el;

bestScore=score;

}

}

if(item.depth<SEARCH_DEPTH){

484

Array.from(el.children||[]).forEach(function(next){

q.push({

el:next,

depth:item.depth+1

});

});

}

}

return best;

}

function groupsByVisualRow(entries){

var groups=[];

entries

.slice()

.sort(function(a,b){

return (

a.rect.top-b.rect.top||

504

a.rect.left-b.rect.left

505

);

506

})

507

.forEach(function(entry){

508

var group=null;

509

510

for(var i=0;i<groups.length;i++){

if(

Math.abs(

groups[i].top-

entry.rect.top

)<=ROW_TOLERANCE

){

group=groups[i];

break;

}

}

if(!group){

group={

top:entry.rect.top,

entries:[]

};

groups.push(group);

}

group.entries.push(entry);

});

return groups;

}

function validHorizontalGroup(group){

537

if(group.entries.length<2)return false;

var lefts=

group.entries

.map(function(e){return e.rect.left;})

542

.sort(function(a,b){return a-b;});

543

544

if(

545

lefts[lefts.length-1]-

lefts[0]<

80

){

return false;

}

var widths=

group.entries

.map(function(e){return e.rect.width;})

555

.filter(function(w){return w>0;});

556

557

if(widths.length<2)return false;

558

559

var minWidth=Math.min.apply(Math,widths);

560

var maxWidth=Math.max.apply(Math,widths);

return (

maxWidth/

Math.max(1,minWidth)<=

1.9

);

}

function normalizeText(text){

570

return String(text||"")

.replace(/s+/g," ")

.trim()

.toUpperCase();

}

function exactKnownFirstSection(el){

577

var text=normalizeText(el.textContent);

578

579

return (

580

text==="HIER STARTEN"||

581

text==="ORGANISIEREN & DOKUMENTIEREN"||

582

text==="ENTSCHEIDEN"||

583

text==="START HERE"||

584

text==="GET STARTED"||

585

text==="ORGANISE & DOCUMENT"||

586

text==="ORGANIZE & DOCUMENT"||

text==="DECIDE"

);

}

function visuallyFirstSectionBar(card){

592

var cardRect=card.getBoundingClientRect();

var candidates=[];

Array.from(

card.querySelectorAll(

597

"div,p,span,strong,h3,h4,h5,h6"

598

)

599

).forEach(function(el){

600

if(!visible(el,20,6))return;

601

if(excluded(el))return;

602

603

var r=el.getBoundingClientRect();

604

var relativeTop=r.top-cardRect.top;

if(

relativeTop<45||

relativeTop>cardRect.height*.72

){

return;

}

var widthRatio=

r.width/

Math.max(1,cardRect.width);

if(

widthRatio<.55||

widthRatio>1.05||

r.height>54

){

return;

}

var text=normalizeText(el.textContent);

if(

text.length<2||

text.length>90

){

return;

}

var style=getComputedStyle(el);

635

636

var bg=

637

style.backgroundColor&&

638

style.backgroundColor!=="rgba(0, 0, 0, 0)"&&

639

style.backgroundColor!=="transparent";

640

641

var border=

642

num(style.borderTopWidth)+

643

num(style.borderRightWidth)+

644

num(style.borderBottomWidth)+

645

num(style.borderLeftWidth);

var mostlyUpper=

text.length>=3&&

text===text.toUpperCase();

650

651

var exact=exactKnownFirstSection(el);

var score=

(exact?20:0)+

(bg?6:0)+

(border>=1?2:0)+

(mostlyUpper?4:0)+

(num(style.fontWeight)>=600?1:0);

if(score>=7){

candidates.push({

el:el,

relativeTop:relativeTop,

width:r.width,

score:score

});

}

});

if(!candidates.length)return null;

671

672

candidates.sort(function(a,b){

673

if(a.score!==b.score)return b.score-a.score;

674

if(Math.abs(a.relativeTop-b.relativeTop)>3){

675

return a.relativeTop-b.relativeTop;

676

}

677

return b.width-a.width;

678

});

679

680

// For exact known labels always prefer the earliest exact match.

681

var exacts=candidates.filter(function(c){

682

return exactKnownFirstSection(c.el);

});

if(exacts.length){

exacts.sort(function(a,b){

687

return a.relativeTop-b.relativeTop||b.width-a.width;

});

return exacts[0].el;

}

// Generic fallback: earliest high-confidence bar.

693

candidates.sort(function(a,b){

694

return a.relativeTop-b.relativeTop||b.score-a.score||b.width-a.width;

695

});

696

697

return candidates[0].el;

698

}

699

700

function alignFirstSections(cards){

701

var rows=

702

cards.map(function(card){

703

var bar=

704

visuallyFirstSectionBar(card);

if(!bar)return null;

var cardRect=

card.getBoundingClientRect();

710

711

var barRect=

712

bar.getBoundingClientRect();

return {

card:card,

bar:bar,

relativeTop:

barRect.top-cardRect.top,

719

label:

720

normalizeText(bar.textContent)

};

});

// Conservative: only align when every card in the horizontal row

725

// has a reliable first section bar.

726

if(

727

rows.some(function(row){

return !row;

})

){

return null;

}

var targetTop=

Math.max.apply(

Math,

rows.map(function(row){

738

return row.relativeTop;

})

);

rows.forEach(function(row){

var delta=

targetTop-

row.relativeTop;

if(delta<=1)return;

saveOriginal(

row.bar,

originalMarginTop,

"margin-top"

);

var currentMargin=

num(

getComputedStyle(

row.bar

).marginTop

);

row.bar.style.setProperty(

"margin-top",

(

currentMargin+

delta

)+"px"

);

row.bar.setAttribute(

771

"data-sn-first-section-aligned",

"4"

);

sectionManaged.add(row.bar);

});

return {

labels:

rows.map(function(row){

return row.label;

}),

targetRelativeTop:

Math.round(targetTop)

};

}

function applyGroup(group){

789

if(!validHorizontalGroup(group)){

return null;

}

var cards=[];

var seen=new Set();

group.entries.forEach(function(entry){

797

if(!seen.has(entry.target)){

798

seen.add(entry.target);

799

cards.push(entry.target);

}

});

if(cards.length<2)return null;

804

805

var firstSection=

806

alignFirstSections(cards);

807

808

// The section alignment can change natural card heights.

809

// Measure only afterwards.

810

var maxHeight=0;

811

812

cards.forEach(function(card){

813

maxHeight=Math.max(

814

maxHeight,

815

card.getBoundingClientRect().height

);

});

maxHeight=Math.ceil(maxHeight);

820

821

if(maxHeight<MIN_H)return null;

822

823

cards.forEach(function(card){

saveOriginal(

card,

originalMinHeight,

"min-height"

);

card.style.setProperty(

"min-height",

maxHeight+"px"

);

card.setAttribute(

"data-sn-equal-height-managed",

"4"

);

heightManaged.add(card);

});

return {

cards:cards.length,

height:maxHeight,

firstSection:firstSection

};

}

function run(){

reset();

if(

window.innerWidth<=MOBILE_MAX

){

return;

}

var parents=

Array.from(

root.querySelectorAll("*")

862

).filter(function(parent){

863

return (

864

visible(parent,MIN_W,MIN_H)&&

865

parent.children&&

866

parent.children.length>=2&&

867

parent.children.length<=MAX_PARENT_CHILDREN

);

});

var touched=new Set();

872

873

parents.forEach(function(parent){

874

var entries=[];

875

876

Array.from(parent.children).forEach(function(child){

877

if(!visible(child,MIN_W,MIN_H))return;

878

879

var target=pickTarget(child);

if(!target)return;

entries.push({

target:target,

rect:target.getBoundingClientRect()

});

});

if(entries.length<2)return;

889

890

groupsByVisualRow(entries).forEach(function(group){

891

if(!validHorizontalGroup(group))return;

892

893

var signature=

894

group.entries.map(function(entry){

return entry.target;

});

if(

!signature.some(function(el){

900

return !touched.has(el);

})

){

return;

}

var applied=

applyGroup(group);

if(applied){

signature.forEach(function(el){

touched.add(el);

});

}

});

});

}

function schedule(){

if(raf)cancelAnimationFrame(raf);

920

921

raf=requestAnimationFrame(function(){

922

raf=requestAnimationFrame(function(){

raf=0;

run();

});

});

}

addEventListener("resize",schedule,{passive:true});

930

addEventListener("load",schedule,{once:true});

931

932

root.addEventListener(

933

"click",

934

function(){

935

setTimeout(schedule,0);

},

true

);

Array.from(root.querySelectorAll("img")).forEach(function(img){

941

if(!img.complete){

942

img.addEventListener("load",schedule,{once:true});

}

});

if(document.fonts&&document.fonts.ready){

947

document.fonts.ready.then(schedule);

}

schedule();

setTimeout(schedule,200);

952

setTimeout(schedule,650);

953

setTimeout(schedule,1400);

954

})();

955

</script>

956

957

Wiki source code of Identify Your Data & Research Outputs

Applications

Navigation

My Recent Modifications