Skip to content

Commit 4e448c4

Browse files
tcbegleytcbegley
committed
Undo formatting changes
1 parent 1dc555f commit 4e448c4

File tree

3 files changed

+108
-87
lines changed

3 files changed

+108
-87
lines changed

‎docs/templates/example.html

Lines changed: 27 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,29 @@
1-
{% from 'macros/example-navbar.html' import example_navbar %}
2-
{% extends 'base.html' %}
3-
{% block header %}
4-
{{ example_navbar() }}
5-
{% endblock %}
1+
{% from "macros/example-navbar.html" import example_navbar %}
2+
{% extends "base.html" %}
3+
{% block header %}{{ example_navbar() }}{% endblock %}
64
{% block body %}
7-
<main class="dbcd-main mb-5 mx-2 mx-md-4 my-4">
8-
{% block size_warning %}
9-
10-
{% endblock %}
11-
<div data-bs-theme="light" style="transform:translateZ(0);box-shadow:0 0 10px 5px #9c9c9c;min-height:calc(700px);">
12-
{% block content %}
13-
14-
{% endblock %}
15-
</div>
16-
<div>
17-
<h2>Source Code</h2>
18-
<div id="sourceCode" class="position-relative" style="visibility:hidden;top:-110px"></div>
19-
<p>
20-
This code is available
21-
<a href="{{ example_link }}">in the examples directory</a> of our GitHub repository.
22-
</p>
23-
<pre class="mt-3">
24-
<code class="language-python">
25-
{% block code %}
26-
27-
{% endblock %}
28-
</code>
29-
</pre>
30-
</div>
31-
</main>
5+
<main class="dbcd-main mb-5 mx-2 mx-md-4 my-4">
6+
{% block size_warning %}{% endblock %}
7+
<div
8+
style="transform:translateZ(0);box-shadow:0 0 10px 5px #9c9c9c;min-height:calc(700px);"
9+
>
10+
{% block content %}{% endblock %}
11+
</div>
12+
<div>
13+
<h2>Source Code</h2>
14+
<div
15+
id="sourceCode"
16+
class="position-relative"
17+
style="visibility:hidden;top:-110px"
18+
></div>
19+
<p>
20+
This code is available
21+
<a href="{{ example_link }}">in the examples directory</a> of our GitHub
22+
repository.
23+
</p>
24+
<pre
25+
class="mt-3"
26+
><code class="language-python">{% block code %}{% endblock %}</code></pre>
27+
</div>
28+
</main>
3229
{% endblock %}

‎docs/templates/examples-index.html

