glitch/index.html at master · husky-code/glitch · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Husky Code</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- import the webpage's stylesheet -->
    <link rel="stylesheet" type="text/css" href="./styles/style.css">
    <!-- import font awesome CDN -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    <!-- import the webpage's javascript file -->
    <script src="./scripts/handlers/tabhandler.js"></script>
</head>
<body>
	<div class="layout">
        <!-- The top header -->
		<div class="header">
			<div class="navbar-container">
               <!-- The block on the left of the header -->
            	<div class="navbar-left-container">
                	<div class="navbar-item-container">
                    	<img src="./images/husky_code_icon.JPG">
					</div>
                	<div class="navbar-item-container">
                     <a id="nav-title">Husky Code</a>
					</div>
				</div>
               <!-- The block on the right of the header -->
				<div class="navbar-right-container">
                  	<div class="navbar-item-container">
                     	<img src="./images/user_icon_template.JPG">
                  	</div>
                  	<div class="navbar-item-container">
                     	<a class="nav-item">Dashboard</a>
                  	</div>
                  	<div class="navbar-item-container">
                    	<a class="nav-item">Interview Prep</a>
                  	</div>
                  	<div class="navbar-item-container">
                    	<a class="nav-item">Discussion</a>
                  	</div>
                  	<div class="navbar-item-container">
                    	<a class="nav-item">Problems</a>
                	</div>
				</div>
        	</div>
        </div>
        <div class="select-bar-container">
            <select class="select-text-indent">
            	<!-- TODO <img src="./images/menubaricon.png" class="navbar-item-container"> -->
        		<option value="">Midterm Spring '09</option>
            	<option value="">Midterm Spring '10</option>
                <option value="">Midterm Spring '11</option>
                <option value="">Midterm Spring '12</option>
            </select>
         </div>
        <nav>
			<ul class="navbar-no-vertical-margin">
        		<li><button class="styled-btn" onclick="switchTab('mycode')">My Code</button></li>
        		<li><button class="styled-btn" onclick="switchTab('discussions')">Discussion</button></li>
        		<li><button class="styled-btn" onclick="switchTab('solutions')">Solutions</button></li>
        		<li><button class="styled-btn" onclick="switchTab('timer')">Timer</button></li>
      		</ul>
		</nav>
        <iframe id="window" src="./pages/mycode.html" scrolling="no"></iframe>
      </div>
</body>
</html>