File size: 3,900 Bytes
a873849 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 | <!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Cloud Code Usage Analysis</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="page-shell">
<header class="hero">
<div class="hero-copy">
<p class="eyebrow">Cloud Code Month Analysis</p>
<h1>Wie dein Monat mit Cloud Code aussah, in Evidenz statt Bauchgefuehl.</h1>
<p class="lede" id="headline"></p>
</div>
<aside class="hero-panel" id="heroPanel"></aside>
</header>
<main>
<section class="section" id="summarySection">
<div class="section-heading">
<p class="kicker">Executive Summary</p>
<h2>Drei klare Antworten</h2>
</div>
<div class="cards three" id="findingCards"></div>
</section>
<section class="section">
<div class="section-heading">
<p class="kicker">Arbeitszeit</p>
<h2>Geschaetzte investierte Stunden</h2>
</div>
<div class="cards three" id="workCards"></div>
<div class="split">
<article class="panel">
<h3>Methodik</h3>
<ul class="bullet-list" id="methodList"></ul>
</article>
<article class="panel">
<h3>Unsicherheiten</h3>
<ul class="bullet-list" id="uncertaintyList"></ul>
</article>
</div>
</section>
<section class="section">
<div class="section-heading">
<p class="kicker">Arbeitsprozess</p>
<h2>Wie du mit Cloud Code gearbeitet hast</h2>
</div>
<div class="split process-layout">
<article class="panel narrative" id="workflowNarrative"></article>
<article class="panel">
<h3>Protoyping vs. Refinement</h3>
<div id="ratioChart" class="ratio-chart"></div>
<div class="subnote" id="ratioNote"></div>
</article>
</div>
<div class="cards four" id="workflowCards"></div>
</section>
<section class="section">
<div class="section-heading">
<p class="kicker">Projektlandschaft</p>
<h2>Cluster und aktive Schwergewichte</h2>
</div>
<div class="cluster-grid" id="clusterGrid"></div>
<div class="panel">
<h3>Aktive Projekte</h3>
<div id="projectTable"></div>
</div>
</section>
<section class="section">
<div class="section-heading">
<p class="kicker">Timeline</p>
<h2>Aktivitaetsbild der letzten 30 Tage</h2>
</div>
<article class="panel">
<div id="timeline"></div>
</article>
</section>
<section class="section">
<div class="section-heading">
<p class="kicker">Strategische Empfehlung</p>
<h2>Welches Projekt jetzt den groessten Mehrwert hat</h2>
</div>
<div class="split">
<article class="panel recommendation-main" id="topRecommendation"></article>
<article class="panel">
<h3>Top 3</h3>
<div id="topThree"></div>
</article>
</div>
<article class="panel">
<h3>Shortlist</h3>
<div id="rankingTable"></div>
</article>
</section>
<section class="section">
<div class="section-heading">
<p class="kicker">Evidenz</p>
<h2>Worauf die Aussagen beruhen</h2>
</div>
<div class="evidence-grid" id="evidenceGrid"></div>
</section>
</main>
</div>
<script src="./app.js" type="module"></script>
</body>
</html>
|