commit 2022/12/14 version.
This commit is contained in:
280
index.html
280
index.html
@ -1,14 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<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" />
|
||||
<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) -->
|
||||
@ -19,19 +31,21 @@
|
||||
</div>
|
||||
</a>
|
||||
<nav class="cbs-dsp-navbar-links">
|
||||
<!-- Right-sided navbar links -->
|
||||
<div class="w3-hide-small w3-right w3-clear">
|
||||
<a href="#observation" class="w3-bar-item w3-button cbs-dsp-navbar-item"><i class="fas fa-binoculars"></i> Data repository observation</a>
|
||||
<a href="https://brainminds.jp/en/" class="w3-bar-item w3-button cbs-dsp-navbar-item" target="_blank" rel="noopener noreferrer"><i class="fas fa-brain"></i> Brain/MINDS project</a>
|
||||
<a href="#archive" class="w3-bar-item w3-button cbs-dsp-navbar-item"><i class="fas fa-database"></i> BSI DB archive</a>
|
||||
<a href="#termofuse" class="w3-bar-item w3-button cbs-dsp-navbar-item"><i class="fas fa-file-signature"></i> Term of use</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>
|
||||
<!-- 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>-->
|
||||
</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()">
|
||||
@ -43,106 +57,97 @@
|
||||
<!-- 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="#observation" onclick="closeSidebar()" class="w3-bar-item w3-button"><i class="fas fa-binoculars"></i> Data repository ovservation</a>
|
||||
<a href="https://brainminds.jp/en/" onclick="closeSidebar()" class="w3-bar-item w3-button" target="_blank" rel="noopener noreferrer"><i class="fas fa-brain"></i> Brain/MINDS project</a>
|
||||
<a href="#archive" onclick="closeSidebar()" class="w3-bar-item w3-button"><i class="fas fa-database"></i> BSI DB archive</a>
|
||||
<a href="#termofuse" onclick="closeSidebar()" class="w3-bar-item w3-button"><i class="fas fa-file-signature"></i> Term of use</a>
|
||||
<div class="w3-dropdown-hover cbs-dsp-navbar-item">
|
||||
|
||||
<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>
|
||||
</div>-->
|
||||
</nav>
|
||||
|
||||
<!-- Home -->
|
||||
<section class="w3-display-container" id="home">
|
||||
<div class="w3-text-white cbs-dsp-section">
|
||||
<div class="cbs-dsp-section">
|
||||
<h1 class="w3-text-orange">CBS Data Sharing Platform</h1>
|
||||
<p class="w3-large">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>
|
||||
<p class="w3-right-align w3-padding-16">
|
||||
<button class="w3-button w3-white w3-padding-large w3-large w3-margin-top" onclick="showMemberList()">CBS Data Sharing WG</button>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- member list -->
|
||||
<div id="memberlist" class="w3-modal w3-black" onclick="this.style.display='none'">
|
||||
<span class="w3-button w3-xxlarge w3-black w3-padding-large w3-display-topright" title="Close Member list">×</span>
|
||||
<div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
|
||||
<div class="w3-card w3-white w3-left-align">
|
||||
<h1 class="w3-center">CBS Data Shairng Working Group</h1>
|
||||
<ul class="w3-xlarge">
|
||||
<li>Tomomi SHIMOGORI (Chair)</li>
|
||||
<li>Shigeyoshi FUJISAWA (Deputy Chair)</li>
|
||||
<li>Andrea BENUCCI</li>
|
||||
<li>Kazuhisa SHIBATA</li>
|
||||
<li>Atushi TAKATA</li>
|
||||
<li>Alexander WOODWARD</li>
|
||||
<li>Keiji TANAKA</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Database repository observation -->
|
||||
<section class="w3-display-container cbs-dsp-section" id="observation">
|
||||
<h1 class="w3-center"><i class="fas fa-binoculars"></i> Data repository observation</h1>
|
||||
<div class="w3-row-padding w3-center">
|
||||
<div class="w3-col l6 m6 w3-margin-bottom">
|
||||
<a href="https://neurodata.riken.jp/mdrs/explorer/labs">
|
||||
<div class="w3-card">
|
||||
<i class="fas fa-search w3-margin-bottom w3-jumbo w3-center"></i>
|
||||
<h2>Search for data set</h2>
|
||||
<p>Use the CBS-DSP Inventory to search across all data archives and find links to raw data</p>
|
||||
<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">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="w3-col l6 m6 w3-margin-bottom">
|
||||
<a href="https://neurodata.riken.jp/mdrs/explorer/labs">
|
||||
<div class="w3-card">
|
||||
<i class="fas fa-users w3-margin-bottom w3-jumbo"></i>
|
||||
<h2>List of labs</h2>
|
||||
<p>Data collections are listed by lab PI names</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="w3-col l6 m6 w3-margin-bottom">
|
||||
<div class="w3-card">
|
||||
<i class="fas fa-file-alt w3-margin-bottom w3-jumbo"></i>
|
||||
<h2>Data for papers</h2>
|
||||
<p>List of papers that used data within the repository</p>
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-col l4 m4 w3-margin-bottom">
|
||||
<div class="w3-card w3-white">
|
||||
<div class="w3-container">
|
||||
<div class="w3-left"><h2 class="w3-section w3-margin-right"><i class="fas fa-chart-bar"></i> Data Volume </h2></div>
|
||||
<div class="w3-right"><h2 class="w3-section"><span id="vol"></span></h2></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-col l4 m4 w3-margin-bottom">
|
||||
<div class="w3-card w3-white">
|
||||
<div class="w3-container">
|
||||
<div class="w3-left"><h2 class="w3-section w3-margin-right"><i class="fas fa-folder"></i> Folders </h2></div>
|
||||
<div class="w3-right"><h2 class="w3-section"><span id="dir"></span></h2></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-col l4 m4 w3-margin-bottom">
|
||||
<div class="w3-card w3-white">
|
||||
<div class="w3-container">
|
||||
<div class="w3-left"><h2 class="w3-section"><i class="fas fa-users"></i> Users </h2></div>
|
||||
<div class="w3-right"><h2 class="w3-section"><span id="user"></span></h2></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-col l6 m6 w3-margin-bottom">
|
||||
<div class="w3-card">
|
||||
<i class="fas fa-th w3-margin-bottom w3-jumbo"></i>
|
||||
<h2>Types of data</h2>
|
||||
<p>List of data types (molecular, electrical physiology, structure, imaging)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- List of laboratories -->
|
||||
<!--
|
||||
<section class="w3-display-container w3-light-grey cbs-dsp-section" id="labs">
|
||||
<h1 class="w3-center"><i class="fas fa-users"></i> List of laboratories</h1>
|
||||
<p class="w3-center w3-large">Data collections are listed by lab PI names</p>
|
||||
<div class="w3-display-container">
|
||||
<ul class="w3-large">
|
||||
<li><a href="https://neurodata.riken.jp/mdrs/explorer/?id=1">Molecular Mechanism of Brain Development (Tomomi Shimogori, Ph.D.)</a></li>
|
||||
<li><a href="https://neurodata.riken.jp/mdrs/explorer/?id=2">Cognitive Brain Mapping (Keiji Tanaka, Ph.D.)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
-->
|
||||
|
||||
<!-- BSI database archive -->
|
||||
<section class="w3-display-container w3-light-grey cbs-dsp-section" id="archive">
|
||||
<h1 class="w3-center"><i class="fas fa-database"></i> BSI database archive</h1>
|
||||
<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">
|
||||
<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>
|
||||
@ -156,7 +161,7 @@
|
||||
<li><a href="https://open.neuroinf.jp/" target="_blank" rel="noopener noreferrer">OpenNeuro Repository</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w3-col l6">
|
||||
<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>
|
||||
@ -173,18 +178,6 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Term of use -->
|
||||
<section class="w3-container cbs-dsp-section" id="termofuse">
|
||||
<h1 class="w3-center"><i class="fas fa-file-signature"></i> Term of use</h1>
|
||||
<h2>CBS-DSP Data Policies</h2>
|
||||
<p class="w3-large">Our goal is to generate a searchable data repository platform that will integrate molecular, anatomical, and functional, data which allow us to perform for comprehensive research on mouse, human, and non-human primate brains.</p>
|
||||
<p class="w3-large">All data production, repository and meta data will be appended by each lab based on the lab heads responsibility. Currently, data access is limited to CBS members.</p>
|
||||
<h2>Disclaimer</h2>
|
||||
<p class="w3-large">Some members of the CBS may claim patent, copyright, or other intellectual property rights in all or a portion of the data they have submitted. The CBS NIU is not in a position to assess the validity of such claims, and therefore cannot provide comment or unrestricted permission concerning the use, copying, or distribution of the information contained in the CBS-DSP.</p>
|
||||
<h2>Citation and Acknowledgement</h2>
|
||||
<p class="w3-large">We request that researchers who use CBS-DSP (published or unpublished) in presentations and publications cite and acknowledge the CBS-DSP and data production laboratory(s) for referenced dataset(s).</p>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer" class="w3-center w3-black w3-padding-64">
|
||||
<div class="cbs-dsp-tothetop">
|
||||
@ -235,6 +228,42 @@
|
||||
<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/statistics/summary/' , { mode: 'no-cors' })
|
||||
.then(res => {
|
||||
const vol = document.getElementById('vol');
|
||||
vol.textContent = formatBytes(res.data.summary.volume_bytes);
|
||||
const dir = document.getElementById('dir');
|
||||
dir.textContent = addComma(res.data.summary.dir_num);
|
||||
const user = document.getElementById('user');
|
||||
user.textContent = addComma(res.data.summary.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");
|
||||
|
||||
@ -254,30 +283,5 @@
|
||||
document.getElementById("memberlist").style.display = "block";
|
||||
}
|
||||
</script>
|
||||
<script src="https://polyfill.io/v3/polyfill.min.js?features=Math.hypot%2CURL%2CArray.prototype.includes"></script>
|
||||
<script src="./assets/js/tsneko.js"></script>
|
||||
<script>
|
||||
function randomInt(min, max) {
|
||||
return Math.floor(Math.random() * (max - min + 1)) + min;
|
||||
}
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
var nekoTypes = ["ace", "air", "black", "blue", "calico", "colourful", "dave", "earth", "fancy", "fire", "ghetto", "ghost", "gray", "holiday", "jess", "kina", "kuramecha", "lucky", "lucy", "marmalade", "mermaid", "mike", "moka", "neon", "orange", "peach", "pink", "rainbow", "robot", "rose", "royal", "silver", "silversky", "socks", "spirit", "spooky", "usa", "valentine", "water", "white"];
|
||||
var when = randomInt(0, 10);
|
||||
var nekoType = "socks";
|
||||
if (params.has("neko")) {
|
||||
when = 0;
|
||||
nekoType = params.get("neko") || "socks";
|
||||
if (nekoType === "random") {
|
||||
nekoType = nekoTypes[randomInt(0, nekoTypes.length - 1)];
|
||||
} else if (!nekoTypes.includes(nekoType)) {
|
||||
nekoType = "socks";
|
||||
}
|
||||
}
|
||||
if (when % 2 == 0) {
|
||||
setTimeout(function () {
|
||||
var neko = tsneko.runWebDefault("./assets/images/tsneko/" + nekoType);
|
||||
}, 1000 + 30000 * when);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user