forked from jan/psslides
2282b13325
Less now lives in <style> tags alongside the slide HTML, so there is one editor buffer and no separate stylesheet tab. - compile.ts extracts every <style> tag in the deck (global slide first, then each slide in order) into one project stylesheet, strips the raw tags from the markup so uncompiled Less never reaches the DOM, and compiles that source once per slide with :thisSlide resolving to the slide being compiled. - editor.ts is back to a single buffer; the CSS/LESS workers still highlight, validate and complete the Less inside the tag. - thumbnails render markup with style tags removed, exactly like the presentation does.
33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>p/slides</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="menubar">
|
|
<b>p/slides</b>
|
|
<div class="menubar-actions">
|
|
<button class="present-button" type="button">Present</button>
|
|
</div>
|
|
</div>
|
|
<div class="slidelist">
|
|
<div class="slide-list-header">
|
|
<span>Slides</span>
|
|
<button class="add-slide" type="button" aria-label="Add slide">+</button>
|
|
</div>
|
|
<div class="slide-list-items"></div>
|
|
</div>
|
|
<div class="code"></div>
|
|
<div class="preview">
|
|
<div class="compile-error" role="alert" hidden></div>
|
|
<div class="stage" tabindex="-1"></div>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|