Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 31c5e1d

Browse files
philippjfrphilippjfr
committed
Consistent styling for panel demos
1 parent 67bfff6 commit 31c5e1d

File tree

4 files changed

+63
-63
lines changed

4 files changed

+63
-63
lines changed

‎pyscriptjs/examples/logo.png

7.27 KB
Loading

‎pyscriptjs/examples/panel_deckgl.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,11 @@
88
<meta name="name" content="Pyscript/Panel DeckGL Demo">
99

1010
<title>Pyscript/Panel DeckGL Demo</title>
11+
<link rel="icon" type="image/x-icon" href="./favicon.png">
1112

1213
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" type="text/css" />
1314
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/widgets.css" type="text/css" />
1415
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/markdown.css" type="text/css" />
15-
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/loading.css" type="text/css" />
16-
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/dataframe.css" type="text/css" />
1716

1817
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/h3-js.umd.js"></script>
1918
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist.min.js"></script>
@@ -50,26 +49,27 @@
5049
</py-env>
5150

5251
<div class="container-fluid d-flex flex-column vh-100 overflow-hidden" id="container">
53-
<nav class="navbar navbar-expand-md navbar-dark sticky-top shadow" id="header" style="background-color: #0072b5;">
52+
<nav class="navbar navbar-expand-md navbar-dark sticky-top shadow" id="header" style="background-color: #000000;">
5453
<button type="button" class="navbar-toggle collapsed" id="sidebarCollapse">
5554
<span class="navbar-toggler-icon"></span>
5655
</button>
5756
<div class="app-header">
58-
<a class="title" href="/" >&nbsp;Panel</a>
59-
<span class="title">&nbsp;-</span>
60-
<a class="title" href="" >&nbsp;Pyscript DeckGL NYC Taxi</a>
57+
<a class="navbar-brand app-logo" href="/">
58+
<img src="./logo.png" class="app-logo">
59+
</a>
60+
<a class="title" href="" style="color: #f0ab3c;">Panel DeckGL NYC Taxi Demo</a>
6161
</div>
6262
</nav>
6363

6464
<div class="row overflow-hidden" id="content">
6565
<div class="sidenav" id="sidebar">
6666
<ul class="nav flex-column">
67-
<div class="bk-root" id="widgets" data-root-id="1021"></div>
67+
<div class="bk-root" id="widgets"></div>
6868
<py-repl id="my-repl" auto-generate="true"> </py-repl>
6969
</ul>
7070
</div>
7171
<div class="col mh-100 float-left" style="padding: 0;">
72-
<div class="bk-root" id="plot" data-root-id="1008"></div>
72+
<div class="bk-root" id="plot"></div>
7373
</div>
7474
</div>
7575
</div>

‎pyscriptjs/examples/panel_kmeans.html

Lines changed: 27 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,17 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
5-
<title>Pyscript/Panel KMeans Demo</title>
6-
7-
<link rel="icon" href="https://unpkg.com/@holoviz/[email protected]/dist/icons/favicon.ico" type="">
5+
<meta name="apple-mobile-web-app-capable" content="yes">
6+
<meta name="apple-mobile-web-app-status-bar-style" content="default">
7+
<meta name="theme-color" content="#000000">
88
<meta name="name" content="PyScript/Panel KMeans Demo">
99

10+
<title>Pyscript/Panel KMeans Demo</title>
11+
<link rel="icon" type="image/x-icon" href="./favicon.png">
12+
1013
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" type="text/css" />
1114
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/widgets.css" type="text/css" />
1215
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/markdown.css" type="text/css" />
13-
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/loading.css" type="text/css" />
14-
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/dataframe.css" type="text/css" />
1516

1617
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega@5"></script>
1718
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-lite@5"></script>
@@ -41,40 +42,41 @@
4142
<link rel="stylesheet" href="../build/pyscript.css" />
4243
<script defer src="../build/pyscript.js"></script>
4344
</head>
44-
<body>
45-
<py-env>
46-
- bokeh
47-
- numpy
48-
- pandas
49-
- scikit-learn
50-
- panel==0.13.1a2
51-
- altair
52-
</py-env>
53-
45+
46+
<py-env>
47+
- altair
48+
- numpy
49+
- pandas
50+
- scikit-learn
51+
- panel==0.13.1a2
52+
</py-env>
53+
54+
<body>
5455
<div class="container-fluid d-flex flex-column vh-100 overflow-hidden" id="container">
55-
<nav class="navbar navbar-expand-md navbar-dark sticky-top shadow" style="" id="header">
56+
<nav class="navbar navbar-expand-md navbar-dark sticky-top shadow" id="header" style="background-color: #000000;">
5657
<button type="button" class="navbar-toggle collapsed" id="sidebarCollapse">
5758
<span class="navbar-toggler-icon"></span>
5859
</button>
5960
<div class="app-header">
60-
<a class="title" href="/" >&nbsp;Panel</a>
61-
<span class="title">&nbsp;-</span>
62-
<a class="title" href="" >&nbsp;Pyscript KMeans Clustering Demo</a>
61+
<a class="navbar-brand app-logo" href="/">
62+
<img src="./logo.png" class="app-logo">
63+
</a>
64+
<a class="title" href="" style="color: #f0ab3c;">Panel KMeans Clustering Demo</a>
6365
</div>
6466
</nav>
6567

6668
<div class="row overflow-hidden" id="content">
6769
<div class="sidenav" id="sidebar">
6870
<ul class="nav flex-column">
69-
<div class="bk-root" id="x-widget" data-root-id="1021"></div>
70-
<div class="bk-root" id="y-widget" data-root-id="1026"></div>
71-
<div class="bk-root" id="n-widget" data-root-id="1031"></div>
71+
<div class="bk-root" id="x-widget"></div>
72+
<div class="bk-root" id="y-widget"></div>
73+
<div class="bk-root" id="n-widget"></div>
7274
</ul>
7375
</div>
7476
<div class="col mh-100 float-left" id="main">
75-
<div class="bk-root" id="intro" data-root-id="1008"></div>
76-
<div class="bk-root" id="cluster-plot" data-root-id="1009"></div>
77-
<div class="bk-root" id="table" data-root-id="1009"></div>
77+
<div class="bk-root" id="intro"></div>
78+
<div class="bk-root" id="cluster-plot"></div>
79+
<div class="bk-root" id="table"></div>
7880
</div>
7981
</div>
8082
</div>

‎pyscriptjs/examples/panel_stream.html

Lines changed: 28 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,18 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
5-
<title>PyScript/Panel Streaming Demo</title>
6-
7-
<link rel="icon" href="https://unpkg.com/@holoviz/[email protected]/dist/icons/favicon.ico" type="">
5+
<meta charset="utf-8">
6+
<meta name="apple-mobile-web-app-capable" content="yes">
7+
<meta name="apple-mobile-web-app-status-bar-style" content="default">
8+
<meta name="theme-color" content="#000000">
89
<meta name="name" content="PyScript/Panel Streaming Demo">
910

11+
<title>PyScript/Panel Streaming Demo</title>
12+
<link rel="icon" type="image/x-icon" href="./favicon.ico">
13+
1014
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" type="text/css" />
1115
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/widgets.css" type="text/css" />
1216
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/markdown.css" type="text/css" />
13-
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/loading.css" type="text/css" />
14-
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/css/dataframe.css" type="text/css" />
1517

1618
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/js/tabulator.js"></script>
1719
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-2.4.2.js"></script>
@@ -21,49 +23,45 @@
2123
<script type="text/javascript">
2224
Bokeh.set_log_level("info");
2325
</script>
24-
26+
2527
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
2628
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/bundled/bootstraptemplate/bootstrap.css">
2729
<link rel="stylesheet" href="https://unpkg.com/@holoviz/[email protected]/dist/bundled/defaulttheme/default.css">
2830

29-
<style>
30-
#sidebar {
31-
width: 350px;
32-
}
33-
</style>
34-
3531
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"></script>
3632
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
3733

3834
<link rel="stylesheet" href="build/pyscript.css" />
3935
<script defer src="build/pyscript.js"></script>
4036
</head>
41-
<body>
42-
<py-env>
43-
- bokeh
44-
- numpy
45-
- pandas
46-
- panel
47-
</py-env>
4837

38+
<py-env>
39+
- bokeh
40+
- numpy
41+
- pandas
42+
- panel
43+
</py-env>
44+
45+
<body>
4946
<div class="container-fluid d-flex flex-column vh-100 overflow-hidden" id="container">
50-
<nav class="navbar navbar-expand-md navbar-dark sticky-top shadow" style="" id="header">
47+
<nav class="navbar navbar-expand-md navbar-dark sticky-top shadow" id="header" style="background-color: #000000;">
5148
<button type="button" class="navbar-toggle collapsed" id="sidebarCollapse">
52-
<span class="navbar-toggler-icon"></span>
53-
</button>
54-
<div class="app-header">
55-
<a class="title" href="/" >&nbsp;Panel</a>
56-
<span class="title">&nbsp;-</span>
57-
<a class="title" href="" >&nbsp;Pyscript Streaming Demo</a>
58-
</div>
49+
<span class="navbar-toggler-icon"></span>
50+
</button>
51+
<div class="app-header">
52+
<a class="navbar-brand app-logo" href="/">
53+
<img src="./logo.png" class="app-logo">
54+
</a>
55+
<a class="title" href="" style="color: #f0ab3c;">Panel Streaming Demo</a>
56+
</div>
5957
</nav>
6058

6159
<div class="row overflow-hidden" id="content">
6260
<div class="col mh-100 float-left" id="main">
63-
<div class="bk-root" id="controls" data-root-id="1009"></div>
61+
<div class="bk-root" id="controls"></div>
6462
<div class="row">
65-
<div class="bk-root" id="table" data-root-id="1010"></div>
66-
<div class="bk-root" id="plot" data-root-id="1011"></div>
63+
<div class="bk-root" id="table"></div>
64+
<div class="bk-root" id="plot"></div>
6765
</div>
6866
</div>
6967
</div>

0 commit comments

Comments
 (0)