Lines changed: 63 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,69 @@
1-
{% from 'macros/sidenav.html' import sidenav %}
2-
{% from 'macros/navbar.html' import navbar %}
3-
{% extends 'base.html' %}
4-
{% block title %}
5-
<title>Examples - dbc docs</title>
6-
{% endblock %}
7-
{% block header %}
8-
{{ navbar('examples', False) }}
9-
{% endblock %}
1+
{% from "macros/sidenav.html" import sidenav %}
2+
{% from "macros/navbar.html" import navbar %}
3+
{% extends "base.html" %}
4+
{% block title %}<title>Examples - dbc docs</title>{% endblock %}
5+
{% block header %}{{ navbar("examples", False) }}{% endblock %}
106
{% block body %}
11-
<div class="container">
12-
<main class="dbcd-main mb-5">
13-
<h1>Examples</h1>
14-
<p class="lead">
15-
This page contains example apps built with dash-bootstrap-components. Check out our
16-
<a href="https://github.com/facultyai/dash-bootstrap-components/tree/main/examples">GitHub page</a>
17-
for more.
18-
</p>
19-
<div class="row">
20-
<div class="col-12 col-md-4">
21-
<h2>Iris</h2>
22-
<div class="card">
23-
<a href="/examples/iris"><img src="/static/images/examples/iris.png" alt="Iris example screenshot" class="card-img-top card-img-bottom" /></a>
24-
</div>
25-
<p>
26-
Interactively cluster the Iris dataset. Based on
27-
<a href="https://shiny.rstudio.com/gallery/kmeans-example.html">this RShiny example</a>.
28-
</p>
7+
<div class="container">
8+
<main class="dbcd-main mb-5">
9+
<h1>Examples</h1>
10+
<p class="lead">
11+
This page contains example apps built with dash-bootstrap-components.
12+
Check out our
13+
<a
14+
href="https://github.com/facultyai/dash-bootstrap-components/tree/main/examples"
15+
>GitHub page</a
16+
>
17+
for more.
18+
</p>
19+
<div class="row">
20+
<div class="col-12 col-md-4">
21+
<h2>Iris</h2>
22+
<div class="card">
23+
<a href="/examples/iris">
24+
<img
25+
src="/static/images/examples/iris.png"
26+
alt="Iris example screenshot"
27+
class="card-img-top card-img-bottom"
28+
/></a>
2929
</div>
30-
<div class="col-12 col-md-4">
31-
<h2>Graphs in <code>Tabs</code></h2>
32-
<div class="card">
33-
<a href="/examples/graphs-in-tabs"><img src="/static/images/examples/git.png" alt="Graphs in tabs example screehshot" class="card-img-top card-img-bottom" /></a>
34-
</div>
35-
<p>
36-
An example app showing how to ensure <code>dash_core_components.Graph</code>
37-
components are sized correctly when used with <code>dbc.Tabs</code>.
38-
</p>
30+
<p>
31+
Interactively cluster the Iris dataset. Based on
32+
<a href="https://shiny.rstudio.com/gallery/kmeans-example.html"
33+
>this RShiny example</a
34+
>.
35+
</p>
36+
</div>
37+
<div class="col-12 col-md-4">
38+
<h2>Graphs in <code>Tabs</code></h2>
39+
<div class="card">
40+
<a href="/examples/graphs-in-tabs"
41+
><img
42+
src="/static/images/examples/git.png"
43+
alt="Graphs in tabs example screehshot"
44+
class="card-img-top card-img-bottom"
45+
/></a>
3946
</div>
40-
<div class="col-12 col-md-4">
41-
<h2>Simple sidebar</h2>
42-
<div class="card">
43-
<a href="/examples/simple-sidebar"><img src="/static/images/examples/ss.png" alt="Simple sidebar example screenshot" class="card-img-top card-img-bottom" /></a>
44-
</div>
45-
<p>An example multipage app with sidebar and active navigation links.</p>
47+
<p>
48+
An example app showing how to ensure <code>dash_core_components.Graph</code>
49+
components are sized correctly when used with <code>dbc.Tabs</code>.
50+
</p>
51+
</div>
52+
<div class="col-12 col-md-4">
53+
<h2>Simple sidebar</h2>
54+
<div class="card">
55+
<a href="/examples/simple-sidebar"
56+
><img
57+
src="/static/images/examples/ss.png"
58+
alt="Simple sidebar example screenshot"
59+
class="card-img-top card-img-bottom"
60+
/></a>
4661
</div>
62+
<p>
63+
An example multipage app with sidebar and active navigation links.
64+
</p>
4765
</div>
48-
</main>
49-
</div>
66+
</div>
67+
</main>
68+
</div>
5069
{% endblock %}

‎docs/templates/macros/example-navbar.html

Lines changed: 18 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,20 @@
11
{% macro example_navbar() -%}
2-
<nav class="navbar sticky-top navbar-expand navbar-dark bg-dark">
3-
<div class="container-fluid">
4-
<span class="me-2 bg-white" style="padding:2px;border-radius:4px"><img src="/static/images/dbciconblack128.png" width="36" height="36" alt="dbc logo thumbnail" /></span>
5-
<ul class="navbar-nav me-auto">
6-
<li class="nav-item">
7-
<a class="nav-link" href="/examples">Back to examples</a>
8-
</li>
9-
<li class="nav-item">
10-
<a href="#sourceCode" class="nav-link">Jump to source</a>
11-
</li>
12-
</ul>
13-
</div>
14-
</nav>
2+
<nav class="navbar sticky-top navbar-expand navbar-dark bg-dark">
3+
<div class="container-fluid">
4+
<span class="me-2 bg-white" style="padding:2px;border-radius:4px">
5+
<img
6+
src="/static/images/dbciconblack128.png"
7+
width="36"
8+
height="36"
9+
alt="dbc logo thumbnail"
10+
/>
11+
</span>
12+
<ul class="navbar-nav me-auto">
13+
<li class="nav-item">
14+
<a class="nav-link" href="/examples">Back to examples</a>
15+
</li>
16+
<li class="nav-item"><a href="#sourceCode" class="nav-link">Jump to source</a></li>
17+
</ul>
18+
</div>
19+
</nav>
1520
{%- endmacro %}

0 commit comments

Comments
 (0)