FilesExpand file tree

master

/

index.html

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

96 lines (84 loc) · 3.04 KB

master

/

index.html

Copy path

Top

File metadata and controls

• Code
• Blame

96 lines (84 loc) · 3.04 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Color Clock | Joe Gilbrook</title>

<link rel="stylesheet" href="css/reset.css">

<link rel="stylesheet" href="css/color_clock.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="js/analytics.js" type="text/javascript"></script>

<script type="text/javascript" src="js/color_clock.js"></script>

<!--[if IE]>

<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body id="color_clock">

<div id="wrap">

<div id="container">

<h1 id="time_title">The current time is</h1>

<div></div>

<div class="ticker">

<div class="current" id="cur_hour"></div>

<div class="off time" >03</div>

<div class="off time" >4</div>

<div class="off time" >5</div>

<div class="off time" >6</div>

<div class="off time" >7</div>

<div class="off time" >8</div>

<div class="off time" >9</div>

<div class="off time" >0</div>

<div class="off time" >1</div>

<div class="off time" >12</div>

</div>

<div class="colon">:</div>

<div class="ticker">

<div class="current" id="cur_min"></div>

<div class="off time">03</div>

<div class="off time">24</div>

<div class="off time">35</div>

<div class="off time">46</div>

<div class="off time">57</div>

<div class="off time">8</div>

<div class="off time">9</div>

<div class="off time">0</div>

<div class="off time">1</div>

<div class="off time">12</div>

</div>

<div class="colon">:</div>

<div class="ticker">

<div class="current" id="cur_sec"></div>

<div class="off time" >03</div>

<div class="off time" >24</div>

<div class="off time" >35</div>

<div class="off time" >46</div>

<div class="off time" >57</div>

<div class="off time" >8</div>

<div class="off time" >9</div>

<div class="off time" >0</div>

<div class="off time" >1</div>

<div class="off time" >12</div>

</div>

<h1 id="color_title">The current color is</h1>

<div class="ticker" id="color_ticker">

<div class="current" id="cur_color"></div>

<div class="off color">AAAAAA</div>

<div class="off color">BBBBBB</div>

<div class="off color">CCCCCC</div>

<div class="off color">DDDDDD</div>

<div class="off color">EEEEEE</div>

<div class="off color">FFFFFF</div>

<div class="off color">111111</div>

<div class="off color">222222</div>

<div class="off color">333333</div>

<div class="off color">444444</div>

<div class="off color">555555</div>

<div class="off color">666666</div>

<div class="off color">777777</div>

<div class="off color">888888</div>

<div class="off color">999999</div>

<div class="off color">000000</div>

</div>

</div>

</div>

</body>

</html>