cbs-dsp-frontpage/index.html

300 lines
15 KiB
HTML
Raw Normal View History

2021-06-25 11:39:57 +09:00
<!DOCTYPE html>
<html>
2022-12-14 16:24:37 +09:00
<head>
<title>CBS Data Sharing Platform</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
2023-11-13 11:26:03 +09:00
<link rel="stylesheet" href="./assets-frontpage/css/w3.css" />
<link rel="stylesheet" href="./assets-frontpage/css/style.css" />
2022-12-14 16:24:37 +09:00
<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>
2021-06-25 11:39:57 +09:00
<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">
2022-12-14 16:24:37 +09:00
<!-- 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>
2021-06-25 11:39:57 +09:00
<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>
2022-12-14 16:24:37 +09:00
</div>
</div>-->
2021-06-25 11:39:57 +09:00
</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>
2022-12-14 16:24:37 +09:00
<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">
2021-06-25 11:39:57 +09:00
<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>
2022-12-14 16:24:37 +09:00
</div>-->
2021-06-25 11:39:57 +09:00
</nav>
<!-- Home -->
<section class="w3-display-container" id="home">
2022-12-14 16:24:37 +09:00
<div class="cbs-dsp-section">
2021-06-25 11:39:57 +09:00
<h1 class="w3-text-orange">CBS Data Sharing Platform</h1>
2022-12-14 16:24:37 +09:00
<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>
2023-05-29 17:07:25 +09:00
<div class="w3-row-padding w3-center">
2022-12-14 16:24:37 +09:00
<div class="w3-col l3 m3 w3-margin-bottom">
2023-11-13 11:26:03 +09:00
<a href="https://neurodata.riken.jp/r/login">
2022-12-14 16:24:37 +09:00
<div class="w3-card w3-white w3-centered">
2023-05-29 17:07:25 +09:00
<br />
2022-12-14 16:24:37 +09:00
<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">
2023-11-13 11:26:03 +09:00
<a href="https://neurodata.riken.jp/finder/">
2022-12-14 16:24:37 +09:00
<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">
2023-11-13 11:26:03 +09:00
<a href="https://neurodata.riken.jp/r/">
2022-12-14 16:24:37 +09:00
<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">
2023-05-29 17:07:25 +09:00
<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>
2022-12-14 16:24:37 +09:00
</div>
2021-06-25 11:39:57 +09:00
</div>
2022-12-14 16:24:37 +09:00
<div class="w3-row-padding">
2023-05-29 17:07:25 +09:00
<div class="w3-col l4 w3-margin-bottom">
2022-12-14 16:24:37 +09:00
<div class="w3-card w3-white">
<div class="w3-container">
2023-05-29 17:07:25 +09:00
<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>
2022-12-14 16:24:37 +09:00
</div>
</div>
</div>
2023-05-29 17:07:25 +09:00
<div class="w3-col l3 w3-margin-bottom">
2022-12-14 16:24:37 +09:00
<div class="w3-card w3-white">
<div class="w3-container">
2023-05-29 17:07:25 +09:00
<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>
2022-12-14 16:24:37 +09:00
</div>
</div>
</div>
2023-05-29 17:07:25 +09:00
<div class="w3-col l3 w3-margin-bottom">
2022-12-14 16:24:37 +09:00
<div class="w3-card w3-white">
<div class="w3-container">
2023-05-29 17:07:25 +09:00
<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>
2022-12-14 16:24:37 +09:00
</div>
</div>
</div>
2023-05-29 17:07:25 +09:00
<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>
2021-06-25 11:39:57 +09:00
</div>
</section>
<!-- BSI database archive -->
2022-12-14 16:24:37 +09:00
<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>
2021-06-25 11:39:57 +09:00
<div class="w3-display-container w3-row-padding">
2022-12-14 16:24:37 +09:00
<div class="w3-col l6 w3-left-align" >
2021-06-25 11:39:57 +09:00
<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>
2022-12-14 16:24:37 +09:00
<div class="w3-col l6 w3-left-align">
2021-06-25 11:39:57 +09:00
<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>
2023-11-13 11:26:03 +09:00
<img src="./assets-frontpage/images/link-riken.png" alt="RIKEN" />
2021-06-25 11:39:57 +09:00
</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>
2023-11-13 11:26:03 +09:00
<img src="./assets-frontpage/images/link-cbs.png" alt="RIKEN Center for Brain Science" />
2021-06-25 11:39:57 +09:00
</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>
2023-11-13 11:26:03 +09:00
<img src="./assets-frontpage/images/link-olsp.png" alt="RIKEN Open Life Science Platform" />
2021-06-25 11:39:57 +09:00
</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>
2023-11-13 11:26:03 +09:00
<img src="./assets-frontpage/images/link-niu.png" alt="Neuroinformatics Unit, RIKEN Center for Brain Science" />
2021-06-25 11:39:57 +09:00
</a>
</button>
</div>
</div>
</div>
<p class="cbs-copyright">&copy; <a href="https://www.ni.riken.jp/" target="_blank">Neuroinformatics Unit, RIKEN Center for Brain Science</a></p>
</footer>
2022-12-14 16:24:37 +09:00
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
function getSummary() {
2023-05-29 17:07:25 +09:00
axios.get('https://neurodata.riken.jp/api/v2/summary/top/' , { mode: 'no-cors' })
2022-12-14 16:24:37 +09:00
.then(res => {
2023-05-29 17:07:25 +09:00
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);
2022-12-14 16:24:37 +09:00
})
.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>
2021-06-25 11:39:57 +09:00
<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>