diff --git a/README.md b/README.md index 607c3f69403f1d415a57b8bd920b2cad66f998a7..a1fb58b9cd804c2fa27dd6f58a550949f808f37b 100644 --- a/README.md +++ b/README.md @@ -1,35 +1,35 @@ -[](https://travis-ci.org/ebiwd/EBI-Framework) +[](https://travis-ci.org/ebiwd/EBI-Framework) [](https://gitter.im/ebiwd/EBI-Framework) -# EBI-Framework v1.2 +# EBI-Framework v1.3 -v1.2 is in beta and is targeted for a late-June 2017 release. Homed here are the various assets that make the EBI Visual Framework (CSS, JS, and a few images and build scripts). +v1.3 is in beta and is targeted for a January 2018 release. Homed here are the various assets that make the EBI Visual Framework (CSS, JS, and a few images and build scripts). -To view plans for v1.2 (and to join the discussion), [see issue 61](https://github.com/ebiwd/EBI-Framework/issues/61). +To view plans for v1.3 (and to join the discussion), [see issue 103](https://github.com/ebiwd/EBI-Framework/issues/103). Code is available for usage at: -- http://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/ -- http://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js -- http://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css +- http://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/ +- http://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js +- http://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css ### On v1.1? Should you upgrade? -We recommend upgrading to v1.2 in a number of scenarios: +We recommend upgrading to v1.3 in a number of scenarios: -1. You have a site that is actively maintained and want to increase performance and ensure better responsive design and accessibility. -1. You're developing with a JS framework like React or Angular, we've made a number of important structural changes. -1. You have a site using the old EBI Compliance theme and want a less intrusive upgrade and want to use the EBI Visual Framework 'lite' implementation. +1. You don't want or can't use the Foundation Framework core libraries +1. You're a 3rd party site or service and want less of the "EBI look" +1. More to come. -To review planning for v1.2 (or to add comment), [see issue 61](https://github.com/ebiwd/EBI-Framework/issues/61). +To review planning for v1.3 (or to add comment), [see issue 103](https://github.com/ebiwd/EBI-Framework/issues/103). ### Do you have to upgrade? -If you're using the EBI Visual Framework v1.1 it is not required that you upgrade, but there are [a number of improvements](https://github.com/ebiwd/EBI-Framework/issues/61) for sites that show a lot of data. +If you're using the EBI Visual Framework v1.1 or v1.2 it is not required that you upgrade, but there are [a number of improvements](https://github.com/ebiwd/EBI-Framework/issues/103) for sites that show a lot of data. -### How to migrate from v1.1? +### How to migrate from v1.2? -Follow the migration guide: https://github.com/ebiwd/EBI-Framework/issues/85 +Follow the migration guide: [To come] ## Where to start? How to use this? @@ -38,11 +38,11 @@ Follow the migration guide: https://github.com/ebiwd/EBI-Framework/issues/85 2. Guidance: - For web guidelines, [check out the Style Labe](https://www.ebi.ac.uk/style-lab/websites/sample-site/) for guidance on making your site look proper and correct. 3. Help! - - Check out the [issue queue](https://github.com/ebiwd/EBI-Framework/issues) or contact [Ken Hawkins](https://www.ebi.ac.uk/about/people/ken-hawkins) on the Web Development team. + - Check out the [issue queue](https://github.com/ebiwd/EBI-Framework/issues) or contact [Ken Hawkins](https://www.ebi.ac.uk/about/people/ken-hawkins) in the Web Development team. ### Do I need to download this? -No. The vast majority of users should link to the EBI hosted files. You'll load three CSS files, seven JS files, and use a wrapper HTML. Have a look at the source of [the simple boilerplate page](https://ebiwd.github.io/EBI-Pattern-library/sample-site-v1.2/boilerplate/blank.html). +No. The vast majority of users should link to the EBI hosted files. You'll load three CSS files, seven JS files, and use a wrapper HTML. Have a look at the source of [the simple boilerplate page](https://www.ebi.ac.uk/style-lab/websites/sample-site/boilerplate/blank.html). ## About the EBI Visual Framework @@ -117,7 +117,7 @@ Files are hosted in this pattern: ``` That is: ``` -//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js +//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js ``` #### Building from NPM @@ -131,7 +131,8 @@ To get started, have a look at `package.json`. Likely the the `npm run scss` com Releases are available via NPM at https://www.npmjs.com/package/ebi-framework ## Roadmap -- v1.2: https://github.com/ebiwd/EBI-Framework/issues/61 -- v1.3: Angular 1st class support, accessibility improvements +- v1.1: Major update to the 2013 look and functionality +- v1.2: [Major improvements around modularity, structure and visual refinements](https://github.com/ebiwd/EBI-Framework/issues/61) +- v1.3: To come - v1.4: Unit testing - v1.5: Add animation guidance and tooling ([see this](https://medium.com/@vlh/what-does-disney-know-about-interface-animation-anyway-86b32d01bc4a)) diff --git a/index.html b/index.html index 8b3284e52a1102288593ebb2cdf6099c2f588484..c79af4bb0cd54a47071fc925fb0f717dcc1f1778 100755 --- a/index.html +++ b/index.html @@ -22,22 +22,22 @@ <!-- If you have custom icon, replace these as appropriate. You can generate them at realfavicongenerator.net --> - <link rel="icon" type="image/x-icon" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192×192" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/android-chrome-192x192.png" /> <!-- Android (192px) --> - <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-114x114.png" /> <!-- For iPhone 4 Retina display (114px) --> - <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-72x72.png" /> <!-- For iPad (72px) --> - <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-144x144.png" /> <!-- For iPad retinat (144px) --> - <link rel="apple-touch-icon-precomposed" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/safari-pinned-tab.svg" color="#ffffff" /> <!-- Safari icon for pinned tab --> + <link rel="icon" type="image/x-icon" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192×192" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/android-chrome-192x192.png" /> <!-- Android (192px) --> + <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-114x114.png" /> <!-- For iPhone 4 Retina display (114px) --> + <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-72x72.png" /> <!-- For iPad (72px) --> + <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-144x144.png" /> <!-- For iPad retinat (144px) --> + <link rel="apple-touch-icon-precomposed" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/safari-pinned-tab.svg" color="#ffffff" /> <!-- Safari icon for pinned tab --> <meta name="msapplication-TileColor" content="#2b5797" /> <!-- MS Icons --> - <meta name="msapplication-TileImage" content="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> <link rel="stylesheet" href="libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://www.ebi.ac.uk/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://www.ebi.ac.uk/web_guidelines/EBI-Icon-fonts/v1.3/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -46,7 +46,7 @@ <!-- If you have a custom header image or colour --> <meta name="ebi:masthead-color" content="#091314" /> - <meta name="ebi:masthead-image" content="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/backgrounds/embl-ebi-background-4.jpg" /> + <meta name="ebi:masthead-image" content="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/backgrounds/embl-ebi-background-4.jpg" /> <!-- you can replace this with theme-[projectname].css. See http://www.ebi.ac.uk/web/style/colour for details of how to do this --> <!-- also inform ES so we can host your colour palette file --> @@ -143,9 +143,9 @@ <section id="main-content-area" class="row" role="main"> <h2>EBI Visual Framework</h2> - <p>This is a development implementation of the EBI Visual Framework v1.2; for more information:</p> + <p>This is a development implementation of the EBI Visual Framework v1.3; for more information:</p> <ul> - <li><a href="https://github.com/ebiwd/EBI-Framework/tree/v1.2" class="readmore">Check out the GitHub branch</a></li> + <li><a href="https://github.com/ebiwd/EBI-Framework/tree/v1.3" class="readmore">Check out the GitHub branch</a></li> <li><a href="https://github.com/ebiwd/EBI-Framework/issues/61" class="readmore">Read and discuss the roadmap</a></li> <li><a href="https://github.com/ebiwd/EBI-Framework/issues/61" class="readmore">Join one of the bi-weekly drop-in clinics</a></li> <li><a href="http://www.ebi.ac.uk/style-lab/websites/sample-site/" class="readmore">Check out the boilerplate templates</a></li> diff --git a/js/injectEBIFramework.js b/js/injectEBIFramework.js index 44f4f11b47f7d52e2899cb41e2f4423bb92d73d2..1ff573054b480733a617feef4523cebd17022753 100644 --- a/js/injectEBIFramework.js +++ b/js/injectEBIFramework.js @@ -42,9 +42,9 @@ function injectEBIFramework() { } (function includeScripts() { - var requireScripts = ['//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js', - '//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js', - '//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foot.js']; + var requireScripts = ['//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js', + '//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js', + '//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foot.js']; function init() { try { var existingScripts = document.getElementsByTagName('script'); @@ -73,10 +73,10 @@ function injectEBIFramework() { (function includeStyles() { - var requireStyles = ['//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css', - '//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css', - '//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css', - '//www.ebi.ac.uk/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css']; + var requireStyles = ['//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css', + '//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css', + '//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation.css', + '//www.ebi.ac.uk/web_guidelines/EBI-Icon-fonts/v1.3/fonts.css']; function init() { try {