font-stats/index.html at master · dominik-kuhn/font-stats · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="de">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>FontStats</title>
  <link rel="stylesheet" href="style/style.css">
</head>

<body>
  <div class="welcome">Gib hier deinen Text ein</div>

  <div class="text-input__wrapper">
    <textarea id="text-input" name="text-input"></textarea>
  </div>
  <div class="statistics">
    <div class="statistics__text-wrapper">
      <div id="basic-stats"></div>
    </div>
    <div class="statistics__diagram-wrapper">
      <div id="bar-diagramm"></div>
    </div>
    <div class="statistics__text-wrapper">
      <div id="top-words"></div>
      <div id="stats-in-text" class="statistics__text"></div>

      <div class="statistics__headline">Andere Textdarstellungen</div>
      <div class="statistics__text">
        Die folgenden Texte sind eine kreative Auseinandersetzung mit den zuvor erstellten Statistiken. So werden die einzelnen Buchstaben abhängig von ihrer Häufigkeit in der Höhe verzerrt oder auch mit unterschiedlichen Farbhelligkeiten gefüllt.
      </div>
      <div id="textscaley-diagramm" class="statistics__text"></div>
      <div id="textcolor-diagramm" class="statistics__text"></div>

      <footer>Made with ❤️ by Dominik Kuhn</footer>
    </div>
  </div>

  <script type="text/javascript" src="dist/main.js"></script>
</body>

</html>