-
Notifications
You must be signed in to change notification settings - Fork 10
/
wc.html
85 lines (74 loc) · 2.62 KB
/
wc.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
<!--
Autor: Raphael Hoeser (Snapstromegon)
Datum: 11.07.2017
Version: 3.1
Changelog:
Komplett neu aufgesetzt nach Version 2.3
Unterstützte Mehrsprachigkeit
Diese Version ist keine Singlefile-Loesung mehr.
Ein Webserver ist noch immer ueberfluessig.
#####
Das Projekt wird fuer den Raspberry Pi entwickelt.(Siehe: http://www.hoeser-medien.de/?p=960)
Diese Version ist keine Singlefile-Loesung mehr.
Ein Webserver ist noch immer ueberfluessig.
#####
-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Raphael Hoeser" />
<title>WordClock Example</title>
<style>
/* Begin: Base Style (should be done outside) */
* {
margin: 0px;
padding: 0px;
}
html {
background-color: #000;
font-family: Calibri;
}
html,
body {
height: 100%;
}
.wc__wrapper {
height: 100%;
width: 100vh;
margin: auto;
}
/* End: Base Style */
</style>
<!-- The design stylesheet with colors and animations -->
<!-- The layout stylesheet for the WordClock -->
<link rel="stylesheet" type="text/css" href="wc_base.css" />
<!-- The main script for the WordClock (it will add an init eventlistener on window.load) -->
<script src="wc_main.js"></script>
<!-- WC-LanguagePacks they will add themselves to the database and can
be used by changing the var 'wc_language' in the wc_main.js -->
<script src="wc_langPacks/wc_langPack_DE.js"></script>
<script src="wc_langPacks/wc_langPack_DE_SWG.js"></script>
<script src="wc_langPacks/wc_langPack_CH_BERN.js"></script>
<script src="wc_langPacks/wc_langPack_EN.js"></script>
<script src="wc_langPacks/wc_langPack_NL.js"></script>
</head>
<body>
<div class="wc__wrapper">
<!-- This element is your Wrapper and the wc element will fit it parents height and width -->
<div class="wc__minutes">
<div class="wc__minute wc__minute__1"></div>
<div class="wc__minute wc__minute__2"></div>
<div class="wc__minute wc__minute__3"></div>
<div class="wc__minute wc__minute__4"></div>
</div>
<div class="wc">
<!--
-This Element will be recognized by the wc_main.js functions and will be filled with content
-To change classnames goto wc_main.js and change 'wc_wcClassName'. (wc_base.css has to be adjusted)
-To switch flexboxes justify-content from space-around to space-between add the css class 'wc--lettersOut' to this element
-->
</div>
</div>
</body>
</html>