-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
113 lines (96 loc) · 4.84 KB
/
index.html
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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Fachschaftshaushalt MathPhysInfo</title>
<script src="https://github.highcharts.com/v9.3.3/highcharts.js"></script>
<script src="https://github.highcharts.com/v9.3.3/modules/sunburst.js"></script>
<script src="https://github.highcharts.com/v9.3.3/modules/exporting.js"></script>
<script src="https://github.highcharts.com/v9.3.3/modules/drilldown.js"></script>
<script src="js/lib/palette.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Dosis|Open+Sans:400,700" rel="stylesheet">
<!-- FavIcon -->
<link rel="icon" href="logos/logo-150x150.png" sizes="32x32" />
<link rel="icon" href="logos/logo-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="logos/logo-300x300.png" />
<meta name="msapplication-TileImage" content="logos/logo-300x300.png" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="two column stackable ui grid">
<div class="column">
<div class="ui grid">
<div id="headertext" class="eight wide column">
<h1>
Fachschaftshaushalt
<div id="year-switcher" class="ui dropdown">
<div class="text"></div>
<i class="caret down icon"></i>
<div id="year-switcher-menu" class="menu"></div>
</div>
</h1>
<h3><span class="subtitle">der Fachschaft MathPhysInfo</span>
</h3>
</div>
<div id="headerimage" class="eight wide column">
<a href="https://mathphys.stura.uni-heidelberg.de/w/">
<img src="logos/logo.png">
</a>
</div>
</div>
<div class="ui top attached tabular menu">
<a id="allgemeintab" class="item active" data-tab="allgemein">Allgemein</a>
<a id="einnahmentab" class="item" data-tab="einnahmen">Einnahmen</a>
<a id="ausgabentab" class="item" data-tab="ausgaben">Ausgaben</a>
</div>
<div id="allgemein" data-tab="allgemein" class="ui bottom attached active tab segment">
<p>
Auf dieser Seite stellen wir den Haushalt der Fachschaft MathPhysInfo vor, also den gemeinsam
wirtschaftenden Studienfachschaften Mathematik, Physik und Informatik. Unter dem Tab „Einnahmen“
sind alle unsere Einnahmequellen aufgeführt, unter dem Tab „Ausgaben“
findet ihr die Ausgaben der Fachschaft.
</p>
<p>
Die Einnahmen und Ausgaben sind jeweils in Unterposten verschiedener Ebenen unterteilt, welche man
durch Anklicken auswählen kann. Eine Ebene nach oben kommt man, indem man den Button oben rechts
anklickt.
</p>
<p>
Diese visuelle Aufbereitung ist entstanden, weil es uns wichtig ist, dass die Studierenden sehen,
was mit ihrem Geld passiert. Eine transparente und nachvollziehbare Verwendung von öffentlichen
Finanzen sind uns ein großes Anliegen. Das Vergleichen von
Finanzvolumen bei Beschlüssen aufgrund von Zahlen ist manchmal schwierig, nun aber durch die
graphische Darstellung einfacher und schneller erkennbar.
</p>
<p>
Die einzelnen Finanzbeschlüsse kann man den Protokollen auf unserer <a
href="https://www.mathphys.stura.uni-heidelberg.de" target="_blank">Website</a> entnehmen und
finden auf der Grundlage unseres <a id="haushaltsplan-link" target="_blank">Haushaltsplans</a>
statt.
</p>
</div>
<div id="einnahmen" data-tab="einnahmen" class="ui bottom attached tab segment">
<h2 id="einnahmenname" class="name"></h2>
<p id="einnahmentext" class="text"></p>
<p id="einnahmenvalue" class="value"></p>
</div>
<div id="ausgaben" data-tab="ausgaben" class="ui bottom attached tab segment">
<h2 id="ausgabenname" class="name"></h2>
<p id="ausgabentext" class="text"></p>
<p id="ausgabenvalue" class="value"></p>
</div>
</div>
<div class="column">
<div id="chartcontainer" hidden="true" class="ui segment">
<div class="con" id="einnahmencontainer"></div>
<div class="con" id="ausgabencontainer"></div>
</div>
</div>
</div>
<script type="module" src="js/application.js"></script>
</body>
</html>