cbs-dsp-frontpage/index.html
2021-06-25 11:39:57 +09:00

281 lines
16 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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" />
<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">
<!-- 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>
<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>
<!-- 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="#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">
<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="w3-text-white 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://gene-atlas.brainminds.riken.jp/mga-mmbd-dirs/">
<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>
</div>
</a>
</div>
<div class="w3-col l6 m6 w3-margin-bottom">
<a href="#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>
</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://gene-atlas.brainminds.riken.jp/mga-mmbd-dirs/">Molecular Mechanism of Brain Development (Shimogori lab)</a></li>
</ul>
</div>
</section>
<!-- BSI database archive -->
<section class="w3-display-container cbs-dsp-section" id="archive">
<h1 class="w3-center"><i class="fas fa-database"></i> BSI database archive</h1>
<div class="w3-display-container w3-row-padding">
<div class="w3-col l6">
<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">
<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>
<!-- Term of use -->
<section class="w3-container w3-light-grey 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">
<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">&copy; <a href="https://www.ni.riken.jp/" target="_blank">Neuroinformatics Unit, RIKEN Center for Brain Science</a></p>
</footer>
<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>
<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>