niu/cbs-dsp-frontpage
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
4a8ffcc867
cbs-dsp-frontpage/index.html

281 lines
16 KiB
HTML
Raw Normal View History

first commit
2021-06-25 11:39:57 +09:00
<!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>
Reference in New Issue Copy Permalink