Skip to content

Instantly share code, notes, and snippets.

@jaw111

jaw111/applications.html

Last active August 29, 2015 14:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jaw111/f8c2ef9d456337332d58 to your computer and use it in GitHub Desktop.
Save jaw111/f8c2ef9d456337332d58 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
applications.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="ta_vp_BUK7Y8R7-60E" lang="en-us" xml:lang="en-us">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"></meta>
<meta content="(C) Copyright 2005" name="copyright"></meta>
<meta content="(C) Copyright 2005" name="DC.rights.owner"></meta>
<meta content="p-topic" name="DC.Type"></meta>
<meta content="Applications" name="DC.Title"></meta>
<meta content="N-channel standard level FET, BUK7Y8R7-60E, 60 V; 8.7 mΩ, with TrenchMOS technology" name="DC.subject"></meta>
<meta content="N-channel standard level FET, BUK7Y8R7-60E, 60 V; 8.7 mΩ, with TrenchMOS technology" name="keywords"></meta>
<meta content="Joe Bloggs" name="DC.Creator"></meta>
<meta content="Acme Inc." name="DC.Publisher"></meta>
<meta content="company_public" name="DC.Rights.Usage"></meta>
<meta content="2012-12-19T00:00:00" name="DC.Date.Created"></meta>
<meta content="2012-12-18T00:00:00" name="DC.Date.Modified"></meta>
<meta content="" name="DC.Date.Issued"></meta>
<meta content="" name="DC.Date.Available"></meta>
<meta content="released" name="releasestate"></meta>
<meta content="marco.borsato@example.com" name="owner"></meta>
<meta content="target-applications" name="nxp-type"></meta>
<meta content="A01" name="magcode"></meta>
<meta content="product" name="specificationstate"></meta>
<meta content="ta_BUK7Y8R7-60E" name="DC.Identifier"></meta>
<meta content="en-US" name="DC.Language"></meta>
<title>Applications</title>
</head>
<body><h2>Applications</h2><div><ul class="ul"><li class="li">12 V Automotive systems</li>
<li class="li">Motors, lamps and solenoid control</li>
<li class="li">Transmission control</li>
<li class="li">Ultra high performance power switching</li>
</ul>
</div></body>
</html>
Raw
description.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="ts_vp_BUK7Y8R7-60E" lang="en-us" xml:lang="en-us">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"></meta>
<meta content="(C) Copyright 2005" name="copyright"></meta>
<meta content="(C) Copyright 2005" name="DC.rights.owner"></meta>
<meta content="p-topic" name="DC.Type"></meta>
<meta content="General description" name="DC.Title"></meta>
<meta content="N-channel standard level FET, BUK7Y8R7-60E, 60 V; 8.7 mΩ, with TrenchMOS technology" name="DC.subject"></meta>
<meta content="N-channel standard level FET, BUK7Y8R7-60E, 60 V; 8.7 mΩ, with TrenchMOS technology" name="keywords"></meta>
<meta content="Joe Bloggs" name="DC.Creator"></meta>
<meta content="Acme Inc." name="DC.Publisher"></meta>
<meta content="company_public" name="DC.Rights.Usage"></meta>
<meta content="2012-12-19T00:00:00" name="DC.Date.Created"></meta>
<meta content="2012-12-18T00:00:00" name="DC.Date.Modified"></meta>
<meta content="" name="DC.Date.Issued"></meta>
<meta content="" name="DC.Date.Available"></meta>
<meta content="released" name="releasestate"></meta>
<meta content="marco.borsato@example.com" name="owner"></meta>
<meta content="technical-summary" name="nxp-type"></meta>
<meta content="A01" name="magcode"></meta>
<meta content="product" name="specificationstate"></meta>
<meta content="ts_BUK7Y8R7-60E" name="DC.Identifier"></meta>
<meta content="en-US" name="DC.Language"></meta>
<title>General description</title>
</head>
<body><h2>General description</h2><div><p>Standard level N-channel MOSFET in an LFPAK56 (Power SO8) package using TrenchMOS technology. This product has been designed and qualified to AEC Q101 standard for use in high performance automotive applications.</p></div></body>
</html>
Raw
ex1.jsonld
{
"@context": {
"@vocab": "http://example.com/",
"rdf": "http://www.w3.org/1999/02/22-rdf-syntax-ns#",
"description": {
"@type": "rdf:HTML"
},
"features": {
"@type": "rdf:HTML"
},
"applications": {
"@type": "rdf:HTML"
}
},
"title": "BUK7Y8R7-60E",
"subtitle": "N-channel 60 V, 8.7 mΩ standard level MOSFET in LFPAK56",
"keyword": [ "N-channel standard level FET", "BUK7Y8R7-60E", "60 V; 8.7 mΩ", "with TrenchMOS technology" ],
"description": "<div><p>Standard level N-channel MOSFET in an LFPAK56 (Power SO8) package using TrenchMOS technology. This product has been designed and qualified to AEC Q101 standard for use in high performance automotive applications.</p></div>",
"features": "<div><ul class=\"ul\"><li class=\"li\">Q101 compliant</li>\n<li class=\"li\">Repetitive avalanche rated</li>\n<li class=\"li\">Suitable for thermally demanding environments due to 175 °C rating</li>\n<li class=\"li\">True standard level gate with V<sub class=\"ph sub\">GS(th)</sub> rating of greater than 1 V at 175 °C </li>\n</ul></div>",
"applications": "<div><ul class=\"ul\"><li class=\"li\">12 V Automotive systems</li>\n<li class=\"li\">Motors, lamps and solenoid control</li>\n<li class=\"li\">Transmission control</li>\n<li class=\"li\">Ultra high performance power switching</li>\n</ul></div>"
}
Raw
ex2.jsonld
{
"@context": {
"@vocab": "http://example.com/",
"rdf": "http://www.w3.org/1999/02/22-rdf-syntax-ns#",
"description": {
"@type": "@id"
},
"features": {
"@type": "@id"
},
"applications": {
"@type": "@id"
}
},
"title": "BUK7Y8R7-60E",
"subtitle": "N-channel 60 V, 8.7 mΩ standard level MOSFET in LFPAK56",
"keyword": [ "N-channel standard level FET", "BUK7Y8R7-60E", "60 V; 8.7 mΩ", "with TrenchMOS technology" ],
"description": "description.html",
"features": "features.html",
"applications": "applications.html"
}
Raw
features.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="fb_vp_BUK7Y8R7-60E" lang="en-us" xml:lang="en-us">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"></meta>
<meta content="(C) Copyright 2005" name="copyright"></meta>
<meta content="(C) Copyright 2005" name="DC.rights.owner"></meta>
<meta content="p-topic" name="DC.Type"></meta>
<meta content="Features and benefits" name="DC.Title"></meta>
<meta content="N-channel standard level FET, BUK7Y8R7-60E, 60 V; 8.7 mΩ, with TrenchMOS technology" name="DC.subject"></meta>
<meta content="N-channel standard level FET, BUK7Y8R7-60E, 60 V; 8.7 mΩ, with TrenchMOS technology" name="keywords"></meta>
<meta content="Joe Bloggs" name="DC.Creator"></meta>
<meta content="Acme Inc." name="DC.Publisher"></meta>
<meta content="company_public" name="DC.Rights.Usage"></meta>
<meta content="2012-12-19T00:00:00" name="DC.Date.Created"></meta>
<meta content="2012-12-18T00:00:00" name="DC.Date.Modified"></meta>
<meta content="" name="DC.Date.Issued"></meta>
<meta content="" name="DC.Date.Available"></meta>
<meta content="draft" name="releasestate"></meta>
<meta content="marco.borsato@example.com" name="owner"></meta>
<meta content="features-benefits" name="nxp-type"></meta>
<meta content="A01" name="magcode"></meta>
<meta content="product" name="specificationstate"></meta>
<meta content="fb_BUK7Y8R7-60E" name="DC.Identifier"></meta>
<meta content="en-US" name="DC.Language"></meta>
<title>Features and benefits</title>
</head>
<body><h2>Features and benefits</h2><div><ul class="ul"><li class="li">Q101 compliant</li>
<li class="li">Repetitive avalanche rated</li>
<li class="li">Suitable for thermally demanding environments due to 175 °C rating</li>
<li class="li">True standard level gate with V<sub class="ph sub">GS(th)</sub> rating of greater than 1 V at 175 °C </li>
</ul>
</div></body>
</html>
Raw
index.html
<html>
<head>
<meta charset="utf-8">
<link rel="import" href="template.html">
</head>
<body>
<header>
<h1>My Product</h1>
</header>
<div id="container">
<p>Some placeholder content.</p>
</div>
<footer class="footer">
<p>© 2015 Acme, Inc.</p>
</footer>
<script>
xhr = new XMLHttpRequest();
xhr.open('GET', 'ex2.jsonld', true);
xhr.responseType = 'json';
xhr.onload = function(e) {
var doc = e.target.response;
var link = document.createElement('link');
link.rel = 'import';
link.href = doc.description;
link.className = 'description';
document.head.appendChild(link);
// Populate the template
var desc_link = document.querySelector('link[rel="import"]:last-child');
document.querySelector('div.description').innerHTML = desc_link.import.querySelector('body').innerHTML;
var link = document.createElement('link');
link.rel = 'import';
link.href = doc.features;
document.head.appendChild(link);
var link = document.createElement('link');
link.rel = 'import';
link.href = doc.applications;
document.head.appendChild(link);
};
xhr.send();
var link = document.querySelector('link[rel="import"]');
var container = document.querySelector('#container');
container.innerHTML = ''; // clear out.
// Clone the <template> in the import.
var template = link.import.querySelector('#vp');
var clone = document.importNode(template.content, true);
container.appendChild(clone);
</script>
</body>
</html>
Raw
template.html
<template id="vp">
<div class="container-fluid">
<div class="description">Description placeholder</div>
<div class="features">Features placeholder</div>
<div class="applications">Applications placeholder</div>
</div>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment