|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>AZ-1004 Monitoring Companion Site</title> |
|
<style> |
|
:root { |
|
--primary-color: #0078d4; |
|
--secondary-color: #50e6ff; |
|
--background-color: #f0f2f5; |
|
--text-color: #333; |
|
--link-color: #0056b3; |
|
} |
|
body { |
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; |
|
line-height: 1.6; |
|
color: var(--text-color); |
|
background-color: var(--background-color); |
|
margin: 0; |
|
padding: 0; |
|
} |
|
.container { |
|
max-width: 1200px; |
|
margin: 0 auto; |
|
padding: 20px; |
|
} |
|
h1 { |
|
color: var(--primary-color); |
|
text-align: center; |
|
margin-bottom: 20px; |
|
} |
|
.links { |
|
text-align: center; |
|
margin-bottom: 30px; |
|
} |
|
.links a { |
|
color: var(--link-color); |
|
text-decoration: none; |
|
margin: 0 10px; |
|
font-weight: bold; |
|
} |
|
.links a:hover { |
|
text-decoration: underline; |
|
} |
|
.tabs { |
|
display: flex; |
|
justify-content: space-around; |
|
background-color: var(--primary-color); |
|
padding: 10px 0; |
|
} |
|
.tab { |
|
color: white; |
|
cursor: pointer; |
|
padding: 10px 20px; |
|
border-radius: 5px; |
|
transition: background-color 0.3s; |
|
} |
|
.tab:hover, .tab.active { |
|
background-color: var(--secondary-color); |
|
color: var(--text-color); |
|
} |
|
.tab-content { |
|
display: none; |
|
padding: 20px; |
|
background-color: white; |
|
border-radius: 0 0 5px 5px; |
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1); |
|
} |
|
.tab-content.active { |
|
display: block; |
|
} |
|
ul { |
|
list-style-type: none; |
|
padding: 0; |
|
} |
|
li { |
|
margin-bottom: 10px; |
|
} |
|
li a { |
|
color: var(--link-color); |
|
text-decoration: none; |
|
} |
|
li a:hover { |
|
text-decoration: underline; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<div class="container"> |
|
<h1>AZ-2001 Azure Security Pipelines</h1> |
|
<div class="links"> |
|
<a href="https://learn.microsoft.com/en-us/training/paths/implement-security-through-pipeline-using-devops/" target="_blank">Companion Site: AZ-2001 Security Pipelines |
|
<a href="https://chatgpt.com/g/g-mYPbdl190-finstart-devops" target="_blank">Simulator</a> |
|
<a href="https://www.linkedin.com/in/mikelively-quantumai/" target="_blank">Mike Lively: LinkedIn</a> |
|
</div> |
|
<div class="tabs"> |
|
<div class="tab active" onclick="openTab(event, 'day1')">Day 1</div> |
|
</div> |
|
<div id="day1" class="tab-content active"> |
|
<h2>Day 1</h2> |
|
<p>AZ-2001 Azure Security Pipelines</p> |
|
<ul> |
|
<li><a href="https://chatgpt.com/g/g-mYPbdl190-finstart-devops" target="_blank">FinStart Case Study Team</a></li> |
|
<li><a href="https://microsoftlearning.github.io/implement-security-through-pipeline-using-devops/" target="_blank">Lab Companion Site</a></li> |
|
<li><a href="https://claude.ai/" target="_blank">Claude</a></li> |
|
<li><a href="https://chatgpt.com/" target="_blank">ChatGPT</a></li> |
|
<li><a href="https://huggingface.co/spaces/eaglelandsonce/Pipeline_Definition_Jeopardy" target="_blank">Pipeline Definition Jeopardy</a></li> |
|
<li><a href="https://huggingface.co/spaces/eaglelandsonce/Azure_Pipeline_Jeopardy" target="_blank">Azure Pipeline Overview Jeopardy</a></li> |
|
<li><a href="https://huggingface.co/spaces/eaglelandsonce/Azure_Repository_Jeopardy" target="_blank">Azure Repo Jeopardy</a></li> |
|
<li><a href="https://huggingface.co/spaces/eaglelandsonce/ARMTemplateTutorial" target="_blank">ARM Template Tutorial</a></li> |
|
<li><a href="https://huggingface.co/spaces/eaglelandsonce/ARMTemplateSimulator" target="_blank">Arm Template Simulator</a></li> |
|
<li><a href="https://huggingface.co/spaces/eaglelandsonce/bicepminicourse" target="_blank">Bicep Mini-Course</a></li> |
|
|
|
</ul> |
|
</div> |
|
|
|
</div> |
|
<script> |
|
function openTab(evt, tabName) { |
|
var i, tabContent, tabLinks; |
|
tabContent = document.getElementsByClassName("tab-content"); |
|
for (i = 0; i < tabContent.length; i++) { |
|
tabContent[i].style.display = "none"; |
|
} |
|
tabLinks = document.getElementsByClassName("tab"); |
|
for (i = 0; i < tabLinks.length; i++) { |
|
tabLinks[i].className = tabLinks[i].className.replace(" active", ""); |
|
} |
|
document.getElementById(tabName).style.display = "block"; |
|
evt.currentTarget.className += " active"; |
|
} |
|
</script> |
|
</body> |
|
</html> |
|
|
