Sheldon/index.html at master · Fibiola/Sheldon · 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
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
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Sheldon</title>
    <meta charset="utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link rel="stylesheet" href="normalize.css" type="text/css"/>
    <!--you have to consider this website responsive - for browser tag-->
    <meta name="viewport" content="width-device-width, initial-scale-1.0">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Raleway:200">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Nobile">

<!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
    <script src="js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
</head>


<body class="body">

<!--three main containers>
three main containers. Header(with logo), navigation, main content - 2 small areas (sidebar, content) and footer -->
    <div class="mainHeader">
        <div class="rockGraphicsTitle"></div><h1>ROCK</h1>
        <h3>PAPER</h3><div class="paperGraphicsTitle"></div>
        <div class="scissorsTitle2"></div><div class="scissorsTitle"></div><h1>SCISSORS</h1><div class="scissorsGraphicsTitle"></div>
        <h3>LIZARD</h3><div class="lizardGraphicsTitle"></div>
        <h1>SPOCK</h1><div class="spockGraphicsTitle"></div>
        <h2>Make your selection
        </h2>
    </div>
    <br>
    <div class="wrapper">
<!-- mainContent is for the articles -->
        <div class = "mainContent">
            <div class="koda" id="besedilo">
            Sheldon:
			<div class="quote">"It's very simple. Scissors cuts paper, paper covers rock,rock crushes lizard, lizard poisons Spock, Spock smashes scissors, scissors decapitates lizard, lizard eats paper, paper disproves Spock, Spock vaporizes rock, and—as it always has—rock crushes scissors"
			</div>
			<div class="smiley" id = "smileyBox"></div>
                <br>
            </div>
                <br>
                <br>
            <div class="push2"> </div>
            <div class="selection">
                <div class = "rock" onClick="buttonPressed(computerChoice(), 'rock')">ROCK
                    <div class = "rockGraphics">
                    </div>
                </div>

                <div class = "lizard" onClick="buttonPressed(computerChoice(), 'lizard');">LIZARD
                    <div class = "lizardGraphics">
                    </div>
                    <div class = "lizardGraphics1">
                    </div>
                    <div class = "lizardGraphics2">
                    </div>
                    <div class = "liardCircle">
                    </div>
                </div>

                <div id="spock" class="spock" onClick="buttonPressed(computerChoice(), 'spock');">SPOCK
                    <div class = "spockGraphics1">
                    </div>
                    <div class = "spockGraphics2">
                    </div>
                    <div class = "spockGraphics3">
                    </div>
                    <div class = "spockGraphics4">
                    </div>
                    <div class = "spockGraphics5">
                    </div>
                    <div class = "spockWrist">
                    </div>
                </div>

                <div class = "scissors" onClick="buttonPressed(computerChoice(), 'scissors');"> SCISSORS
                    <div class = "scissorGraphics">
                    </div>
                    <div class = "scissorGraphics2">
                    </div>
                    <div class = "infinity">
                    </div>
                </div>

                <div class = "paper" onClick="buttonPressed(computerChoice(), 'paper');"> PAPER <br>
                    <div class = "paperGraphics">
                    </div>
                    </div>
                </div>
            </div>
        <div class="push">
        </div>
    </div>
    <div class="footer">
    <p> 2013 Natasha Pristovsek <a href="http://github.com/fibiola"><img src="/img/github.png" alt="Check me out!" height="20" width="20"></a> </p>

    </div>
 <noscript>
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=fallback.html">
</noscript>

    <script type = 'text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
    <script type='text/javascript' src='scripts/jqscripts.js' language="javascript" > </script>
    <script type='text/javascript' src='scripts/sheldon.js' language="javascript"> </script>

</body>
</html>