mirror of
https://github.com/m3y54m/Embedded-Engineering-Roadmap.git
synced 2026-10-10 08:18:16 +03:00
Meysam Parvizi
cc34538ad2
Shown only when the CI-rendered files exist next to the site; on phones they replace the Print button.
71 lines
5.2 KiB
HTML
71 lines
5.2 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; font-src 'self'; img-src 'self' data:; connect-src 'self' https://raw.githubusercontent.com; base-uri 'none'; form-action 'none'; object-src 'none'">
|
|
<title>Embedded Engineering Roadmap · Explorer</title>
|
|
<meta name="description" content="Interactive map of the Embedded Systems Engineering Roadmap: explore topics, how they connect, and their learning resources.">
|
|
<link rel="icon" href="assets/logo.svg" type="image/svg+xml">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="stylesheet" href="map.css">
|
|
<script type="module" src="app.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="app">
|
|
<header class="topbar">
|
|
<a class="brand" href="#/" aria-label="Roadmap overview">
|
|
<img class="brand-mark" src="assets/logo.svg" alt="" width="36" height="36">
|
|
<span class="brand-text">
|
|
<strong>Embedded Engineering Roadmap</strong>
|
|
<span>Interactive explorer</span>
|
|
</span>
|
|
</a>
|
|
|
|
<div class="search" role="search">
|
|
<svg class="search-icon" viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="2"/><path d="m20 20-4.2-4.2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
|
|
<input id="search" type="search" placeholder="Search topics and resources" autocomplete="off" spellcheck="false"
|
|
role="combobox" aria-label="Search topics and resources" aria-expanded="false" aria-controls="search-results" aria-autocomplete="list">
|
|
<kbd aria-hidden="true">/</kbd>
|
|
<div id="search-results" class="search-results" role="listbox" aria-label="Search results" hidden></div>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<div class="segmented" role="tablist" aria-label="View">
|
|
<button type="button" role="tab" data-view="map" aria-selected="true" aria-controls="diagram">Map</button>
|
|
<button type="button" role="tab" data-view="list" aria-selected="false" aria-controls="outline">Outline</button>
|
|
</div>
|
|
<button type="button" id="print" class="icon-btn" aria-label="Print or save the roadmap as PDF" title="Print or save as PDF (A4)">
|
|
<svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path d="M7 9V3h10v6M7 17H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2M7 14h10v7H7z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/></svg>
|
|
</button>
|
|
<a class="icon-btn text-btn" href="Embedded-Engineering-Roadmap.pdf" download data-download hidden title="Download the roadmap as PDF (A4)">
|
|
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 19h14" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>PDF
|
|
</a>
|
|
<a class="icon-btn text-btn" href="Embedded-Engineering-Roadmap.png" download data-download hidden title="Download the roadmap as PNG image">
|
|
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 19h14" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>PNG
|
|
</a>
|
|
<button type="button" id="theme" class="icon-btn" aria-label="Switch color theme" title="Switch color theme">
|
|
<svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9A7 7 0 0 1 12 3Z" fill="currentColor"/></svg>
|
|
</button>
|
|
<a class="icon-btn" href="https://github.com/m3y54m/Embedded-Engineering-Roadmap" target="_blank" rel="noopener noreferrer" aria-label="Repository on GitHub" title="Repository on GitHub">
|
|
<svg viewBox="0 0 16 16" width="18" height="18" aria-hidden="true"><path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="layout">
|
|
<section class="stage" aria-label="Roadmap">
|
|
<div id="diagram" class="map-view" role="tabpanel" hidden></div>
|
|
<div id="outline" class="outline" role="tabpanel" hidden></div>
|
|
<div id="status" class="status" role="status">
|
|
<span class="spinner" aria-hidden="true"></span>
|
|
<span>Loading roadmap…</span>
|
|
</div>
|
|
</section>
|
|
|
|
<aside id="panel" class="panel" aria-label="Topic details" tabindex="-1"></aside>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|