Commit 84404556 authored by r03ert0's avatar r03ert0

improve html

parent 3c7022e1
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="open science neuroimaging collaboration neuroscience MRI">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
<title>{{title}}</title> <title>{{title}}</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css">
</head> </head>
<body> <body>
...@@ -16,11 +17,11 @@ ...@@ -16,11 +17,11 @@
<div style="flex:0 0 64px"> <div style="flex:0 0 64px">
<!-- Top-right menu bar --> <!-- Top-right menu bar -->
<div id="menu"> <div id="menu">
<img id="addProject" class="button" title="add project" src='/img/plus.svg'/> <img id="addProject" class="button" title="add project" alt="add project" src="/img/plus.svg"/>
<a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" src='/img/search.svg'/></a> <a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" alt="search" src="/img/search.svg"/></a>
<img id="doc" class="button" title="documentation" src='/img/doc.svg'/> <img id="doc" class="button" title="documentation" alt="documentation" src="/img/doc.svg"/>
<a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" src='/img/bug.svg'/></a> <a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" alt="report a bug" src="/img/bug.svg"/></a>
<a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" style='width:15px;height:15px' src='/img/github.svg'/></a> <a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" alt="join our github project" style="width:15px;height:15px" src="/img/github.svg"/></a>
<div id="MyLogin"> <div id="MyLogin">
<span>{{{login}}}</span> <span>{{{login}}}</span>
</div> </div>
...@@ -28,10 +29,10 @@ ...@@ -28,10 +29,10 @@
<!-- Small left-top logo --> <!-- Small left-top logo -->
<div style="display:inline-block;margin:10px"> <div style="display:inline-block;margin:10px">
<a href='/' style="text-decoration:none"> <a href="/" style="text-decoration:none">
<img style='height:56px;vertical-align:middle' src='/img/brainbox-logo-small_noFont.svg'/> <img style="height:56px;vertical-align:middle" src="/img/brainbox-logo-small_noFont.svg"/>
</a><span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="fontLogo"> </a><span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="fontLogo">
<a href='/' style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100; text-decoration:none">BrainBox</a> <a href="/" style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100; text-decoration:none">BrainBox</a>
</span> </span>
</div> </div>
</div> </div>
...@@ -44,7 +45,7 @@ ...@@ -44,7 +45,7 @@
<div style="max-width:480px;display:block;margin:0 auto"> <div style="max-width:480px;display:block;margin:0 auto">
<h1>Log in required</h1> <h1>Log in required</h1>
<p>Please use your <a href='https://github.com'>GitHub</a> account to log in.<p> <p>Please use your <a href="https://github.com">GitHub</a> account to log in.<p>
<p>Logging in is required to {{functionality}}.</p> <p>Logging in is required to {{functionality}}.</p>
</div> </div>
</div> </div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="open science neuroimaging collaboration neuroscience MRI">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="google-site-verification" content="L1xtN9FsDfn0xTs79ssAN_BXfcr6t-wkYW6iFjCOuy8" /> <meta name="google-site-verification" content="L1xtN9FsDfn0xTs79ssAN_BXfcr6t-wkYW6iFjCOuy8" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
<title>{{title}}</title> <title>{{title}}</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css">
</head> </head>
<body> <body>
<!-- Login (fixed height) --> <!-- Login (fixed height) -->
<div id="menu"> <div id="menu">
<div> <div>
<img id="addProject" class="button" title="add project" style="padding-right:0.5px" src='/img/plus.svg'/> <img id="addProject" class="button" title="add project" alt="add project" style="padding-right:0.5px" src="/img/plus.svg"/>
<a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" style="padding-right:0.5px" src='/img/search.svg'/></a> <a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" alt="search" style="padding-right:0.5px" src="/img/search.svg"/></a>
<a href="/doc/index.html" target="_blank"><img id="doc" class="button" title="documentation" style="padding-right:0.5px" src='/img/doc.svg'/></a> <a href="/doc/index.html" target="_blank"><img id="doc" class="button" title="documentation" alt="documentation" style="padding-right:0.5px" src="/img/doc.svg"/></a>
<a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" style="padding-right:0.5px" src='/img/bug.svg'/></a> <a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" alt="report a bug" style="padding-right:0.5px" src="/img/bug.svg"/></a>
<a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" style='width:15px;height:15px;padding-right:1px' src='/img/github.svg'/></a> <a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" alt="join our github project" style="width:15px;height:15px;padding-right:1px" src="/img/github.svg"/></a>
<div id="MyLogin" style="padding-right:10px"> <div id="MyLogin" style="padding-right:10px">
<span>{{{login}}}</span> <span>{{{login}}}</span>
</div> </div>
...@@ -33,8 +34,8 @@ ...@@ -33,8 +34,8 @@
</video> </video>
<div class="content"> <div class="content">
<img id="logo" src="/img/brainbox-logo.svg" style="text-align:center"/> <img id="logo" src="/img/brainbox-logo.svg" style="text-align:center"/>
<h2 style='margin-top:0'>Real-time collaboration in neuroimaging</h2> <h2 style="margin-top:0">Real-time collaboration in neuroimaging</h2>
<p style='margin-bottom:2rem'> <p style="margin-bottom:2rem">
BrainBox allows you to visualise, segment and annotate collaboratively BrainBox allows you to visualise, segment and annotate collaboratively
any brain MRI dataset available online. Segmentations and annotations are any brain MRI dataset available online. Segmentations and annotations are
automatically saved. Point BrainBox to your own nii.gz or mgz data online, automatically saved. Point BrainBox to your own nii.gz or mgz data online,
...@@ -43,12 +44,12 @@ ...@@ -43,12 +44,12 @@
<div style="position:relative;text-align:center"> <div style="position:relative;text-align:center">
<input id="url" style="display:block;width:100%;margin-bottom:1rem" type="text" placeholder="Enter the URL of an MRI (.nii.gz or .mgz) and click Go"></input> <input id="url" style="display:block;width:100%;margin-bottom:1rem" type="text" placeholder="Enter the URL of an MRI (.nii.gz or .mgz) and click Go"></input>
<select id="list" style='width:200px;height:32px;background:none;text-align-last:center' class='pushButton'> <select id="list" style="width:200px;height:32px;background:none;text-align-last:center" class="pushButton">
<option value='' disabled selected hidden>&#9662; A list of brains to try</option> <option value="" disabled selected hidden>&#9662; A list of brains to try</option>
<option value='https://zenodo.org/record/44855/files/MRI-n4.nii.gz'>A Lion from Zenodo</option> <option value="https://zenodo.org/record/44855/files/MRI-n4.nii.gz">A Lion from Zenodo</option>
<option value='http://files.figshare.com/2284784/MRI_n4.nii.gz'>A Human from FigShare</option> <option value="http://files.figshare.com/2284784/MRI_n4.nii.gz">A Human from FigShare</option>
<option value='https://dl.dropbox.com/s/cny5b3so267bv94/p32-f18-uchar.nii.gz'>A 32 days old Ferret from DropBox</option> <option value="https://dl.dropbox.com/s/cny5b3so267bv94/p32-f18-uchar.nii.gz">A 32 days old Ferret from DropBox</option>
<option value='https://s3.amazonaws.com/fcp-indi/data/Projects/ABIDE_Initiative/Outputs/freesurfer/5.1/Caltech_0051456/mri/T1.mgz&view=cor&slice=128'>A Subject from the ABIDE Initiative, from Amazon</option> <option value="https://s3.amazonaws.com/fcp-indi/data/Projects/ABIDE_Initiative/Outputs/freesurfer/5.1/Caltech_0051456/mri/T1.mgz&view=cor&slice=128">A Subject from the ABIDE Initiative, from Amazon</option>
</select> </select>
<div id="go" class="pushButton" style="display:inline-block;width:32px;line-height:30px">Go</div> <div id="go" class="pushButton" style="display:inline-block;width:32px;line-height:30px">Go</div>
</div> </div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="open science neuroimaging collaboration neuroscience MRI">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
<title>{{title}}</title> <title>{{title}}</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css">
</head> </head>
<body> <body>
...@@ -16,11 +17,11 @@ ...@@ -16,11 +17,11 @@
<div style="flex:0 0 64px"> <div style="flex:0 0 64px">
<!-- Top-right menu bar --> <!-- Top-right menu bar -->
<div id="menu"> <div id="menu">
<img id="addProject" class="button" title="add project" src='/img/plus.svg'/> <img id="addProject" class="button" title="add project" alt="add project" src="/img/plus.svg"/>
<a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" src='/img/search.svg'/></a> <a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" alt="search" src="/img/search.svg"/></a>
<img id="doc" class="button" title="documentation" src='/img/doc.svg'/> <img id="doc" class="button" title="documentation" alt="documentation" src="/img/doc.svg"/>
<a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" src='/img/bug.svg'/></a> <a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" alt="report a bug" src="/img/bug.svg"/></a>
<a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" style='width:15px;height:15px' src='/img/github.svg'/></a> <a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" alt="join our github project" style="width:15px;height:15px" src="/img/github.svg"/></a>
<div id="MyLogin"> <div id="MyLogin">
<span>{{{login}}}</span> <span>{{{login}}}</span>
</div> </div>
...@@ -28,10 +29,10 @@ ...@@ -28,10 +29,10 @@
<!-- Small left-top logo --> <!-- Small left-top logo -->
<div style="display:inline-block;margin:10px"> <div style="display:inline-block;margin:10px">
<a href='/' style="text-decoration:none"> <a href="/" style="text-decoration:none">
<img style='height:56px;vertical-align:middle' src='/img/brainbox-logo-small_noFont.svg'/> <img style="height:56px;vertical-align:middle" src="/img/brainbox-logo-small_noFont.svg"/>
</a><span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="fontLogo"> </a><span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="fontLogo">
<a href='/' style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100; text-decoration:none">BrainBox</a> <a href="/" style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100; text-decoration:none">BrainBox</a>
</span> </span>
</div> </div>
</div> </div>
...@@ -49,7 +50,7 @@ ...@@ -49,7 +50,7 @@
<table> <table>
<tr> <tr>
<th><b>Name</b></th> <th><b>Name</b></th>
<td><span id="name" contentEditable=true class='noEmpty'></span></td> <td><span id="name" contentEditable=true class="noEmpty"></span></td>
</tr> </tr>
<tr> <tr>
...@@ -80,8 +81,8 @@ ...@@ -80,8 +81,8 @@
</table> </table>
<div style="text-align:right"> <div style="text-align:right">
<span id="annotationMessage"></span> <span id="annotationMessage"></span>
<img id="addAnnotation" class="button" style="width:19px; height:19px" src='/img/plus-square.svg'/> <img id="addAnnotation" class="button" style="width:19px; height:19px" src="/img/plus-square.svg"/>
<img id="removeAnnotation" class="button" style="width:19px; height:19px" src='/img/minus-square.svg'/> <img id="removeAnnotation" class="button" style="width:19px; height:19px" src="/img/minus-square.svg"/>
</div> </div>
<b>Text Annotations</b><br/> <b>Text Annotations</b><br/>
...@@ -99,8 +100,8 @@ ...@@ -99,8 +100,8 @@
</table> </table>
<div style="text-align:right"> <div style="text-align:right">
<span id="textAnnotationMessage"></span> <span id="textAnnotationMessage"></span>
<img id="addTextAnnotation" class="button" style="width:19px; height:19px" src='/img/plus-square.svg'/> <img id="addTextAnnotation" class="button" style="width:19px; height:19px" src="/img/plus-square.svg"/>
<img id="removeTextAnnotation" class="button" style="width:19px; height:19px" src='/img/minus-square.svg'/> <img id="removeTextAnnotation" class="button" style="width:19px; height:19px" src="/img/minus-square.svg"/>
</div> </div>
</div> </div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="open science neuroimaging collaboration neuroscience MRI">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
<title>{{title}}</title> <title>{{title}}</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css">
</head> </head>
<body> <body>
...@@ -17,12 +17,12 @@ ...@@ -17,12 +17,12 @@
<div style="flex:0 0 64px"> <div style="flex:0 0 64px">
<!-- Top-right menu bar --> <!-- Top-right menu bar -->
<div id="menu"> <div id="menu">
<img id="addProject" class="button" title="add project" src='/img/plus.svg'/> <img id="addProject" class="button" title="add project" alt="add project" src="/img/plus.svg"/>
<img id="settings" class="button" title="Settings" src='/img/settings.svg'/> <img id="settings" class="button" title="settings" alt="settings" src="/img/settings.svg"/>
<a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" src='/img/search.svg'/></a> <a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" alt="search" src="/img/search.svg"/></a>
<img id="doc" class="button" title="documentation" src='/img/doc.svg'/> <img id="doc" class="button" title="documentation" alt="documentation" src="/img/doc.svg"/>
<a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" src='/img/bug.svg'/></a> <a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" alt="report a bug" src="/img/bug.svg"/></a>
<a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" style="width:15px;height:15px" src='/img/github.svg'/></a> <a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" alt="join our github project" style="width:15px;height:15px" src="/img/github.svg"/></a>
<div id="MyLogin"> <div id="MyLogin">
<span>{{{login}}}</span> <span>{{{login}}}</span>
</div> </div>
...@@ -30,10 +30,10 @@ ...@@ -30,10 +30,10 @@
<!-- Small left-top logo --> <!-- Small left-top logo -->
<div style="display:inline-block;margin:10px"> <div style="display:inline-block;margin:10px">
<a href='/' style="text-decoration:none"> <a href="/" style="text-decoration:none">
<img style='height:56px;vertical-align:middle' src='/img/brainbox-logo-small_noFont.svg'/> <img style="height:56px;vertical-align:middle" src="/img/brainbox-logo-small_noFont.svg"/>
</a><span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="fontLogo"> </a><span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="fontLogo">
<a href='/' style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100; text-decoration:none">{{projectName}}</a> <a href="/" style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100; text-decoration:none">{{projectName}}</a>
</span> </span>
</div> </div>
</div> </div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="open science neuroimaging collaboration neuroscience MRI">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
<title>{{title}}</title> <title>{{title}}</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css">
</head> </head>
<body> <body>
...@@ -16,11 +17,11 @@ ...@@ -16,11 +17,11 @@
<div style="flex:0 0 64px"> <div style="flex:0 0 64px">
<!-- Top-right menu bar --> <!-- Top-right menu bar -->
<div id="menu"> <div id="menu">
<img id="addProject" class="button" title="add project" src='/img/plus.svg'/> <img id="addProject" class="button" title="add project" alt="add project" src="/img/plus.svg"/>
<a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" src='/img/search.svg'/></a> <a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" alt="search" src="/img/search.svg"/></a>
<img id="doc" class="button" title="documentation" src='/img/doc.svg'/> <img id="doc" class="button" title="documentation" alt="documentation" src="/img/doc.svg"/>
<a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" src='/img/bug.svg'/></a> <a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" alt="report a bug" src="/img/bug.svg"/></a>
<a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" style='width:15px;height:15px' src='/img/github.svg'/></a> <a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" alt="join our github project" style="width:15px;height:15px" src="/img/github.svg"/></a>
<div id="MyLogin"> <div id="MyLogin">
<span>{{{login}}}</span> <span>{{{login}}}</span>
</div> </div>
...@@ -28,10 +29,10 @@ ...@@ -28,10 +29,10 @@
<!-- Small left-top logo --> <!-- Small left-top logo -->
<div style="display:inline-block;margin:10px"> <div style="display:inline-block;margin:10px">
<a href='/' style="text-decoration:none"> <a href="/" style="text-decoration:none">
<img style='height:56px;vertical-align:middle' src='/img/brainbox-logo-small_noFont.svg'/> <img style="height:56px;vertical-align:middle" src="/img/brainbox-logo-small_noFont.svg"/>
</a><span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="fontLogo"> </a><span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="fontLogo">
<a href='/' style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100; text-decoration:none">BrainBox</a> <a href="/" style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100; text-decoration:none">BrainBox</a>
</span> </span>
</div> </div>
</div> </div>
...@@ -52,7 +53,7 @@ ...@@ -52,7 +53,7 @@
</p> </p>
<input id="projectName" type="text" placeholder="Enter the project short name"></input> <input id="projectName" type="text" placeholder="Enter the project short name"></input>
<div id='warning' style="display:none"> <div id="warning" style="display:none">
</div> </div>
</div> </div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="open science neuroimaging collaboration neuroscience MRI">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
<title>{{projectShortname}}</title> <title>{{projectShortname}}</title>
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Roboto:100' type='text/css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css">
</head> </head>
<body> <body>
...@@ -17,11 +17,11 @@ ...@@ -17,11 +17,11 @@
<div style="flex:0 0 64px"> <div style="flex:0 0 64px">
<!-- Top-right menu bar --> <!-- Top-right menu bar -->
<div id="menu"> <div id="menu">
<img id="addProject" class="button" title="add project" src='/img/plus.svg'/> <img id="addProject" class="button" title="add project" alt="add project" src="/img/plus.svg"/>
<a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" src='/img/search.svg'/></a> <a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" alt="search" src="/img/search.svg"/></a>
<img id="doc" class="button" title="documentation" src='/img/doc.svg'/> <img id="doc" class="button" title="documentation" alt="documentation" src="/img/doc.svg"/>
<a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" src='/img/bug.svg'/></a> <a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" alt="report a bug" src="/img/bug.svg"/></a>
<a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" style='width:15px;height:15px' src='/img/github.svg'/></a> <a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" alt="join our github" style="width:15px;height:15px" src="/img/github.svg"/></a>
<div id="MyLogin"> <div id="MyLogin">
<span>{{{login}}}</span> <span>{{{login}}}</span>
</div> </div>
...@@ -29,8 +29,8 @@ ...@@ -29,8 +29,8 @@
<!-- Small left-top logo --> <!-- Small left-top logo -->
<div style="display:inline-block;margin:10px"> <div style="display:inline-block;margin:10px">
<a href='/' style="text-decoration:none"> <a href="/" style="text-decoration:none">
<img style='height:56px;vertical-align:middle' src='/img/brainbox-logo-small_noFont.svg'/> <img style="height:56px;vertical-align:middle" alt="brainbox logo" src="/img/brainbox-logo-small_noFont.svg"/>
</a> </a>
<span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="projectName" contentEditable=true class="noEmptyWithPlaceholder" placeholder="Enter a project name"> <span style="font-family: Roboto, sans-serif; font-size: 36px; font-weight:100;vertical-align:middle" id="projectName" contentEditable=true class="noEmptyWithPlaceholder" placeholder="Enter a project name">
</span> </span>
...@@ -44,13 +44,13 @@ ...@@ -44,13 +44,13 @@
<div id="centeringDiv"> <div id="centeringDiv">
<div id="projImage"> <div id="projImage">
<a href='/project/{{projectShortname}}'><svg width="100%" height="100%"></svg></a> <a href="/project/{{projectShortname}}"><svg width="100%" height="100%"></svg></a>
</div> </div>
<div id="projDescription"> <div id="projDescription">
<a href='/project/{{projectShortname}}'><h1>{{projectShortname}}</h1></a> <a href="/project/{{projectShortname}}"><h1>{{projectShortname}}</h1></a>
<h2 id="url" contentEditable=true class="noEmptyWithPlaceholder" placeholder="Enter a project website"></h2> <h2 id="url" contentEditable=true class="noEmptyWithPlaceholder" placeholder="Enter a project website"></h2>
<p>by <a href='/user/{{owner}}'>{{owner}}</a></p> <p>by <a href="/user/{{owner}}">{{owner}}</a></p>
<p id="description" contentEditable=true class="noEmptyWithPlaceholder" placeholder="Enter a project description"></p> <p id="description" contentEditable=true class="noEmptyWithPlaceholder" placeholder="Enter a project description"></p>
<p><span id="numCollaborators"></span> Collaborators</p> <p><span id="numCollaborators"></span> Collaborators</p>
<p><span id="numAnnotations"></span> Annotations</p> <p><span id="numAnnotations"></span> Annotations</p>
...@@ -83,8 +83,8 @@ ...@@ -83,8 +83,8 @@
</tbody> </tbody>
</table> </table>
<div style="text-align:right"> <div style="text-align:right">
<img id="addCollaborator" class="button" style="width:20px; height:20px; margin:8 2 0 0" src='/img/plus-square.svg' title='add collaborator'/> <img id="addCollaborator" class="button" style="width:20px; height:20px; margin:8 2 0 0" title="add collaborator" alt="add collaborator" src="/img/plus-square.svg"/>
<img id="removeCollaborator" class="button" style="width:20px; height:20px; margin:8 2 0 0" src='/img/minus-square.svg' title='remove collaborator'/> <img id="removeCollaborator" class="button" style="width:20px; height:20px; margin:8 2 0 0" title="remove collaborator" alt="remove collaborator" src="/img/minus-square.svg"/>
</div> </div>
...@@ -103,8 +103,8 @@ ...@@ -103,8 +103,8 @@
</tbody> </tbody>
</table> </table>
<div style="text-align:right"> <div style="text-align:right">
<img id="addAnnotation" class="button" style="width:20px; height:20px; margin:8 2 0 0" src='/img/plus-square.svg' title='add annotation'/> <img id="addAnnotation" class="button" style="width:20px; height:20px; margin:8 2 0 0" title="add annotation" alt="add annotation" src="/img/plus-square.svg"/>
<img id="removeAnnotation" class="button" style="width:20px; height:20px; margin:8 2 0 0" src='/img/minus-square.svg' title='remove annotation'/> <img id="removeAnnotation" class="button" style="width:20px; height:20px; margin:8 2 0 0" title="remove annotation" alt="remove annotation" src="/img/minus-square.svg"/>
</div> </div>
<!-- Tab Content 3: MRIs --> <!-- Tab Content 3: MRIs -->
...@@ -120,10 +120,10 @@ ...@@ -120,10 +120,10 @@
</tbody> </tbody>
</table> </table>
<div style="text-align:right"> <div style="text-align:right">
<img id="importFiles" class="button" style="width:20px; height:20px; margin:8 2 0 0" src='/img/upload-square.svg' title='upload csv'/> <img id="importFiles" class="button" style="width:20px; height:20px; margin:8 2 0 0" src="/img/upload-square.svg" title="upload csv" alt="upload csv"/>
<img id="exportFiles" class="button" style="width:20px; height:20px; margin:8 2 0 0" src='/img/download-square.svg' title='download csv'/> <img id="exportFiles" class="button" style="width:20px; height:20px; margin:8 2 0 0" src="/img/download-square.svg" title="download csv" alt="download csv"/>
<img id="addFile" class="button" style="width:20px; height:20px; margin:8 2 0 0" src='/img/plus-square.svg' title='add new url entry'/> <img id="addFile" class="button" style="width:20px; height:20px; margin:8 2 0 0" src="/img/plus-square.svg" title="add new url entry" alt="add new url entry"/>
<img id="removeFile" class="button" style="width:20px; height:20px; margin:8 2 0 0" src='/img/minus-square.svg' title='remove url entry'/> <img id="removeFile" class="button" style="width:20px; height:20px; margin:8 2 0 0" src="/img/minus-square.svg" title="remove url entry" alt="remove url entry"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
<div style="flex:0 0 100px;background-color:#000"> <div style="flex:0 0 100px;background-color:#000">
<p style="width:100%;font-size:small;text-align:center"> <p style="width:100%;font-size:small;text-align:center">
<a target="_blank" href="http://neuroanatomy.github.io"> <a target="_blank" href="http://neuroanatomy.github.io">
<img src="/img/naat-bw.svg" style="width:28px;height:28px;margin-right:4px;display:inline-block;vertical-align:middle"/></a> <img alt="naat logo" src="/img/naat-bw.svg" style="width:28px;height:28px;margin-right:4px;display:inline-block;vertical-align:middle"/></a>
<a target="_blank" href="http://neuroanatomy.github.io" class="linkNoULine"> <a target="_blank" href="http://neuroanatomy.github.io" class="linkNoULine">
groupe de neuroanatomie appliquée et théorique groupe de neuroanatomie appliquée et théorique
</a> </a>
...@@ -149,11 +149,11 @@ ...@@ -149,11 +149,11 @@
<!-- Import files --> <!-- Import files -->
<!-- black overlay --> <!-- black overlay -->
<div id='importFilesDialog' style='display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:100'> <div id="importFilesDialog" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:100">
<!-- centered content --> <!-- centered content -->
<div style='position:relative;padding:1rem;margin:2rem auto;background-color:#333;max-width:600px;text-align:center;border:1px solid #777;height:calc(100% - 4rem);box-sizing:border-box'> <div style="position:relative;padding:1rem;margin:2rem auto;background-color:#333;max-width:600px;text-align:center;border:1px solid #777;height:calc(100% - 4rem);box-sizing:border-box">
<!-- overflow: scroll --> <!-- overflow: scroll -->
<div style='display:inline-block;max-width:600px;padding:2rem;overflow:scroll;max-height:calc(100% - 10rem)'> <div style="display:inline-block;max-width:600px;padding:2rem;overflow:scroll;max-height:calc(100% - 10rem)">
<table> <table>
<thead> <thead>
<tr> <tr>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="open science neuroimaging collaboration neuroscience MRI">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
<title>{{title}}</title> <title>{{title}}</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css">
</head> </head>
<body> <body>
...@@ -17,11 +17,11 @@ ...@@ -17,11 +17,11 @@
<div style="flex:0 0 64px"> <div style="flex:0 0 64px">
<!-- Top-right menu bar --> <!-- Top-right menu bar -->
<div id="menu"> <div id="menu">
<img id="addProject" class="button" title="add project" src='/img/plus.svg'/> <img id="addProject" class="button" title="add project" alt="add project" src="/img/plus.svg"/>
<a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" src='/img/search.svg'/></a> <a href="http://openneu.ro/metasearch" target="_blank"><img id="search" class="button" title="search" alt="search" src="/img/search.svg"/></a>
<img id="doc" class="button" title="documentation" src='/img/doc.svg'/> <img id="doc" class="button" title="documentation" alt="documentation" src="/img/doc.svg"/>
<a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" src='/img/bug.svg'/></a> <a href="https://github.com/neuroanatomy/BrainBox/issues/new" target="_blank"><img id="bug" class="button" title="report a bug" alt="report a bug" src="/img/bug.svg"/></a>
<a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" style='width:15px;height:15px' src='/img/github.svg'/></a> <a href="https://github.com/neuroanatomy" target="_blank"><img id="github" class="button" title="join our github project" alt="join our github project" style="width:15px;height:15px" src="/img/github.svg"/></a>
<div id="MyLogin"> <div id="MyLogin">
<span>{{{login}}}</span> <span>{{{login}}}</span>
</div> </div>
...@@ -29,10 +29,10 @@ ...@@ -29,10 +29,10 @@
<!-- Small left-top logo -->