forked from joethe/3601-S16-lab1_HTML-CSS
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
executable file
·165 lines (154 loc) · 6.52 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UMM Computer Science</title>
<link rel="stylesheet" type="text/css" href="./css/style1.css">
<!-- Add some Google Fonts. -->
<!-- Adding fonts like this increases load time, so you don't want to include fonts -->
<!-- you're not actually using. -->
<link href="https://fonts.googleapis.com/css?family=EB+Garamond:600%7CPatua+One%7CMarcellus%7CDancing+Script&display=swap"
rel="stylesheet">
<script>
/* html and javascript code for switching style on the fly comes from:
https://stackoverflow.com/questions/19844545/replacing-css-file-on-the-fly-and-apply-the-new-style-to-the-page */
function changeCSS(cssFile, cssLinkIndex) {
var oldlink = document.getElementsByTagName("link").item(cssLinkIndex);
var newlink = document.createElement("link");
newlink.setAttribute("rel", "stylesheet");
newlink.setAttribute("type", "text/css");
newlink.setAttribute("href", "./css/" + cssFile);
document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
}
function checkHash() {
switch (location.hash) {
case "#style2":
changeCSS("style2.css", 0);
break;
default:
changeCSS("style1.css", 0);
}
}
checkHash();
window.addEventListener('hashchange', checkHash);
</script>
</head>
<body>
<h1 id="main-title">UMM Computer Science</h1>
<div class="pslo-courses-container">
<div class="section" id="pslo">
<h2>Program Student Learning Outcomes for UMM Computer Science</h2>
<ol>
<li>Students will be able to apply fundamental principles of computer science to solve problems in
all core areas of computer science.
</li>
<li>Students will demonstrate technological flexibility through the ability to employ new sets of
tools effectively.
</li>
<li>Students will be able to communicate technical ideas effectively both orally and in written
form.
</li>
<li>Students will demonstrate their ability to work in groups as part of an effective team.</li>
<li>Students will be able to identify and analyze ethical implications involving technology.</li>
</ol>
</div>
<div class="section" id="courses">
<h2>Required Courses</h2>
<ul>
<li class="major-element level-1xxx" id="introductory-sequence">An introductory course sequence
<ul>
<li><span class="discipline csci">CSci</span> <span class="course-number">1302</span></li>
<li>One of:
<ul>
<li><span class="discipline csci">CSci</span> <span class="course-number">1201</span></li>
<li><span class="discipline csci">CSci</span> <span class="course-number">1301</span></li>
</ul>
</li>
</ul>
</li>
<li class="major-element level-2xxx" id="data-structures">
<span class="discipline csci">CSci</span> <span class="course-number">2101</span>
</li>
<li class="major-element level-3xxx" id="core-courses">Core Courses
<ul>
<li><span class="discipline csci">CSci</span> <span class="course-number">3402</span></li>
<li><span class="discipline csci">CSci</span> <span class="course-number">3403</span></li>
<li><span class="discipline csci">CSci</span> <span class="course-number">3501</span></li>
<li><span class="discipline csci">CSci</span> <span class="course-number">3601</span></li>
</ul>
</li>
<li class="major-element level-4xxx" id="electives">Ten credits of electives 4xxx so that the split of credits
is at least 4 in two of the areas and at least 2 in the third area.
</li>
<li class="major-element level-1xxx" id="ethical-and-social-implications">
<span class="discipline is">IS</span> <span class="course-number">1091</span>
</li>
<li class="major-element level-4xxx" id="senior-seminar">
<span class="discipline csci">CSci</span> <span class="course-number">4901</span>
</li>
<li class="major-element" id="math-and-stats">12 credits of:
<ul>
<li><span class="discipline math">Math</span> at or above <span class="course-number">1101</span> excluding
"History of math"
</li>
<li><span class="discipline stat">Stat</span> 2xxx or above</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="section" id="faculty">
<h2>Faculty</h2>
<ul id="faculty-list">
<li id="Elena">
<div class="name">Elena</div>
<div class="office">Science 2325</div>
<img class="pic" src="./assets/images/Elena.jpg" alt="Elena" />
</li>
<li id="KK">
<div class="name">KK</div>
<div class="office">Science 2525</div>
<img class="pic" src="./assets/images/KK.jpg" alt="KK" />
</li>
<li id="Nic">
<div class="name">Nic</div>
<div class="office">Science 1315</div>
<img class="pic" src="./assets/images/Nic.jpg" alt="Nic" />
</li>
<li id="Peter">
<div class="name">Peter</div>
<div class="office">Science 1440</div>
<img class="pic" src="./assets/images/Peter.jpg" alt="Peter" />
</li>
</ul>
</div>
<div class="card" id="validation">
<div class="card-body">
<h2 class="card-title">Validation</h2>
<p class="card-text">
In general you wouldn't want to put links like these (or
<a href="https://stackoverflow.com/questions/36383923/how-to-get-the-badge-when-validating-html-in-the-w3c-validator">
validation badges
</a>) on real project web pages. We've included them because it makes it easier for us to
quickly check your HTML.
</p>
<ul class="card-text">
<li><a href="https://validator.w3.org">Check the HTML</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/">Check the CSS</a></li>
</ul>
<p class="card-text">
Thanks for writing clean HTML and CSS!
</p>
</div>
</div>
<!-- html and javascript code for switching style on the fly comes from:
https://stackoverflow.com/questions/19844545/replacing-css-file-on-the-fly-and-apply-the-new-style-to-the-page -->
<div id="style-selector">
<ul>
<li><a href="#">Style 1</a></li>
<li><a href="#style2">Style 2</a></li>
</ul>
</div>
</body>
</html>