-
Notifications
You must be signed in to change notification settings - Fork 5
/
icon1.html
106 lines (101 loc) · 5.8 KB
/
icon1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="./styles/nav.css" />
<link rel="stylesheet" href="./styles/footer.css" />
<link rel="stylesheet" href="./styles/main.css">
<link rel="stylesheet" href="./styles/icon.css" />
<!-- <link rel="stylesheet" href="./styles/learn-page.css"> -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css"
integrity="sha512-10/jx2EXwxxWqCLX/hHth/vu2KY3jCF70dCQB8TSgNjbCVAC/8vai53GfMDrO2Emgwccf2pJqxct9ehpzG+MTw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<header class="header"></header>
<div id="grid">
<div class="elective-container"></div>
<!-- <svg id="js" style="position:relative" class="icon icon-javascript" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="4 4 42 42" version="1.1"><g><path fill="#b3911c" d="M 6.667969 4 C 5.207031 4 4 5.207031 4 6.667969 L 4 43.332031 C 4 44.792969 5.207031 46 6.667969 46 L 43.332031 46 C 44.792969 46 46 44.796875 46 43.332031 L 46 6.667969 C 46 5.207031 44.796875 4 43.332031 4 Z M 6.667969 6 L 43.332031 6 C 43.703125 6 44 6.296875 44 6.667969 L 44 43.332031 C 44 43.703125 43.703125 44 43.332031 44 L 6.667969 44 C 6.296875 44 6 43.703125 6 43.332031 L 6 6.667969 C 6 6.296875 6.296875 6 6.667969 6 Z M 23 23 L 23 35.574219 C 23 37.503906 22.269531 38 21 38 C 19.671875 38 18.75 37.171875 18.140625 36.097656 L 15 38 C 15.910156 39.925781 18.140625 42 21.234375 42 C 24.65625 42 27 40.179688 27 36.183594 L 27 23 Z M 35.453125 23 C 32.046875 23 29.863281 25.179688 29.863281 28.042969 C 29.863281 31.148438 31.695313 32.617188 34.449219 33.789063 L 35.402344 34.199219 C 37.140625 34.960938 38 35.425781 38 36.734375 C 38 37.824219 37.171875 38.613281 35.589844 38.613281 C 33.707031 38.613281 32.816406 37.335938 32 36 L 29 38 C 30.121094 40.214844 32.132813 42 35.675781 42 C 39.300781 42 42 40.117188 42 36.683594 C 42 33.496094 40.171875 32.078125 36.925781 30.6875 L 35.972656 30.28125 C 34.335938 29.570313 33.625 29.109375 33.625 27.964844 C 33.625 27.039063 34.335938 26.328125 35.453125 26.328125 C 36.550781 26.328125 37.253906 26.792969 37.90625 27.964844 L 40.878906 26.058594 C 39.625 23.84375 37.878906 23 35.453125 23 Z "></path></g></svg> -->
</div>
<div id="fix">
<div>
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 376.447 376.447"
style="enable-background: new 0 0 376.447 376.447"
xml:space="preserve"
>
<defs>
<linearGradient
id="electives-linear-1"
x1="0%"
y1="0%"
x2="100%"
y2="100%"
>
<stop offset="0%" stop-color="#ffd323"></stop>
<stop offset="100%" stop-color="#b3911c"></stop>
</linearGradient>
</defs>
<path
fill="url(#electives-linear-1)"
d="M294.361,7.954l-0.88-0.56c-23.432-14.333-54.029-7.209-68.72,16l-4.64,7.4l-1-0.64l-0.84-0.52
c-13.4-8.079-30.787-4.142-39.4,8.92c-0.196,0.265-0.37,0.546-0.52,0.84l-54.04,85.44c-0.196,0.265-0.37,0.546-0.52,0.84
c-5.808,9.819-2.928,22.465,6.56,28.8l0.92,0.6c2.602,1.556,5.507,2.538,8.52,2.88l-71.08,112.8
c-0.664,0.899-1.066,1.966-1.16,3.08l-8.4,96c-0.111,1.268,0.178,2.54,0.828,3.635c1.714,2.888,5.444,3.839,8.332,2.125
l83.28-49.04c0.83-0.494,1.53-1.18,2.04-2l128-203.2l20-32l8-12.52C324.215,53.555,317.412,22.887,294.361,7.954z
M137.481,144.474c-4.323-2.741-5.627-8.455-2.92-12.8l54.4-86.12c5.002-7.891,15.434-10.267,23.36-5.32l1.32,0.8l-63.4,100.64
h-0.04C147.424,145.907,141.777,147.15,137.481,144.474z M72.561,359.314l1.72-20l2.08,0.4c4.703,1.178,8.907,3.826,12,7.56
c0.44,0.56,0.88,1.12,1.28,1.72L72.561,359.314z M144.201,316.914l-44,25.96c-4.814-7.443-12.279-12.777-20.88-14.92
c-1.318-0.33-2.653-0.584-4-0.76l4.44-50.96l80.8-128l42.24-67.24l0.96-1.52l64.44,40.6L144.201,316.914z M279.001,102.714
l-4.44,7.04l-64.32-40.56l13.68-21.68l64.4,40.72L279.001,102.714z M299.361,70.354l-4.64,7.4l-64.32-40.52l4.56-7.28
c11.193-17.731,34.606-23.093,52.4-12C305.092,29.148,310.453,52.56,299.361,70.354z"
></path>
</svg>
<h1>Core Coursework</h1>
<p>(take these in order)</p>
</div>
</div>
<div class="full-wrap">
<div id="main"></div>
<div id="plus2"></div>
<div id="footer"></div>
</div>
</body>
</html>
<script type="module">
import navbar from "./components/navbar.js";
// console.log(navbar)
document.querySelector(".header").innerHTML = navbar();
import footer from "./components/footer.js";
document.querySelector("#footer").innerHTML = footer();
const hamburger = document.querySelector(".menu");
const navMenu = document.querySelector(".mobile");
hamburger.addEventListener("click", function () {
navMenu.classList.toggle("active");
});
</script>
<script
src="https://kit.fontawesome.com/2ab2a134b6.js"
crossorigin="anonymous"
></script>
<!-- <script src="./scripts/teacher-data.js"></script> -->
<script src="./scripts/icon1.js" type="module"></script>