Steve Nyemba
2 weeks ago
parent
169077002d
commit
07bcba0b71
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 12 KiB |
@ -1,6 +1,120 @@
|
||||
<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;
|
||||
|
||||
|
||||
attribution
|
||||
iconfinder.com
|
||||
freepik.com
|
||||
iconduck
|
||||
/* 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;}
|
||||
</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)
|
||||
})
|
||||
</script>
|
||||
|
||||
<div style="align-self:center; display:grid; grid-template-columns: 50% 50%; gap:8px;">
|
||||
<div>
|
||||
<h4>Supported Technologies</h4>
|
||||
<div id="support" class="supported"></div>
|
||||
<div class="powered small" align="center"></div>
|
||||
|
||||
</div>
|
||||
<div class="about" style="align-self:end; padding:8px;">
|
||||
<div class="get-started border-round border shadow warning" style="">
|
||||
<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',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 | iconfuck
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in new issue