-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcybersecurity.html
More file actions
138 lines (123 loc) · 6.38 KB
/
Copy pathcybersecurity.html
File metadata and controls
138 lines (123 loc) · 6.38 KB
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
---
title: Cybersecurity Projects
layout: none
---
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SEO Meta Tags -->
<meta name="description" content="{{ site.description }}">
<meta name="keywords" content="Cybersecurity, IT Professional, Computer Science, Portfolio, Claire Lueking">
<meta name="author" content="{{ site.author }}">
<!-- SEO Tags from jekyll-seo-tag -->
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:title" content="{{ page.title | default: site.title }}">
<meta property="og:description" content="{{ page.description | default: site.description }}">
<meta property="og:image" content="{{ page.image | default: site.url | append: '/images/default.jpg' }}">
<link rel="icon" href="images/favicon1.png" type="image/png">
<title>{{ page.title | default: "Home" }} | {{ site.title }}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Rock+Salt&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ site.baseurl }}/styles.css">
</head>
<body class="home">
<!-- // NAV BAR // -->
<div class="navbar">
<div class="navbar-section">
<a href="{{ site.baseurl }}/index.html">
<img src="{{ site.baseurl }}/images/Logo3.png" alt="Logo" class="logo">
</a>
</div>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
<div class="nav-links" id="navLinks">
<a href="{{ site.baseurl }}/index.html">Home</a>
<a href="{{ site.baseurl }}/about.html">About</a>
<a href="{{ site.baseurl }}/resume.html">Resume</a>
<a href="{{ site.baseurl }}/contact.html">Contact</a>
<div class="dropdown">
<button class="dropbtn">Projects</button>
<div class="dropdown-content">
<a href="{{ site.baseurl }}/it.html">IT Projects</a>
<a href="{{ site.baseurl }}/cybersecurity.html">Cybersecurity Projects</a>
<!-- <a href="{{ site.baseurl }}/FinAppandWebsite.html">Fin: A Finance App and Website</a>
<a href="{{ site.baseurl }}/ImpactLocalApp.html">ImpactLocal: A Civic Engagement App</a>
<a href="{{ site.baseurl }}/project3.html">Project 3</a> -->
</div>
</div>
</div>
</div>
<h1> Cybersecurity Projects </h1>
<h2>Vulnerability Assessments</h2>
<a href="{{ site.baseurl }}/Vulnerability_assessment_report.pdf"> Vulnerability Assessment (A Google Cybersecurity Certificate Exercise)</a>
<a href="{{ site.baseurl }}/Data_leak__worksheet.pdf"> Data Leak Assessment (A Google Cybersecurity Certificate Exercise)</a>
<h2>Incident Response</h2>
<a href="{{ site.baseurl }}/Incident_handlers_journal.pdf"> Incident Handler's Journal (A Google Cybersecurity Certificate Exercise, Part 1)</a>
<a href="{{ site.baseurl }}/Incidentreportanalysis.pdf"> Incident Report Analysis (A Google Cybersecurity Certificate Exercise, Part 2)</a>
<h2>Compliance</h2>
<a href="{{ site.baseurl }}/BotiumToys_controls_and_compliance_checklist.pdf"> Botium Toys Compliance Checklist (A Google Cybersecurity Certificate Exercise)</a>
<!-- // FOOTER INFO, SOCIAL MEDIA // -->
<footer>
<div class="centered-container">
<h3>Let's Connect.</h3>
<div class="icon-container">
<a href="https://www.linkedin.com/in/clairelueking"><img src="{{ site.baseurl }}/images/InBug-Black.png" class="icon" alt="LinkedIn Icon"></a>
<a href="mailto:clairelueking@gmail.com"><img src="{{ site.baseurl }}/images/email.png" alt="Email Icon" class="icon"></a>
<!-- <a href="https://dribbble.com/clueking"><img src="{{ site.baseurl }}/images/dribble_logo.svg" alt="Dribble Logo" class="icon"></a> -->
<a href="https://github.com/clueking2"><img src="{{ site.baseurl }}/images/github-mark.png" alt="GitHub Icon" class="icon"></a>
</div>
<p>© 2026 By Claire Lueking, All Rights Reserved.</p>
</div>
</footer>
<script>
// JavaScript for hamburger menu functionality
document.addEventListener("DOMContentLoaded", function() {
// Get elements
const hamburger = document.getElementById("hamburger");
const navLinks = document.getElementById("navLinks");
const dropdown = document.querySelector(".dropdown");
const dropbtn = document.querySelector(".dropbtn");
// Toggle menu when hamburger is clicked
hamburger.addEventListener("click", function(e) {
e.stopPropagation(); // Prevent event bubbling
hamburger.classList.toggle("active");
navLinks.classList.toggle("active");
});
// Handle dropdown on mobile
dropbtn.addEventListener("click", function(e) {
if (window.innerWidth <= 768) {
e.preventDefault();
e.stopPropagation(); // Prevent triggering parent click handlers
dropdown.classList.toggle("active");
}
});
// Close menu when clicking outside
document.addEventListener("click", function(e) {
// If click is outside hamburger and nav links
if (!hamburger.contains(e.target) &&
!navLinks.contains(e.target) &&
navLinks.classList.contains("active")) {
hamburger.classList.remove("active");
navLinks.classList.remove("active");
dropdown.classList.remove("active");
}
});
// Close menu when resizing to desktop
window.addEventListener("resize", function() {
if (window.innerWidth > 768) {
hamburger.classList.remove("active");
navLinks.classList.remove("active");
dropdown.classList.remove("active");
}
});
});
</script>
</body>
</html>