300 lines
15 KiB
HTML
300 lines
15 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>CBS Data Sharing Platform</title>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<link rel="stylesheet" href="./assets/css/w3.css" />
|
||
<link rel="stylesheet" href="./assets/css/style.css" />
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway" />
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/fontawesome.min.css" />
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/brands.min.css" />
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/solid.min.css" />
|
||
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-21LPSWHRKT"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'G-21LPSWHRKT');
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- Navbar (sit on top) -->
|
||
<header class="w3-top w3-bar w3-white w3-card" id="cbsDspNavbar">
|
||
<a href="#home" class="w3-bar-item w3-button">
|
||
<div class="cbs-dsp-logo">
|
||
<span class="w3-hide">CBS Data Sharing Platform</span>
|
||
</div>
|
||
</a>
|
||
<nav class="cbs-dsp-navbar-links">
|
||
<!-- Top navbar links -->
|
||
<div class="w3-hide-small w3-clear w3-margin">
|
||
<a href="about.html" class="w3-bar-item w3-button cbs-dsp-navbar-item" target="_blank" ><!--<i class="fas fa-database"></i> --><b>About</b></a>
|
||
<a href="policies.html" class="w3-bar-item w3-button cbs-dsp-navbar-item" target="_blank" rel="noopener noreferrer"><!--<i class="fas fa-brain"></i> --><b>General Policies</b></a>
|
||
<a href="termofuse.html" class="w3-bar-item w3-button cbs-dsp-navbar-item" target="_blank" ><!--<i class="fas fa-file-signature"></i> --><b>Term of use</b></a>
|
||
<a href="memberlist.html" class="w3-bar-item w3-button cbs-dsp-navbar-item" target="_blank"><!--<i class="fas fa-users"></i> --><b>The CBS repository committee</b></a>
|
||
<a href="contact.html" class="w3-bar-item w3-button cbs-dsp-navbar-item" target="_blank"><!--<i class="fas fa-envelope"></i> --><b>Contact</b></a>
|
||
<!--<div class="w3-dropdown-hover cbs-dsp-navbar-item w3-right">
|
||
<button class="w3-bar-item w3-right w3-button w3-clear"><i class="fas fa-globe"></i> Language</button>
|
||
<div class="w3-dropdown-content w3-bar-block w3-border">
|
||
<a href="./" class="w3-bar-item w3-button">English</a>
|
||
<a href="./index.html.ja" class="w3-bar-item w3-button">Japanese</a>
|
||
</div>
|
||
</div>
|
||
</div>-->
|
||
</div>
|
||
<!-- Hide right-floated links on small screens and replace them with a menu icon -->
|
||
<button class="w3-bar-item w3-button w3-hide-large w3-hide-medium cbs-dsp-navbar-links-mbutton" onclick="openSidebar()">
|
||
<i class="fas fa-bars"></i>
|
||
</button>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- Sidebar on small screens when clicking the menu icon -->
|
||
<nav class="w3-sidebar w3-bar-block w3-black w3-card w3-animate-left w3-hide-medium w3-hide-large" id="cbsDspSidebar">
|
||
<a href="javascript:void(0)" onclick="closeSidebar()" class="w3-bar-item w3-button w3-large w3-padding-16">Close ×</a>
|
||
|
||
<a href="about.html" onclick="closeSidebar()" class="w3-bar-item w3-button" target="_blank" ><i class="fas fa-database"></i>About</a>
|
||
<a href="policies.html" onclick="closeSidebar()" class="w3-bar-item w3-button" target="_blank" ><i class="fas fa-brain"></i> General Policies</a>
|
||
<a href="termofuse.html" onclick="closeSidebar()" class="w3-bar-item w3-button" target="_blank" ><i class="fas fa-file-signature"></i> Term of use</a>
|
||
<a href="memberlist.html" onclick="closeSidebar()" class="w3-bar-item w3-button" target="_blank"><i class="fas fa-users"></i> The CBS repository committee</a>
|
||
<a href="contact.html" onclick="closeSidebar()" class="w3-bar-item w3-button" target="_blank"><i class="fas fa-envelope"></i> Contact</a>
|
||
|
||
<!--<div class="w3-dropdown-hover cbs-dsp-navbar-item">
|
||
<button class="w3-bar-item w3-button w3-clear"><i class="fas fa-globe"></i> Language</button>
|
||
<div class="w3-dropdown-content w3-bar-block w3-dark-gray">
|
||
<a href="./" class="w3-bar-item w3-button">English</a>
|
||
<a href="./index.html.ja" class="w3-bar-item w3-button">Japanese</a>
|
||
</div>
|
||
</div>-->
|
||
</nav>
|
||
|
||
<!-- Home -->
|
||
<section class="w3-display-container" id="home">
|
||
<div class="cbs-dsp-section">
|
||
<h1 class="w3-text-orange">CBS Data Sharing Platform</h1>
|
||
<p class="w3-large w3-text-white">We aim to achieve an analysis platform for the open neuroscience data to expand the research field for each individual in CBS. CBS-DSP provides comprehensive data collection, which allows CBS scientists to generate and stimulate data-driven cross-modal neuroscience. We also plan to expand the platform for all RIKEN, which we expect for CBS researchers to broaden their research field beyond neuroscience.</p>
|
||
<div class="w3-row-padding w3-center">
|
||
<div class="w3-col l3 m3 w3-margin-bottom">
|
||
<a href="https://neurodata.riken.jp/mdrs/manager/">
|
||
<div class="w3-card w3-white w3-centered">
|
||
<br />
|
||
<i class="fas fa-upload w3-margin-bottom w3-jumbo"></i>
|
||
<h2>Upload data set</h2>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="w3-col l3 m3 w3-margin-bottom">
|
||
<a href="https://neurodata.riken.jp/mdrs/finder/">
|
||
<div class="w3-card w3-white w3-centered">
|
||
<br />
|
||
<i class="fas fa-search w3-margin-bottom w3-jumbo"></i>
|
||
<h2>Search for data set</h2>
|
||
</div>
|
||
</div>
|
||
<div class="w3-col l3 m3 w3-margin-bottom">
|
||
<a href="https://neurodata.riken.jp/mdrs/explorer/labs">
|
||
<div class="w3-card w3-white">
|
||
<br />
|
||
<i class="fas fa-th-list w3-margin-bottom w3-jumbo"></i>
|
||
<h2>List of labs</h2>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="w3-col l3 m3 w3-margin-bottom">
|
||
<a href="https://neurodata.riken.jp/id/">
|
||
<div class="w3-card w3-white">
|
||
<br />
|
||
<i class="fas fa-file-alt w3-margin-bottom w3-jumbo"></i>
|
||
<h2>Data for papers</h2>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="w3-row-padding">
|
||
<div class="w3-col l4 w3-margin-bottom">
|
||
<div class="w3-card w3-white">
|
||
<div class="w3-container">
|
||
<div class="w3-left"><h4 class="w3-section"><i class="fas fa-chart-bar"></i> Data Volume </h4></div>
|
||
<div class="w3-right"><h4 class="w3-section"><span id="volume_bytes"></span></h4></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="w3-col l3 w3-margin-bottom">
|
||
<div class="w3-card w3-white">
|
||
<div class="w3-container">
|
||
<div class="w3-left"><h4 class="w3-section"><i class="fas fa-folder"></i> Folders </h4></div>
|
||
<div class="w3-right"><h4 class="w3-section"><span id="dir_num"></span></h4></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="w3-col l3 w3-margin-bottom">
|
||
<div class="w3-card w3-white">
|
||
<div class="w3-container">
|
||
<div class="w3-left"><h4 class="w3-section"><i class="fas fa-file"></i> Files </h4></div>
|
||
<div class="w3-right"><h4 class="w3-section"><span id="file_num"></span></h4></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="w3-col l2 w3-margin-bottom">
|
||
<div class="w3-card w3-white">
|
||
<div class="w3-container">
|
||
<div class="w3-left"><h4 class="w3-section"><i class="fas fa-users"></i> Users </h4></div>
|
||
<div class="w3-right"><h4 class="w3-section"><span id="user_num"></span></h4></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- BSI database archive -->
|
||
<section class="w3-display-container w3-light-gray cbs-dsp-section" id="dbarchive">
|
||
<h1 class="w3-left-align"><i class="fas fa-database"></i> BSI databese archives</h1>
|
||
<div class="w3-display-container w3-row-padding">
|
||
<div class="w3-col l6 w3-left-align" >
|
||
<h2>INCF Japan Node</h2>
|
||
<ul>
|
||
<li><a href="https://www.neuroinf.jp/" target="_blank" rel="noopener noreferrer">INCF Japan Node Portal Site</a></li>
|
||
<li><a href="https://visiome.neuroinf.jp/" target="_blank" rel="noopener noreferrer">Visiome Platform</a></li>
|
||
<li><a href="https://bmi.neuroinf.jp/" target="_blank" rel="noopener noreferrer">BMI Platform</a></li>
|
||
<li><a href="https://nimg.neuroinf.jp/" target="_blank" rel="noopener noreferrer">NeuroImaging Platform</a></li>
|
||
<li><a href="https://invbrain.neuroinf.jp/" target="_blank" rel="noopener noreferrer">Invertebrate Brain Platform</a></li>
|
||
<li><a href="https://cerebellum.neuroinf.jp/" target="_blank" rel="noopener noreferrer">Cerebellar Platform (previous version)</a></li>
|
||
<li><a href="https://www.hokatsu-nou.neuroinf.jp/" target="_blank" rel="noopener noreferrer">Comprehensive Brain Science Network</a></li>
|
||
<li><a href="https://cbsn.neuroinf.jp/" target="_blank" rel="noopener noreferrer">Comprehensive Brain Science Network Platform</a></li>
|
||
<li><a href="https://open.neuroinf.jp/" target="_blank" rel="noopener noreferrer">OpenNeuro Repository</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="w3-col l6 w3-left-align">
|
||
<h2>BSI Neuroinformatics</h2>
|
||
<ul>
|
||
<li><a href="https://bsi-ni.brain.riken.jp/" target="_blank" rel="noopener noreferrer">BSI-NI Project</a></li>
|
||
<li><a href="https://celloc3d.brain.riken.jp/" target="_blank" rel="noopener noreferrer">CelLoc3D</a></li>
|
||
<li><a href="https://brainatlas.brain.riken.jp/" target="_blank" rel="noopener noreferrer">Brain Atlas</a></li>
|
||
<li><a href="https://pupil.brain.riken.jp/" target="_blank" rel="noopener noreferrer">Pupil Platform</a></li>
|
||
</ul>
|
||
<h2>Tool</h2>
|
||
<ul>
|
||
<li><a href="https://xoonips.osdn.jp/" target="_blank" rel="noopener noreferrer">XooNIps</a></li>
|
||
<li><a href="https://cosmodb.osdn.jp/" target="_blank" rel="noopener noreferrer">CosmoDB</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer id="footer" class="w3-center w3-black w3-padding-64">
|
||
<div class="cbs-dsp-tothetop">
|
||
<a href="#home" class="w3-button w3-light-grey"><i class="fas fa-arrow-up w3-margin-right"></i>To the top</a>
|
||
</div>
|
||
<div class="w3-display-container w3-row-padding cbs-dsp-links">
|
||
<div class="w3-col l3 m3 s6 w3-margin-bottom">
|
||
<div class="w3-card">
|
||
<button class="w3-button w3-light-gray w3-block">
|
||
<a href="http://www.riken.jp/" alt="RIKEN" target="_blank" rel="noopener noreferrer">
|
||
<p>RIKEN</p>
|
||
<img src="./assets/images/link-riken.png" alt="RIKEN" />
|
||
</a>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="w3-col l3 m3 s6 w3-margin-bottom">
|
||
<div class="w3-card">
|
||
<button class="w3-button w3-light-gray w3-block">
|
||
<a href="https://cbs.riken.jp/" alt="RIKEN Center for Brain Science" target="_blank" rel="noopener noreferrer">
|
||
<p>RIKEN CBS</p>
|
||
<img src="./assets/images/link-cbs.png" alt="RIKEN Center for Brain Science" />
|
||
</a>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="w3-col l3 m3 s6 w3-margin-bottom">
|
||
<div class="w3-card">
|
||
<div class="w3-button w3-light-gray w3-block">
|
||
<a href="https://olsp.riken.jp/" alt="RIKEN Open Life Science Platform" target="_blank" rel="noopener noreferrer">
|
||
<p>RIKEN OLSP</p>
|
||
<img src="./assets/images/link-olsp.png" alt="RIKEN Open Life Science Platform" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="w3-col l3 m3 s6 w3-margin-bottom">
|
||
<div class="w3-card">
|
||
<button class="w3-button w3-light-gray w3-block">
|
||
<a href="https://www.ni.riken.jp/" alt="Neuroinformatics Unit, RIKEN Center for Brain Science" target="_blank" rel="noopener noreferrer">
|
||
<p>CBS NIU</p>
|
||
<img src="./assets/images/link-niu.png" alt="Neuroinformatics Unit, RIKEN Center for Brain Science" />
|
||
</a>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="cbs-copyright">© <a href="https://www.ni.riken.jp/" target="_blank">Neuroinformatics Unit, RIKEN Center for Brain Science</a></p>
|
||
</footer>
|
||
|
||
|
||
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
||
<script>
|
||
function getSummary() {
|
||
axios.get('https://neurodata.riken.jp/api/v2/summary/top/' , { mode: 'no-cors' })
|
||
.then(res => {
|
||
const volumeBytes = document.getElementById('volume_bytes');
|
||
volumeBytes.textContent = formatBytes(res.data.volume_bytes);
|
||
const dirNum = document.getElementById('dir_num');
|
||
dirNum.textContent = addComma(res.data.dir_num);
|
||
const fileNum = document.getElementById('file_num');
|
||
fileNum.textContent = addComma(res.data.file_num);
|
||
const userNum = document.getElementById('user_num');
|
||
userNum.textContent = addComma(res.data.user_num);
|
||
})
|
||
.catch(err => console.error(err))
|
||
}
|
||
window.addEventListener("load", getSummary)
|
||
|
||
function formatBytes(bytes, decimals = 2){
|
||
if (bytes === 0) return '0 Bytes';
|
||
|
||
const k = 1024;
|
||
const dm = decimals < 0 ? 0 : decimals;
|
||
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
|
||
|
||
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
||
const ii = i < 4 ? 4 : (i > 8 ? 8 : i);
|
||
|
||
return parseFloat((bytes / Math.pow(k, ii)).toFixed(dm)) + ' ' + sizes[ii];
|
||
}
|
||
|
||
function addComma(num){
|
||
return String(num).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
|
||
}
|
||
</script>
|
||
|
||
|
||
<script>
|
||
var cbsDspSidebar = document.getElementById("cbsDspSidebar");
|
||
|
||
function openSidebar() {
|
||
if (cbsDspSidebar.style.display === "block") {
|
||
cbsDspSidebar.style.display = "none";
|
||
} else {
|
||
cbsDspSidebar.style.display = "block";
|
||
}
|
||
}
|
||
|
||
function closeSidebar() {
|
||
cbsDspSidebar.style.display = "none";
|
||
}
|
||
|
||
function showMemberList() {
|
||
document.getElementById("memberlist").style.display = "block";
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|