Commit bdf011d0 authored by Taylor Hanayik's avatar Taylor Hanayik
Browse files

update website

parent ee22ca9a
Pipeline #10409 passed with stages
in 52 seconds
......@@ -8,9 +8,13 @@ pages:
- git lfs install
- git lfs pull
- mkdir public
- GZIP=-9 tar -czf Oxford-MM-0.tar.gz Oxford-MM-0
- GZIP=-9 tar -czf Oxford-MM-1.tar.gz Oxford-MM-1
- mv index.html public/
- mv Oxford-MM-0 public/
- mv Oxford-MM-1 public/
- mv Oxford-MM-0.tar.gz public/
- mv Oxford-MM-1.tar.gz public/
artifacts:
paths:
- public
......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>oxford-mm-templates</title>
</head>
<body style="font-family: sans-serif;">
<noscript>
<strong>niivue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<section>
<h1 style="margin: 20px;">
oxford-mm-0_T1_brain.nii.gz
</h1>
</section>
<section style="margin-left: 20px;">
<button onclick="toggleSliceType('nv1')">2D/3D</button>
</section>
<section>
<div id="demo1" style="width:90%; height:400px; margin:20px;">
<canvas id="gl1" height=480 width=640>
</canvas>
</div>
</section>
<script src="https://unpkg.com/@niivue/niivue@0.2.4/dist/niivue.js"></script>
</script>
<script>
var volumeList = [
// first item is brackground image
{
url: "./Oxford-MM-0/oxford-mm-0_T1_brain.nii.gz",//"./images/RAS.nii.gz", "./images/spm152.nii.gz",
volume: {hdr: null, img: null},
name: "mni152",
intensityMin: 0, // not used yet
intensityMax: 100, // not used yet
intensityRange:[0, 100], // not used yet
colorMap: "gray",
opacity: 100,
visible: true,
},
]
var nv1 = new niivue.Niivue()
nv1.attachTo('gl1')
nv1.loadVolumes(volumeList)
nv1.setSliceType(nv1.sliceTypeMultiplanar)
</script>
<script>
function toggleSliceType() {
console.log('test')
if (nv1.sliceType === nv1.sliceTypeRender) {
nv1.setSliceType(nv1.sliceTypeMultiplanar)
} else {
nv1.setSliceType(nv1.sliceTypeRender)
}
}
</script>
</body>
</html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>oxford-mm-templates</title>
</head>
<body style="font-family: sans-serif;">
<section style="margin: 20px">
<h1>
Oxford-MM-1
</h1>
<p style="margin-top: 10px; font-size: 18px;">
Version 1 of our multimodal asymmetric template with its T1, T2 FLAIR and DTI volumes.
It was constructed from <b>240 UK Biobank individuals uniformly sampled from the age range 50-55 years (50% female/male).</b>
We believe a template from this age range will be useful for a wealth of studies.
Note that the template was rigidly transformed to MNI space to capture the population’s average brain shape and size, and avoid the introduction of unrepresentative scaling effects.
</p>
<p>
Arthofer, C., Smith, S.M., Jenkinson, M., Andersson, J., Lange, F. Multimodal MRI template construction from UK Biobank: Oxford-MM-0. (2021). Organisation for Human Brain Mapping (OHBM)
</p>
<p>
Our general pipeline for template construction can be downloaded from <a href="https://git.fmrib.ox.ac.uk/cart/mm-template-construction">here</a> .
</p>
</section>
<section style="margin: 20px">
<h2><a href="mm1.html" target="_blank" rel="noopener noreferrer">open viewer</a></h2>
</section>
<section style="margin: 20px">
<h2>
Downloads
</h2>
<p>
<a href="./Oxford-MM-1.tar.gz" target="_blank" rel="noopener noreferrer">
oxford-mm-1.tar.gz
</a>
</p>
</section>
<section style="margin: 20px">
<h1>
Oxford-MM-0
</h1>
<p style="margin-top: 10px; font-size: 18px;">
Version 0 of our multimodal template with its T1, T2 FLAIR and DTI volumes. It was constructed from <b>713 UK Biobank individuals (uniformly sampled from the age range 45-81 years, 50% female/male).</b>
We believe a template from this age range will be useful for a wealth of studies.
Note that the template was rigidly transformed to MNI space to capture the population’s average brain shape and size, and avoid the introduction of unrepresentative scaling effects.
</p>
<p>
Arthofer, C., Smith, S.M., Jenkinson, M., Andersson, J., Lange, F. Multimodal MRI template construction from UK Biobank: Oxford-MM-0. (2021). Organisation for Human Brain Mapping (OHBM)
</p>
<p>
Our general pipeline for template construction can be downloaded from <a href="https://git.fmrib.ox.ac.uk/cart/mm-template-construction">here</a> .
</p>
</section>
<section style="margin: 20px">
<h2><a href="mm0.html" target="_blank" rel="noopener noreferrer">open viewer</a></h2>
</section>
<section style="margin: 20px">
<h2>
Downloads
</h2>
<p>
<a href="./Oxford-MM-0.tar.gz" target="_blank" rel="noopener noreferrer">
oxford-mm-0.tar.gz
</a>
</p>
</section>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>oxford-mm-templates</title>
</head>
<body style="font-family: sans-serif;">
<noscript>
<strong>niivue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<!-- panel 4 -->
<section>
<h2 style="margin: 20px;">
oxford-mm-0_T1_brain.nii.gz
</h2>
</section>
<section style="margin: 20px;">
<button onclick="toggleSliceType4()">2D/3D</button>
</section>
<section>
<div id="demo4" style="width:90%; height:400px; margin:20px;">
<canvas id="gl4" height=480 width=640>
</canvas>
</div>
</section>
<!-- panel 5 -->
<section style="margin-top: 40px;">
<h2 style="margin: 20px;">
Oxford-MM-0/oxford-mm-0_T1_head.nii.gz
</h2>
</section>
<section style="margin: 20px;">
<button onclick="toggleSliceType5()">2D/3D</button>
</section>
<section>
<div id="demo5" style="width:90%; height:400px; margin:20px;">
<canvas id="gl5" height=480 width=640>
</canvas>
</div>
</section>
<!-- panel 6 -->
<section style="margin-top: 40px;">
<h2 style="margin: 20px;">
Oxford-MM-0/oxford-mm-0_T2_FLAIR_head.nii.gz
</h2>
</section>
<section style="margin: 20px;">
<button onclick="toggleSliceType6()">2D/3D</button>
</section>
<section>
<div id="demo6" style="width:90%; height:400px; margin:20px;">
<canvas id="gl6" height=480 width=640>
</canvas>
</div>
</section>
<script src="https://unpkg.com/@niivue/niivue@0.3.0/dist/niivue.js"></script>
</script>
<script>
var volumeList4 = [
// first item is brackground image
{
url: "./Oxford-MM-0/oxford-mm-0_T1_brain.nii.gz",
volume: { hdr: null, img: null },
name: "",
intensityMin: 0, // not used yet
intensityMax: 100, // not used yet
intensityRange: [0, 100], // not used yet
colorMap: "gray",
opacity: 100,
visible: true,
},
]
var nv4 = new niivue.Niivue()
nv4.attachTo('gl4')
nv4.loadVolumes(volumeList4)
nv4.setSliceType(nv4.sliceTypeMultiplanar)
</script>
<script>
var volumeList5 = [
// first item is brackground image
{
url: "./Oxford-MM-0/oxford-mm-0_T1_head.nii.gz",
volume: { hdr: null, img: null },
name: "",
intensityMin: 0, // not used yet
intensityMax: 100, // not used yet
intensityRange: [0, 100], // not used yet
colorMap: "gray",
opacity: 100,
visible: true,
},
]
var nv5 = new niivue.Niivue()
nv5.attachTo('gl5')
nv5.loadVolumes(volumeList5)
nv5.setSliceType(nv5.sliceTypeMultiplanar)
nv4.syncWith(nv5)
</script>
<script>
var volumeList6 = [
// first item is brackground image
{
url: "./Oxford-MM-0/oxford-mm-0_T2_FLAIR_head.nii.gz",
volume: { hdr: null, img: null },
name: "",
intensityMin: 0, // not used yet
intensityMax: 100, // not used yet
intensityRange: [0, 100], // not used yet
colorMap: "gray",
opacity: 100,
visible: true,
},
]
var nv6 = new niivue.Niivue()
nv6.attachTo('gl6')
nv6.loadVolumes(volumeList6)
nv6.setSliceType(nv6.sliceTypeMultiplanar)
nv5.syncWith(nv6)
</script>
<script>
function toggleSliceType4() {
if (nv4.sliceType === nv4.sliceTypeRender) {
nv4.setSliceType(nv4.sliceTypeMultiplanar)
} else {
nv4.setSliceType(nv4.sliceTypeRender)
}
}
function toggleSliceType5() {
if (nv5.sliceType === nv5.sliceTypeRender) {
nv5.setSliceType(nv5.sliceTypeMultiplanar)
} else {
nv5.setSliceType(nv5.sliceTypeRender)
}
}
function toggleSliceType6() {
if (nv6.sliceType === nv6.sliceTypeRender) {
nv6.setSliceType(nv6.sliceTypeMultiplanar)
} else {
nv6.setSliceType(nv6.sliceTypeRender)
}
}
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>oxford-mm-templates</title>
</head>
<body style="font-family: sans-serif;">
<noscript>
<strong>niivue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<!-- panel 1 -->
<section>
<h2 style="margin: 20px;">
Oxford-MM-1/oxford-mm-1_T1_brain.nii.gz
</h2>
</section>
<section style="margin: 20px;">
<button onclick="toggleSliceType1()">2D/3D</button>
</section>
<section>
<div id="demo1" style="width:90%; height:400px; margin:20px;">
<canvas id="gl1" height=480 width=640>
</canvas>
</div>
</section>
<!-- panel 2 -->
<section style="margin-top: 40px;">
<h2 style="margin: 20px;">
Oxford-MM-1/oxford-mm-1_T1_head.nii.gz
</h2>
</section>
<section style="margin: 20px;">
<button onclick="toggleSliceType2()">2D/3D</button>
</section>
<section>
<div id="demo2" style="width:90%; height:400px; margin:20px;">
<canvas id="gl2" height=480 width=640>
</canvas>
</div>
</section>
<!-- panel 3 -->
<section style="margin-top: 40px;">
<h2 style="margin: 20px;">
Oxford-MM-1/oxford-mm-1_T2_FLAIR_head.nii.gz
</h2>
</section>
<section style="margin: 20px;">
<button onclick="toggleSliceType3()">2D/3D</button>
</section>
<section>
<div id="demo3" style="width:90%; height:400px; margin:20px;">
<canvas id="gl3" height=480 width=640>
</canvas>
</div>
</section>
<script src="https://unpkg.com/@niivue/niivue@0.3.0/dist/niivue.js"></script>
</script>
<script>
var volumeList1 = [
{
url: "./Oxford-MM-1/oxford-mm-1_T1_brain.nii.gz",
//url: "./Oxford-MM-0/oxford-mm-0_T2_FLAIR_head.nii.gz", //
volume: { hdr: null, img: null },
name: "",
intensityMin: 0, // not used yet
intensityMax: 100, // not used yet
intensityRange: [0, 100], // not used yet
colorMap: "gray",
opacity: 100,
visible: true,
}
]
var nv1 = new niivue.Niivue()
nv1.attachTo('gl1')
nv1.loadVolumes(volumeList1)
nv1.setSliceType(nv1.sliceTypeMultiplanar)
</script>
<script>
var volumeList2 = [
// first item is brackground image
{
url: "./Oxford-MM-1/oxford-mm-1_T1_head.nii.gz",
volume: { hdr: null, img: null },
name: "",
intensityMin: 0, // not used yet
intensityMax: 100, // not used yet
intensityRange: [0, 100], // not used yet
colorMap: "gray",
opacity: 100,
visible: true,
},
]
var nv2 = new niivue.Niivue()
nv2.attachTo('gl2')
nv2.loadVolumes(volumeList2)
nv2.setSliceType(nv2.sliceTypeMultiplanar)
nv1.syncWith(nv2)
</script>
<script>
var volumeList3 = [
// first item is brackground image
{
url: "./Oxford-MM-1/oxford-mm-1_T2_FLAIR_head.nii.gz",
volume: { hdr: null, img: null },
name: "",
intensityMin: 0, // not used yet
intensityMax: 100, // not used yet
intensityRange: [0, 100], // not used yet
colorMap: "gray",
opacity: 100,
visible: true,
},
]
var nv3 = new niivue.Niivue()
nv3.attachTo('gl3')
nv3.loadVolumes(volumeList3)
nv3.setSliceType(nv3.sliceTypeMultiplanar)
nv2.syncWith(nv3)
</script>
<script>
function toggleSliceType1() {
if (nv1.sliceType === nv1.sliceTypeRender) {
nv1.setSliceType(nv1.sliceTypeMultiplanar)
} else {
nv1.setSliceType(nv1.sliceTypeRender)
}
}
function toggleSliceType2() {
if (nv2.sliceType === nv2.sliceTypeRender) {
nv2.setSliceType(nv2.sliceTypeMultiplanar)
} else {
nv2.setSliceType(nv2.sliceTypeRender)
}
}
function toggleSliceType3() {
if (nv3.sliceType === nv3.sliceTypeRender) {
nv3.setSliceType(nv3.sliceTypeMultiplanar)
} else {
nv3.setSliceType(nv3.sliceTypeRender)
}
}
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment