You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
2.1 KiB
HTML
58 lines
2.1 KiB
HTML
<style>
|
|
iframe {
|
|
border:1px solid transparent;
|
|
width:100%; height:100%; margin:8px;}
|
|
.page-split {display:grid; grid-template-columns: 25% 4px auto; gap:8px; height:75vh;}
|
|
.page-split ul {margin:4px}
|
|
</style>
|
|
<script>
|
|
var _layout = {on:{load:{'visit-us':['www/html/visit-us.html','www/html/visit-us.html']}}}
|
|
bootup.init('',_layout)
|
|
var notebook = {}
|
|
notebook.open = function (_id){
|
|
$('.notebook iframe').attr('src',`www/html/docs/html/${_id}.html`)
|
|
}
|
|
</script>
|
|
<div class="notebook page-split">
|
|
<div>
|
|
<div class="large-text">Notebooks</div>
|
|
<p class="small">
|
|
Click on a link below to preview a notebook that illustrates how {{layout.header.title}} can be used.
|
|
</p>
|
|
|
|
<ul>
|
|
<div class="active" onclick="notebook.open('sqlite')">
|
|
<i class="fa-solid fa-minus"></i> sqlite
|
|
</div>
|
|
<div class="active" onclick="notebook.open('bigquery')">
|
|
<i class="fa-solid fa-minus"></i> bigquery
|
|
</div>
|
|
<div class="active" onclick="notebook.open('mssqlserver')">
|
|
<i class="fa-solid fa-minus"></i> mssqlserver
|
|
</div>
|
|
<div class="active" onclick="notebook.open('mysql')">
|
|
<i class="fa-solid fa-minus"></i> mysql
|
|
</div>
|
|
<div class="active" onclick="notebook.open('postgresql')">
|
|
<i class="fa-solid fa-minus"></i> postgresql
|
|
</div>
|
|
<div class="active" onclick="notebook.open('s3')">
|
|
<i class="fa-solid fa-minus"></i> AWS S3
|
|
</div>
|
|
<div class="active" onclick="notebook.open('mongodb')">
|
|
<div ><i class="fa-solid fa-minus"></i> mongodb</div>
|
|
</div>
|
|
</ul>
|
|
<p>
|
|
<br>
|
|
<div style="border-top:4px dotted #CAD5E0"></div>
|
|
<br>
|
|
<div id="visit-us"></div>
|
|
</p>
|
|
</div>
|
|
|
|
|
|
|
|
<div style="border-left:4px dotted #CAD5E0;"></div>
|
|
<iframe src="www/html/docs/html/mongodb.html"></iframe>
|
|
</div> |