-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (133 loc) · 8.84 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
<!DOCTYPE html>
<html>
<head>
<title>Open Learning</title>
<link rel="stylesheet" href="css/styles.css">
<!--Get my github user image. Just makes it easier for me to change one place, rather than changing lots when I update it-->
<link rel="icon" type="image/x-icon" href="https://avatars.githubusercontent.com/u/146375585">
<!--Prism core-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"></script>
<!-- Prism.js stylesheet -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css">
<!-- Markup templating component -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-markup-templating.min.js"></script>
<!--Code highlighting for C#-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-csharp.min.js"></script>
<!--Code highlighting for JAVA-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-java.min.js"></script>
<!--Code highlighting for JavaScript-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-javascript.min.js"></script>
<!--Code highlighting for PHP-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-php.min.js"></script>
<!-- Code highlighting for HTML -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-markup.min.js"></script>
</head>
<body>
<!-- Side navigation -->
<div class="sidenav" id="sidenav"> <!-- Sidebar is basically just a list of links that redirect to other pages-->
<!-- Side navigation template -->
<!-- Specify that this element is a dropdown list -->
<div class="dropdown">
<!-- name and type of the dropdown -->
<!-- decided to use an onclick here, rather than a link to our page, for a truly responsive and dynamic page. We dont want to reload the entire page, only a part of it! -->
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/SDM/SDM.txt');">Software Dev Management</a>
<div class="dropdown-content">
<!-- elements the dropdown contains -->
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/SDM/SDM.txt');">About SDM</a>
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Contractors/Contractors.txt');">Contractors</a>
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Hidden%20Incompetence/hidden_incompetence.txt');">Hidden Incompetence</a>
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/The%20Shamans/the_shamans.txt');">The "Shamans"</a>
</div>
</div>
<div class="dropdown-temp">
<a href="#">Project Management</a>
</div>
<div class="dropdown-temp">
<a href="#">Business Process Engineering</a>
</div>
<div class="dropdown-temp">
<a href="#">Business Analysis</a>
</div>
<!-- Specify that this element is a dropdown list -->
<div class="dropdown">
<!-- name and type of the dropdown -->
<!-- decided to use an onclick here, rather than a link to our page, for a truly responsive and dynamic page. We dont want to reload the entire page, only a part of it! -->
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Software%20Testing/software_testing.txt');">Software Testing</a>
<div class="dropdown-content">
<!-- elements the dropdown contains -->
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Software%20Testing/software_testing.txt');">About Testing</a>
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Software%20Testing/basics_of_testing.txt');">Basics of Testing</a>
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Software%20Testing/breaking_software.txt');">Breaking Software</a>
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Software%20Testing/types_of_testing.txt');">Types of Testing</a>
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Software%20Testing/test_plans.txt');">Test Plans</a>
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Software%20Testing/defects.txt');">Reporting Defects</a>
</div>
</div>
<br>
<div class="dropdown-temp">
<a href="#">Data Science</a>
</div>
<div class="dropdown-temp">
<a href="#">AI/ML Engineering</a>
</div>
<div class="dropdown">
<!-- name and type of the dropdown -->
<!-- decided to use an onclick here, rather than a link to our page, for a truly responsive and dynamic page. We dont want to reload the entire page, only a part of it! -->
<a href="#">Computer Science</a>
<div class="dropdown-content">
<!-- elements the dropdown contains -->
<a href="#">Web Development</a>
<div class="dropdown-nested-first">
<!-- nested elements within Web Development -->
<a href="#">Server</a>
<div class="dropdown-nested-second-server">
<!-- elements the dropdown contains -->
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Web%20Dev/php.txt');">PHP</a>
</div>
</div>
<div class="dropdown-nested-first">
<a href="#">Client</a>
<div class="dropdown-nested-second-client">
<!-- elements the dropdown contains -->
<a href="#">CSS</a>
<a href="#">JavaScript</a>
<a href="#">jQuery</a>
<a href="#">React</a>
</div>
</div>
</div>
</div>
<br>
<div class="dropdown">
<!-- name and type of the dropdown -->
<!-- decided to use an onclick here, rather than a link to our page, for a truly responsive and dynamic page. We dont want to reload the entire page, only a part of it! -->
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Cyber%20Law/cyber_law.txt');">Cyber Law</a>
<div class="dropdown-content">
<!-- elements the dropdown contains -->
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/Cyber%20Law/cyber_law.txt');">Intro</a>
</div>
</div>
<div class="dropdown-temp">
<a href="#">Cyber Security</a>
</div>
<div class="dropdown-temp">
<a href="#">Database Engineering</a>
</div>
<div class="dropdown-temp">
<a href="#">Enterprise Systems Engineering</a>
</div>
<div class="dropdown-temp">
<a href="#">Technical Systems and Support</a>
</div>
<div class="dropdown">
<a href="#" onclick="updateBodyText('https://raw.githubusercontent.com/Cyber-Finn/Blog/main/text/About%20CyberFinn/about_cyberfinn.txt');">About CyberFinn</a>
</div>
</div>
<!-- Actual contents start here -->
<div class="main">
<p id="pageText">This site is still under construction. Please check the sidebar for other pages. I am frequently adding and updating content</p>
</div>
<!--Placement here enforces that our syntax highlighting is loaded before our JS-->
<script type="text/javascript" src="js/home.js"></script>
</body>
</html>