index.html
<!doctype html>
<html lang="en">
<head>
<title>ePlant Plant eFP</title>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<meta name="title" content="ePlant Plant eFP" />
<link rel="shortcut icon" href="https://bar.utoronto.ca/icon/favicon.ico" />
<link rel="canonical" href="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/" />
<meta http-equiv="Cache-Control" content="public, max-age=604800" />
<meta
http-equiv="Content-Security-Policy"
content="default-src 'self' 'unsafe-inline' *.google-analytics.com *.googleapis.com *.googletagmanager.com *.utoronto.ca *.githubusercontent.com; object-src 'self'; base-uri 'self'; form-action 'self'; style-src 'self' 'unsafe-inline';"
/>
<!-- Metadata -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="theme-color" content="#cddaa7" />
<meta
name="author"
content="BAR Lab @ University of Toronto: Alexander Sullivan, Asher Pasha, Youyang Li, Nicholas J. Provart"
/>
<meta
name="description"
content="The ePlant Plant eFP is a tissue expression API. This tool provides visualized tissue expression data corresponding for Arabidopsis thaliana across different compendiums"
/>
<meta
name="keywords"
content="data, data-visualization, arabidopsis-thaliana, bioinformatics, bioinformatics-tool, bioinformatics-data, bioinformatics-visualization, database, arabidopsis, eplant-plant-efp, compendiums, svg"
/>
<meta name="robots" content="index, follow" />
<meta name="language" content="English" />
<link rel="manifest" href="https://bar.utoronto.ca/icon/manifest.json" />
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="https://bar.utoronto.ca/icon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="https://bar.utoronto.ca/icon/favicon-16x16.png" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/" />
<meta property="og:title" content="ePlant Plant eFP" />
<meta
property="og:description"
content="The ePlant Plant eFP is a tissue expression API. This tool provides visualized tissue expression data corresponding for Arabidopsis thaliana across different compendiums"
/>
<meta property="og:image" content="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/icon/resoc.png" />
<meta property="og:image:url" content="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/icon/resoc.png" />
<meta
property="og:image:secure_url"
content="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/icon/resoc.png"
/>
<meta property="og:image:type" content="image/png" />
<meta property="og:image:alt" content="ePlant Plant eFP" />
<meta property="og:site_name" content="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/" />
<meta property="article:modified_time" name="article-modified_time" content="2022-05-02T12:00:00+00:00" />
<meta itemprop="name" content="ePlant Plant eFP" />
<meta itemprop="url" content="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/" />
<meta
itemprop="description"
content="The ePlant Plant eFP is a tissue expression API. This tool provides visualized tissue expression data corresponding for Arabidopsis thaliana across different compendiums"
/>
<meta itemprop="thumbnailUrl" content="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/icon/resoc.png" />
<link rel="image_src" href="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/icon/resoc.png" />
<meta itemprop="image" content="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/icon/resoc.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/" />
<meta property="twitter:title" content="ePlant Plant eFP" />
<meta
property="twitter:description"
content="The ePlant Plant eFP is a tissue expression API. This tool provides visualized tissue expression data corresponding for Arabidopsis thaliana across different compendiums"
/>
<meta property="twitter:image" content="https://bar.utoronto.ca/~asullivan/bar-homepage-build/icon/resoc.png" />
<meta name="twitter:site" content="@BAR_PlantBio" />
<meta name="twitter:title" content="ePlant Plant eFP" />
<meta name="twitter:image" content="https://bar.utoronto.ca/~asullivan/bar-homepage-build/icon/resoc.png" />
<meta name="twitter:url" content="https://twitter.com/BAR_PlantBio" />
<meta name="twitter:creator" content="@BAR_PlantBio" />
<meta name="twitter:domain" content="bar.utoronto.ca" />
<meta
name="twitter:description"
content="The ePlant Plant eFP is a tissue expression API. This tool provides visualized tissue expression data corresponding for Arabidopsis thaliana across different compendiums"
/>
<!-- Schema/Structured Data -->
<script type="application/ld+json">
{
"url": "https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/",
"name": "ePlant Plant eFP",
"description": "ePlant Plant eFP",
"image": "https://bar.utoronto.ca/~asullivan/ePlant_Plant_eFP/icon/resoc.png",
"@context": "http://schema.org",
"@type": "WebSite"
}
</script>
<!-- Preload/preconnect to GitHub hosted content -->
<link rel="preconnect" href="https://raw.githubusercontent.com" />
<link rel="dns-prefetch" href="https://raw.githubusercontent.com" />
</head>
<body>
<div id="exampleDOM" style="background-color: white; color: black"></div>
<script async src="./tissueExpressionBAR.min.js"></script>
<script>
let params = {
locus: "AT3G24650",
desiredDOMid: "exampleDOM",
svgName: "default",
includeDropdownAll: true,
containerHeight: undefined,
};
function displayContent(params = params) {
if (window?.createSVGExpressionData?.generateSVG) {
createSVGExpressionData.generateSVG(
params.locus,
"exampleDOM",
params.svgName,
params.includeDropdownAll,
params.containerHeight,
);
} else {
setTimeout(function () {
createSVGExpressionData.generateSVG(
params.locus,
params.desiredDOMid,
params.svgName,
params.includeDropdownAll,
params.containerHeight,
);
}, 100);
}
}
function getParams() {
if (window.location.search) {
let paramSearch = decodeURI(window.location.search.substring(1));
let paramsURL = paramSearch.split("&");
for (let i = 0; i < paramsURL.length; i++) {
let paramOptions = paramsURL[i].split("=");
for (const [key, value] of Object.entries(params)) {
if (paramOptions[0].toLowerCase().trim() === key.toLowerCase().trim()) {
params[key] = paramOptions[1];
break;
}
}
}
}
if (params) {
displayContent(params);
}
}
addEventListener("load", getParams());
</script>
</body>
</html>