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.
123 lines
3.9 KiB
HTML
123 lines
3.9 KiB
HTML
<style>
|
|
.about ul {margin-left:10px; padding-left:15px; list-style-type:none;}
|
|
.about ul li {margin:4px;}
|
|
.dataframe {
|
|
border-collapse: collapse;
|
|
margin: 25px 0;
|
|
font-size: 0.9em;
|
|
font-family: sans-serif;
|
|
width:100%;
|
|
border:1px solid #CAD5E0;
|
|
|
|
|
|
/* min-width: 400px; */
|
|
/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); */
|
|
}
|
|
.dataframe thead tr {
|
|
background-color: #4682B4;
|
|
color: #ffffff;
|
|
text-align: left;
|
|
|
|
}
|
|
.dataframe th,
|
|
.dataframe td {
|
|
padding: 12px 15px;
|
|
}
|
|
.dataframe tbody tr {
|
|
border-bottom: 1px solid #dddddd;
|
|
}
|
|
|
|
.dataframe tbody tr:nth-of-type(even) {
|
|
background-color: #f3f3f3;
|
|
}
|
|
.dataframe tbody tr:nth-of-type(odd) {
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
/* .dataframe tbody tr:last-of-type {
|
|
border-bottom: 2px solid #009879;
|
|
} */
|
|
.dataframe tbody tr.active-row {
|
|
font-weight: bold;
|
|
color: #009879;
|
|
}
|
|
.warning{display:grid; grid-template-columns: 80px auto; gap:8px;}
|
|
iframe {width:100%; height:100%;}
|
|
</style>
|
|
|
|
<script>
|
|
// uri = 'api/register/technologies'
|
|
// var http = HttpClient.instance()
|
|
// http.get(uri,(x)=>{
|
|
// $('#support').html(x.responseText)
|
|
// $('.powered').html('Powered By data-transport '+sessionStorage.wb_powered)
|
|
// })
|
|
$(document).ready(()=>{
|
|
var layout = {on:{load:{}}}
|
|
layout.on.load.intro = ['www/html/features.html']
|
|
bootup.init('{{system.context}}',layout)
|
|
})
|
|
</script>
|
|
|
|
<div class="" style="height:80vh;align-self:center; display:grid; grid-template-columns: 60% 40%; gap:8px;">
|
|
<div id="intro" class="intro" style="align-self:end;">
|
|
|
|
</div>
|
|
<div class="about" style="align-self:end; padding:8px;">
|
|
<div class="get-started border-round border shadow warning" style="padding:8px;">
|
|
<i class="fa-solid fa-triangle-exclamation" style="font-size:64px; color:#ff6500;"> </i>
|
|
<div>
|
|
Your system is missing a database <b>registry</b>
|
|
<br>Click <span class="active" onclick="dialog.show({uri:'www/html/wizard.html',title:'Create New Connection',context:'{{system.context}}'})">
|
|
<i class="fa-solid fa-plug-circle-plus" style="color:#4682B4;"></i>
|
|
here </span> to get started
|
|
</div>
|
|
</div>
|
|
<h4>
|
|
Credit
|
|
</h4>
|
|
<ul class="border-left">
|
|
<li>
|
|
<i class="fa-solid fa-minus"></i> <span class="active" onclick="window.open('https://hiplab.mc.vanderbilt.edu')">HIPLAB</span> @ Vanderbilt University Medical Center
|
|
</li>
|
|
<li>
|
|
<i class="fa-solid fa-minus"></i> Kidney Transpant Center @ Vanderbilt University Medical Center
|
|
</li>
|
|
<li>
|
|
<i class="fa-solid fa-minus"></i> the#SPHERE lab @ Vanderbilt University Medical Center
|
|
</li>
|
|
|
|
</ul>
|
|
<p>
|
|
<h4>License</h4>
|
|
<ul class="border-left">
|
|
<li>
|
|
<b>{{layout.header.title}}</b> is licensed under MIT License
|
|
</li>
|
|
<li>
|
|
with most of the components require attribution.
|
|
</li>
|
|
</ul>
|
|
</p>
|
|
<p>
|
|
<h4>Component Attribution</h4>
|
|
</p>
|
|
<ul class="border-left">
|
|
|
|
<li>
|
|
<i class="fa-solid fa-minus"></i> Syncfusion,
|
|
</li>
|
|
<li>
|
|
<i class="fa-solid fa-minus"></i> fontawesome,
|
|
</li>
|
|
<li>
|
|
<i class="fa-solid fa-minus"></i> Iconfinder
|
|
</li>
|
|
<li>
|
|
<i class="fa-solid fa-minus"></i> freepik.com | iconduck
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div> |