Skip to content

Commit

Permalink
style: fix prettier linting failure
Browse files Browse the repository at this point in the history
  • Loading branch information
@b-kelly
b-kelly committed Apr 8, 2022
1 parent 59b8e4f commit c711a5f
Showing 1 changed file with 107 additions and 88 deletions.
195 changes: 107 additions & 88 deletions site/layout.html
View file
Original file line number Diff line number Diff line change
@@ -1,92 +1,111 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Stacks Editor</title>
<link
rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐸</text></svg>"
/>
</head>

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Stacks Editor</title>
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐸</text></svg>" />
</head>

<body class="p24">
<div class="d-flex ai-center ps-fixed t8 r8 sm:d-none">
<a href="#" class="s-btn js-repo-link" target="_blank" title="Source">
<span class="icon-bg iconGitHub"></span>
<span class="v-visible-sr">Source</span>
</a>
<a href="https://stackoverflow.design/product/components/editor/" class="s-btn" target="_blank" title="Docs">
<span class="icon-bg iconLogoGlyphXSm"></span>
<span class="v-visible-sr">Docs</span>
</a>
<button type="button" class="s-btn s-btn__dropdown" role="button" aria-controls="js-settings-popover"
data-controller="s-popover" data-action="s-popover#toggle" data-s-popover-placement="bottom-end">
Settings
</button>
<div class="s-popover" id="js-settings-popover" role="menu">
<div class="s-popover--arrow"></div>
<ul class="s-sidebarwidget--content s-sidebarwidget__items btw0 p0">
<li class="d-flex ai-center s-sidebarwidget--item">
<div class="flex--item s-toggle-switch">
<input id="js-toggle-dark" type="checkbox" />
<div class="s-toggle-switch--indicator"></div>
</div>
<label for="js-toggle-dark" class="flex--item ml4">
Dark mode
</label>
</li>
<li class="d-flex ai-center s-sidebarwidget--item">
<div class="flex--item s-toggle-switch">
<input id="js-toggle-contrast" type="checkbox" />
<div class="s-toggle-switch--indicator"></div>
</div>
<label for="js-toggle-contrast" class="flex--item ml4">
High contrast
</label>
</li>
<li class="d-flex ai-center s-sidebarwidget--item">
<div class="flex--item s-toggle-switch">
<input id="js-toggle-readonly" type="checkbox" />
<div class="s-toggle-switch--indicator"></div>
</div>
<label for="js-toggle-readonly" class="flex--item ml4">
Readonly
</label>
</li>
<li class="s-sidebarwidget--item">
<a href="./index.html" class="s-link">Example editor</a>
</li>
<li class="s-sidebarwidget--item">
<a href="./empty.html" class="s-link">Empty editor</a>
</li>
<li class="s-sidebarwidget--item">
<a href="./noimage.html" class="s-link">
No image upload
</a>
</li>
<li class="s-sidebarwidget--item">
<a href="./tables.html" class="s-link">
Tables playground
</a>
</li>
<li class="s-sidebarwidget--item">
<a href="./dualeditor.html" class="s-link">
Dual editor playground
</a>
</li>
<li class="s-sidebarwidget--item">
v<span class="js-version-number">???</span>
</li>
</ul>
<body class="p24">
<div class="d-flex ai-center ps-fixed t8 r8 sm:d-none">
<a
href="#"
class="s-btn js-repo-link"
target="_blank"
title="Source"
>
<span class="icon-bg iconGitHub"></span>
<span class="v-visible-sr">Source</span>
</a>
<a
href="https://stackoverflow.design/product/components/editor/"
class="s-btn"
target="_blank"
title="Docs"
>
<span class="icon-bg iconLogoGlyphXSm"></span>
<span class="v-visible-sr">Docs</span>
</a>
<button
type="button"
class="s-btn s-btn__dropdown"
role="button"
aria-controls="js-settings-popover"
data-controller="s-popover"
data-action="s-popover#toggle"
data-s-popover-placement="bottom-end"
>
Settings
</button>
<div class="s-popover" id="js-settings-popover" role="menu">
<div class="s-popover--arrow"></div>
<ul
class="s-sidebarwidget--content s-sidebarwidget__items btw0 p0"
>
<li class="d-flex ai-center s-sidebarwidget--item">
<div class="flex--item s-toggle-switch">
<input id="js-toggle-dark" type="checkbox" />
<div class="s-toggle-switch--indicator"></div>
</div>
<label for="js-toggle-dark" class="flex--item ml4">
Dark mode
</label>
</li>
<li class="d-flex ai-center s-sidebarwidget--item">
<div class="flex--item s-toggle-switch">
<input id="js-toggle-contrast" type="checkbox" />
<div class="s-toggle-switch--indicator"></div>
</div>
<label for="js-toggle-contrast" class="flex--item ml4">
High contrast
</label>
</li>
<li class="d-flex ai-center s-sidebarwidget--item">
<div class="flex--item s-toggle-switch">
<input id="js-toggle-readonly" type="checkbox" />
<div class="s-toggle-switch--indicator"></div>
</div>
<label for="js-toggle-readonly" class="flex--item ml4">
Readonly
</label>
</li>
<li class="s-sidebarwidget--item">
<a href="./index.html" class="s-link">Example editor</a>
</li>
<li class="s-sidebarwidget--item">
<a href="./empty.html" class="s-link">Empty editor</a>
</li>
<li class="s-sidebarwidget--item">
<a href="./noimage.html" class="s-link">
No image upload
</a>
</li>
<li class="s-sidebarwidget--item">
<a href="./tables.html" class="s-link">
Tables playground
</a>
</li>
<li class="s-sidebarwidget--item">
<a href="./dualeditor.html" class="s-link">
Dual editor playground
</a>
</li>
<li class="s-sidebarwidget--item">
v<span class="js-version-number">???</span>
</li>
</ul>
</div>
</div>
</div>
<div class="wmx6 m-auto mt32">
{% block content %}
<h1 class="mt32">Minimum viable example</h1>
<textarea id="content" name="content" class="d-none"></textarea>
<div id="example-1"></div>
{% endblock %}
</div>
</body>

</html>
<div class="wmx6 m-auto mt32">
{% block content %}
<h1 class="mt32">Minimum viable example</h1>
<textarea id="content" name="content" class="d-none"></textarea>
<div id="example-1"></div>
{% endblock %}
</div>
</body>
</html>

0 comments on commit c711a5f

Please sign in to comment.