Skip to content

Commit eac85e9

Browse files
risenWrisenW
committed
add header styles
1 parent f1e62ab commit eac85e9

5 files changed

Lines changed: 41 additions & 18 deletions

File tree

‎notebookjs/src/public/images/logo.png‎

25 KB
Loading

‎notebookjs/src/public/javascripts/index.js‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ const editor = CodeMirror(document.getElementById('div-1'), {
77
});
88

99

10+
1011
var md = new Remarkable()
1112
//Global Params
1213
let vars_in_scope = {
@@ -67,7 +68,7 @@ function add_new_code_cell(c_id, where) {
6768
<div class="col-md-1">
6869
<p id="cell-num" class="code_symbol">[${new_id}]</p>
6970
</div>
70-
<div id="div-${new_id}" class="col-md-11">
71+
<div id="div-${new_id}" class="col-md-9">
7172
<div id="btn-actions-${new_id}" class="btn-group-horizontal" style="display: none;">
7273
<button type="button" id="run_div-${new_id}" class="btn btn-sm btn-success run"><i
7374
class="fas fa-play"></i>Run</button>
@@ -98,10 +99,12 @@ function add_new_code_cell(c_id, where) {
9899
</div>
99100
100101
</div>
102+
<div class="col-md-2"></div>
101103
<div class="col-md-1"></div>
102-
<div id="out_div-${new_id}" class="col-md-10 out-divs">
104+
<div id="out_div-${new_id}" class="col-md-9 out-divs">
103105
104106
</div>
107+
<div class="col-md-2"></div>
105108
</div>
106109
`
107110

@@ -152,7 +155,7 @@ function add_new_text_cell(c_id, where) {
152155
<p id="cell-num" class="code_symbol">[${new_id}]</p>
153156
</div>
154157
155-
<div id="text-div_${new_id}" class="col-md-11">
158+
<div id="text-div_${new_id}" class="col-md-9">
156159
<div id="btn-actions-${new_id}" class="btn-group-horizontal" style="margin-bottom: 2px;">
157160
<button type="button" id="run_md_div-${new_id}" class="btn btn-sm btn-success run"><i class="fas fa-play"></i>
158161
Run</button>
@@ -181,9 +184,11 @@ function add_new_text_cell(c_id, where) {
181184
182185
<textarea id="text-box_${new_id}" class="text-box"></textarea>
183186
</div>
184-
187+
<div class="col-md-2"></div>
185188
<div class="col-md-1"></div>
186-
<div id="out-text-div_${new_id}" style="display:block;" class="col-md-11 text-out-box"></div>
189+
<div id="out-text-div_${new_id}" style="display:block;" class="col-md-9 text-out-box"></div>
190+
<div class="col-md-2"></div>
191+
187192
</div>
188193
189194
`

‎notebookjs/src/public/stylesheets/style.css‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,9 @@ a {
77
}
88

99
.container{
10-
margin-left: 10px;
11-
margin-right: 10px;
10+
padding: 20px;
11+
/* margin-left: 10px; */
12+
/* margin-right: 10px; */
1213
}
1314

1415
.out-divs{
@@ -22,6 +23,7 @@ a {
2223
.CodeMirror {
2324
border: 1px solid #eee;
2425
height: auto;
26+
padding: 10px;
2527
}
2628

2729
.mdCell {

‎notebookjs/src/views/index.hbs‎

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<body>
22

3-
<div class="container">
3+
<div class="">
44
<div class="row" style="margin-top: 50px;" id="cell-1">
55
<div class="col-md-1">
66
<p id="cell-num" class="code_symbol">[1]</p>
77
</div>
8-
<div id="div-1" class="col-md-11">
8+
<div id="div-1" class="col-md-9">
99
<div id="btn-actions-1" class="btn-group-horizontal" style="display: none;">
1010
<button type="button" id="run_div-1" class="btn btn-sm btn-success run"><i class="fas fa-play"></i>
1111
Run</button>
@@ -36,10 +36,20 @@
3636
</div>
3737

3838
</div>
39+
<div class="col-md-2">
40+
{{!-- <form method="GET">
41+
<div class="form-group">
42+
<label for="exampleFormControlFile1">Add Data</label>
43+
<input type="file" class="form-control-file" id="exampleFormControlFile1">
44+
</div>
45+
</form> --}}
46+
</div>
3947
{{!-- Output of code div start --}}
4048
<div class="col-md-1"></div>
41-
<div id="out_div-1" class="col-md-11 out-divs">
49+
<div id="out_div-1" class="col-md-9 out-divs">
4250
</div>
51+
<div class="col-md-2"></div>
52+
4353
{{!-- Output of code div start --}}
4454

4555

@@ -81,7 +91,7 @@
8191
<div class="col-md-1"></div>
8292
<div id="out-text-div_${new_id}" style="display:block;" class="col-md-11 text-out-box">
8393
</div> --}}
84-
94+
8595
{{!-- Markdown cell End --}}
8696

8797
</div>

‎notebookjs/src/views/layout.hbs‎

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -32,21 +32,27 @@
3232

3333
<body>
3434
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
35-
<a class="navbar-brand" href="#">Navbar</a>
35+
<a class="navbar-brand" href="#"><img style="width: 40px; width: 40px;" src="images/logo.png"/> Notebooks</a>
3636
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
3737
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
3838
<span class="navbar-toggler-icon"></span>
3939
</button>
4040

4141
<div class="collapse navbar-collapse" id="navbarSupportedContent">
42-
<ul class="navbar-nav mr-auto">
42+
<ul class="navbar-nav ml-auto">
4343
<li class="nav-item active">
4444
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
4545
</li>
4646
<li class="nav-item">
47-
<a class="nav-link" href="#">Link</a>
47+
<a class="nav-link" href="#">Getting Started</a>
4848
</li>
49-
<li class="nav-item dropdown">
49+
<li class="nav-item">
50+
<a class="nav-link" href="https://github.com/opensource9ja/notebookjs">Github</a>
51+
</li>
52+
<li class="nav-item">
53+
<a class="nav-link" href="https://danfo.jsdata.org/">Danfo.js</a>
54+
</li>
55+
{{!-- <li class="nav-item dropdown">
5056
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
5157
aria-haspopup="true" aria-expanded="false">
5258
Dropdown
@@ -57,10 +63,10 @@
5763
<div class="dropdown-divider"></div>
5864
<a class="dropdown-item" href="#">Something else here</a>
5965
</div>
60-
</li>
61-
<li class="nav-item">
66+
</li> --}}
67+
{{!-- <li class="nav-item">
6268
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
63-
</li>
69+
</li> --}}
6470
</ul>
6571
</div>
6672
</nav>

0 commit comments

Comments
 (0)