Peg to alpha.5

visual-framework · Jun 13, 2019 · c6b809e · c6b809e
1 parent 84f06ff
commit c6b809e
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 28 deletions.
diff --git a/README.md b/README.md
@@ -1,8 +1,8 @@
 # vf-sample-integrations
 
-A few demo pages showing how the (alpha) Visual Framework 2.0  (add link) can be used (fairly) seamlessly with other CSS and JS stacks.
+A few demo pages showing how the [Visual Framework 2.0](https://visual-framework.github.io/vf-welcome/) (alpha.5) can be used without disrupting a site's CSS and JS stacks.
 
-## So, what does this show?
+## What does this show?
 
 It demonstrates the VF 2.0's CSS and JS isolation through namespacing and element isolation (add link).
 
@@ -14,7 +14,7 @@ To illustrate, on the below demos we use the VF to:
 <!-- BEGIN: VF 2.0 sample -->
 <!-- Jobs feed import -->
 <link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?pattern=vf-jobs-snippet&filter-content-type=jobs&filter-field-contains[field_jobs_description]=protein&filter-field-date-after[field_jobs_expiration]=today&limit=3&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader="">
-<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-summary/vf-summary.css">
+<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-summary/vf-summary.css">
 <!-- END: VF 2.0 sample -->
 ```
 
@@ -24,28 +24,28 @@ To illustrate, on the below demos we use the VF to:
 <!-- BEGIN: VF 2.0 sample -->
 <!-- Data protection banner -->
 <link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=581&pattern=node-body&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader>
-<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-banner/vf-banner.css">
+<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-banner/vf-banner.css">
 <!-- END: VF 2.0 sample -->
 ```
 
 In both cases this can be done without disrupting existing page styles and JavaScript.
 
 ### View the demos
 
-- [Ensembl](samples/ensembl.html)
+<!-- - [Ensembl](samples/ensembl.html) -->
 - [PDBe](samples/pdbe.html)
 - [Uniprot](samples/uniprot.html)
 - [Chembl](samples/chembl.html)
-- [Chembl beta](samples/chembl-beta.html)
+<!-- - [Chembl beta](samples/chembl-beta.html) -->
 
 ### What are you adding in
 
 For each sample page, three things:
 
 1. A CSS file
-    - `<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/css/styles.css">`
+    - `<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/css/styles.css">`
 1. A JS file
-    - `<script src="https://dev.assets.emblstatic.net/vf/scripts/scripts.js"></script>`
+    - `<script src="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/scripts/scripts.js"></script>`
 1. Snippets of HTML
     - look at the source for `<!-- BEGIN: VF 2.0 sample -->`
 

diff --git a/gulpfile.js b/gulpfile.js
@@ -5,7 +5,7 @@ const inject      = require('gulp-inject-string');
 
 gulp.task('markdown', () =>
   gulp.src('README.md')
-      .pipe(inject.append('\n<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/css/styles.css">'))
+      .pipe(inject.append('\n<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/css/styles.css">'))
       .pipe(markdown())
       .pipe(gulp.dest('./'))
 );

diff --git a/samples/chembl-beta.html b/samples/chembl-beta.html
@@ -948,7 +948,7 @@ <h5>No records were found. However, we found the following similar results:</h5>
                       <!-- BEGIN: VF 2.0 sample -->
                       <!-- Jobs feed import -->
                       <link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?pattern=vf-jobs-snippet&filter-content-type=jobs&filter-field-contains[field_jobs_description]=protein&filter-field-date-after[field_jobs_expiration]=today&limit=3&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader="">
-                      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-summary/vf-summary.css">
+                      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-summary/vf-summary.css">
                       <!-- END: VF 2.0 sample -->
                     </div>
                   </div>
@@ -5338,12 +5338,12 @@ <h3>{{es_results_list_title}}
 					<!-- BEGIN: VF 2.0 sample -->
 					<!-- Data protection banner -->
 					<link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=581&pattern=node-body&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader>
-					<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-banner/vf-banner.css">
+					<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-banner/vf-banner.css">
 					<!-- END: VF 2.0 sample -->
 
 
-		      <script src="https://dev.assets.emblstatic.net/vf/scripts/scripts.js"></script>
-		      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/css/styles.css">
+		      <script src="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/scripts/scripts.js"></script>
+		      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/css/styles.css">
 
 
 

diff --git a/samples/chembl.html b/samples/chembl.html
@@ -1382,12 +1382,12 @@ <h3 class="about"><a href="https://www.ebi.ac.uk/about" title="About us">About u
 					<!-- BEGIN: VF 2.0 sample -->
 					<!-- Data protection banner -->
 					<link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=581&pattern=node-body&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader>
-					<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-banner/vf-banner.css">
+					<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-banner/vf-banner.css">
 					<!-- END: VF 2.0 sample -->
 
 
-		      <script src="https://dev.assets.emblstatic.net/vf/scripts/scripts.js"></script>
-		      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/css/styles.css">
+		      <script src="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/scripts/scripts.js"></script>
+		      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/css/styles.css">
 
 
 

diff --git a/samples/ensembl.html b/samples/ensembl.html
@@ -181,7 +181,7 @@ <h2 class="box-header">Ensembl  Release 95 (January 2019)</h2><ul>
 <!-- BEGIN: VF 2.0 sample -->
 <!-- Jobs feed import -->
 <link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?pattern=vf-jobs-snippet&filter-content-type=jobs&filter-field-contains[field_jobs_description]=protein&filter-field-date-after[field_jobs_expiration]=today&limit=3&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader="">
-<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-summary/vf-summary.css">
+<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-summary/vf-summary.css">
 <!-- END: VF 2.0 sample -->
 
 
@@ -338,7 +338,7 @@ <h3>Follow us</h3>
   <!-- BEGIN: VF 2.0 sample -->
   <!-- Data protection banner -->
   <link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=581&pattern=node-body&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader>
-  <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-banner/vf-banner.css">
+  <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-banner/vf-banner.css">
 
   <!-- dismissible banner -->
   <div class="vf-banner vf-banner--fixed vf-banner--bottom vf-banner--notice" data-vf-js-banner data-vf-js-banner-state="dismissible" data-vf-js-banner-button-text="Close this" data-vf-js-banner-cookie-name="MyServiceTest" data-vf-js-banner-cookie-version="0.1"
@@ -351,8 +351,8 @@ <h3>Follow us</h3>
   </div>
   <!-- END: VF 2.0 sample -->
 
-  <script src="https://dev.assets.emblstatic.net/vf/scripts/scripts.js"></script>
-  <!-- <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/css/styles.css"> -->
+  <script src="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/scripts/scripts.js"></script>
+  <!-- <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/css/styles.css"> -->
 
 
 </body>

diff --git a/samples/pdbe.html b/samples/pdbe.html
@@ -427,7 +427,7 @@ <h3 class="pane-title">Latest jobs</h3>
 <!-- BEGIN: VF 2.0 sample -->
 <!-- Jobs feed import -->
 <link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?pattern=vf-jobs-snippet&filter-content-type=jobs&filter-field-contains[field_jobs_description]=protein&filter-field-date-after[field_jobs_expiration]=today&limit=3&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader="">
-<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-summary/vf-summary.css">
+<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-summary/vf-summary.css">
 <!-- END: VF 2.0 sample -->
 </div>
 
@@ -625,12 +625,12 @@ <h3 class="about"><a href="//www.ebi.ac.uk/about">About us</a></h3>
 					<!-- BEGIN: VF 2.0 sample -->
 					<!-- Data protection banner -->
 					<link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=581&pattern=node-body&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader>
-					<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-banner/vf-banner.css">
+					<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-banner/vf-banner.css">
 					<!-- END: VF 2.0 sample -->
 
 
-		      <script src="https://dev.assets.emblstatic.net/vf/scripts/scripts.js"></script>
-		      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/css/styles.css">
+		      <script src="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/scripts/scripts.js"></script>
+		      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/css/styles.css">
 
 
 

diff --git a/samples/uniprot.html b/samples/uniprot.html
@@ -79,7 +79,7 @@
 <!-- BEGIN: VF 2.0 sample -->
 <!-- Jobs feed import -->
 <link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?pattern=vf-jobs-snippet&filter-content-type=jobs&filter-field-contains[field_jobs_description]=protein&filter-field-date-after[field_jobs_expiration]=today&limit=3&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader="">
-<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-summary/vf-summary.css">
+<link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-summary/vf-summary.css">
 <!-- END: VF 2.0 sample -->
 
 </section></main><footer id="page-footer"><section><h5>Tools</h5><ul><li><a href="https://www.uniprot.org/blast">BLAST</a></li><li><a href="https://www.uniprot.org/align">Align</a></li><li><a href="https://www.uniprot.org/uploadlists">Retrieve/ID mapping</a></li><li><a href="https://www.uniprot.org/peptidesearch">Peptide search</a></li></ul></section><section><h5>Core data</h5><ul><li><a href="https://www.uniprot.org/uniprot">Protein knowledgebase (UniProtKB)</a></li><li><a href="https://www.uniprot.org/uniref">Sequence clusters (UniRef)</a></li><li><a href="https://www.uniprot.org/uniparc">Sequence archive (UniParc)</a></li><li><a href="https://www.uniprot.org/proteomes">Proteomes</a></li></ul></section><section><h5>Supporting data</h5><ul><li><a href="https://www.uniprot.org/citations">Literature citations</a></li><li><a href="https://www.uniprot.org/taxonomy">Taxonomy</a></li><li><a href="https://www.uniprot.org/keywords">Keywords</a></li><li><a href="https://www.uniprot.org/locations">Subcellular locations</a></li><li><a href="https://www.uniprot.org/database">Cross-referenced databases</a></li><li><a href="https://www.uniprot.org/diseases">Diseases</a></li></ul></section><section><h5>Information</h5><ul><li><a href="https://www.uniprot.org/help/about">About UniProt</a></li><li><a href="https://www.uniprot.org/help">Help</a></li><li><a href="https://www.uniprot.org/help/?fil=section:faq">FAQ</a></li><li><a href="https://www.uniprot.org/help/?fil=section:manual">UniProtKB manual</a></li><li><a href="https://www.uniprot.org/help/technical">Technical corner</a></li><li><a href="https://www.uniprot.org/help/?query=*&amp;fil=section:biocuration">Expert biocuration</a></li></ul></section><section class="small"><div class="uniprotlogo"><img src="https://www.uniprot.org/images/logos/uniprot-rgb-optimized.svg"/></div><span>&copy; 2002 &ndash;
@@ -110,12 +110,12 @@
       <!-- BEGIN: VF 2.0 sample -->
       <!-- Data protection banner -->
       <link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=581&pattern=node-body&amp;source=contenthub" data-target="self" data-embl-js-content-hub-loader>
-      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/components/raw/vf-banner/vf-banner.css">
+      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/components/raw/vf-banner/vf-banner.css">
       <!-- END: VF 2.0 sample -->
 
 
-      <script src="https://dev.assets.emblstatic.net/vf/scripts/scripts.js"></script>
-      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/css/styles.css">
+      <script src="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/scripts/scripts.js"></script>
+      <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/v2.0.0-alpha.5/css/styles.css">