diff --git a/content/pages/websites/sample-site-v1.3/boilerplate/affiliates.html b/content/pages/websites/sample-site-v1.2/boilerplate/affiliates.html similarity index 78% rename from content/pages/websites/sample-site-v1.3/boilerplate/affiliates.html rename to content/pages/websites/sample-site-v1.2/boilerplate/affiliates.html index da7ea62baab2a16a3d1fb6b98d07f3068aee3285..8c9871dee949841dc6206c3d9f2940a5e1546c3a 100644 --- a/content/pages/websites/sample-site-v1.3/boilerplate/affiliates.html +++ b/content/pages/websites/sample-site-v1.2/boilerplate/affiliates.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -56,7 +56,7 @@ layout: blank --> <!-- you can replace this with theme-[projectname].css. See //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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -66,6 +66,27 @@ layout: blank </div> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> + <nav class="row"> + <ul id="global-nav" class="menu"> + <!-- set active class as appropriate --> + <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> + <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> + <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> + <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> + <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> + <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> + <li class="search"> + <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> + <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> + <!-- The dropdown menu will be programatically added by script.js --> + </div> + </li> + <li class="float-right show-for-medium embl-selector"> + <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> + <!-- The dropdown menu will be programatically added by script.js --> + </li> + </ul> + </nav> </header> <div data-sticky-container> <header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom"> @@ -183,8 +204,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> - <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> + <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -233,11 +254,11 @@ layout: blank <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script> --> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site-v1.3/boilerplate/blank.html b/content/pages/websites/sample-site-v1.2/boilerplate/blank.html similarity index 64% rename from content/pages/websites/sample-site-v1.3/boilerplate/blank.html rename to content/pages/websites/sample-site-v1.2/boilerplate/blank.html index 36d7f41aba3adcc3ec96778c072418de276fe1b8..b6c8a40ee66914dd0d9754732c323c7f7c1fdb79 100644 --- a/content/pages/websites/sample-site-v1.3/boilerplate/blank.html +++ b/content/pages/websites/sample-site-v1.2/boilerplate/blank.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -57,7 +57,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -67,6 +67,27 @@ layout: blank </div> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> + <nav class="row"> + <ul id="global-nav" class="menu"> + <!-- set active class as appropriate --> + <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> + <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> + <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> + <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> + <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> + <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> + <li class="search"> + <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> + <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> + <!-- The dropdown menu will be programatically added by script.js --> + </div> + </li> + <li class="float-right show-for-medium embl-selector"> + <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> + <!-- The dropdown menu will be programatically added by script.js --> + </li> + </ul> + </nav> </header> <div id="content"> <div data-sticky-container> @@ -148,11 +169,11 @@ layout: blank <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script> --> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site-v1.3/boilerplate/right-sidebar.html b/content/pages/websites/sample-site-v1.2/boilerplate/right-sidebar.html similarity index 69% rename from content/pages/websites/sample-site-v1.3/boilerplate/right-sidebar.html rename to content/pages/websites/sample-site-v1.2/boilerplate/right-sidebar.html index 5726fd01f4a4001d8b3375b6b47560065a4976ce..f696e53e31e56bd85bdf8e1445c5aa01eae711ec 100644 --- a/content/pages/websites/sample-site-v1.3/boilerplate/right-sidebar.html +++ b/content/pages/websites/sample-site-v1.2/boilerplate/right-sidebar.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -56,7 +56,7 @@ layout: blank --> <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -66,7 +66,29 @@ layout: blank </div> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> + <nav class="row"> + <ul id="global-nav" class="menu"> + <!-- set active class as appropriate --> + <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> + <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> + <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> + <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> + <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> + <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> + <li class="search"> + <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> + <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> + <!-- The dropdown menu will be programatically added by script.js --> + </div> + </li> + <li class="float-right show-for-medium embl-selector"> + <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> + <!-- The dropdown menu will be programatically added by script.js --> + </li> + </ul> + </nav> </header> + <div id="content"> <div data-sticky-container> <header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom"> @@ -153,8 +175,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> - <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> + <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -193,11 +215,11 @@ layout: blank --> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site-v1.3/boilerplate/search-results.html b/content/pages/websites/sample-site-v1.2/boilerplate/search-results.html similarity index 75% rename from content/pages/websites/sample-site-v1.3/boilerplate/search-results.html rename to content/pages/websites/sample-site-v1.2/boilerplate/search-results.html index 20e8a35a65c6e63c0bd6b4c97904d005d3b4ac66..111c4bb0b10d726a0fc03c72900252302bbada14 100644 --- a/content/pages/websites/sample-site-v1.3/boilerplate/search-results.html +++ b/content/pages/websites/sample-site-v1.2/boilerplate/search-results.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -57,7 +57,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -93,6 +93,27 @@ layout: blank </style> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> + <nav class="row"> + <ul id="global-nav" class="menu"> + <!-- set active class as appropriate --> + <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> + <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> + <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> + <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> + <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> + <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> + <li class="search"> + <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> + <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> + <!-- The dropdown menu will be programatically added by script.js --> + </div> + </li> + <li class="float-right show-for-medium embl-selector"> + <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> + <!-- The dropdown menu will be programatically added by script.js --> + </li> + </ul> + </nav> </header> <div xdata-sticky-container> <header id="masthead" class="masthead compact-for-data" xdata-sticky data-sticky-on="large" xdata-top-anchor="content:top" xdata-btm-anchor="content:bottom"> @@ -218,8 +239,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> - <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> + <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> </ul> </div> <!-- /medium-3 --> diff --git a/content/pages/websites/sample-site-v1.3/boilerplate/theme.html b/content/pages/websites/sample-site-v1.2/boilerplate/theme.html similarity index 68% rename from content/pages/websites/sample-site-v1.3/boilerplate/theme.html rename to content/pages/websites/sample-site-v1.2/boilerplate/theme.html index 134b637135453ccec7b21b615da069c48e5158e6..6d596c4d3ccbc5a6be017b279ba67c332e4e7995 100644 --- a/content/pages/websites/sample-site-v1.3/boilerplate/theme.html +++ b/content/pages/websites/sample-site-v1.2/boilerplate/theme.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -52,12 +52,12 @@ layout: blank <!-- If you have a custom header image or colour --> <!-- <meta name="ebi:masthead-color" content="#000" /> - <meta name="ebi:masthead-image" content="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/backgrounds/embl-ebi-background-4.jpg" /> + <meta name="ebi:masthead-image" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-research.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-research.css" type="text/css" media="all" /> <!-- @@ -78,6 +78,27 @@ layout: blank </div> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> + <nav class="row"> + <ul id="global-nav" class="menu"> + <!-- set active class as appropriate --> + <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> + <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> + <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> + <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> + <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> + <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> + <li class="search"> + <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> + <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> + <!-- The dropdown menu will be programatically added by script.js --> + </div> + </li> + <li class="float-right show-for-medium embl-selector"> + <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> + <!-- The dropdown menu will be programatically added by script.js --> + </li> + </ul> + </nav> </header> <div data-sticky-container> <div id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom"> @@ -166,8 +187,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> - <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> + <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -206,11 +227,11 @@ layout: blank <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script> --> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site-v1.3/boilerplate/ultra-wide.html b/content/pages/websites/sample-site-v1.2/boilerplate/ultra-wide.html similarity index 92% rename from content/pages/websites/sample-site-v1.3/boilerplate/ultra-wide.html rename to content/pages/websites/sample-site-v1.2/boilerplate/ultra-wide.html index 971baf38b127c2b12c74410ffc54df126bf415f1..b16a1ddc2a9e7dfc8a66c3e818a904bc9d8cb305 100644 --- a/content/pages/websites/sample-site-v1.3/boilerplate/ultra-wide.html +++ b/content/pages/websites/sample-site-v1.2/boilerplate/ultra-wide.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -55,7 +55,7 @@ layout: blank --> <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -85,6 +85,27 @@ layout: blank </style> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> + <nav class="row"> + <ul id="global-nav" class="menu"> + <!-- set active class as appropriate --> + <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> + <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> + <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> + <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> + <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> + <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> + <li class="search"> + <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> + <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> + <!-- The dropdown menu will be programatically added by script.js --> + </div> + </li> + <li class="float-right show-for-medium embl-selector"> + <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> + <!-- The dropdown menu will be programatically added by script.js --> + </li> + </ul> + </nav> </header> <div> <header id="masthead" class="masthead compact-for-data"> @@ -134,7 +155,7 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">GitHub repository</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Issue queue</a></li> - <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/sample-site/">Sample pages</a></li> + <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/sample-site/">Sample pages</a></li> <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Icon-fonts/v1.2/">Icon gallery</a></li> </ul> </div> @@ -1321,11 +1342,11 @@ layout: blank <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script> --> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site-v1.3/boilerplate/unbranded.html b/content/pages/websites/sample-site-v1.2/boilerplate/unbranded.html similarity index 88% rename from content/pages/websites/sample-site-v1.3/boilerplate/unbranded.html rename to content/pages/websites/sample-site-v1.2/boilerplate/unbranded.html index 2d7836c3aaa40bf07d6364458ff3ae5962f4eaab..4694b9b99085c3f80bd503587b8b4b15c5fb8feb 100644 --- a/content/pages/websites/sample-site-v1.3/boilerplate/unbranded.html +++ b/content/pages/websites/sample-site-v1.2/boilerplate/unbranded.html @@ -40,7 +40,7 @@ layout: blank <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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" /> @@ -63,6 +63,31 @@ layout: blank <a href="#content">Skip to main content</a> </div> + + <header id="masthead-black-bar" class="clearfix masthead-black-bar"> + <nav class="row"> + <ul id="global-nav" class="menu"> + <!-- set active class as appropriate --> + <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> + <li class="home active"><a href="//www.ebi.ac.uk">Property home</a></li> + <!-- <li class="search"> + <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> + <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> + Search box + </div> + </li> --> + <li class="float-right show-for-medium"> + <button class="button secondary-background" type="button" data-toggle="mastehad-dropdown">Selector</button> + <div id="mastehad-dropdown" class="dropdown-pane" data-dropdown data-auto-focus="true"> + <p>Dropdown</p> + </div> + + </li> + </ul> + </nav> + </header> + + <!-- Suggested layout containers / #content --> <div id="content"> <div data-sticky-container> diff --git a/content/pages/websites/sample-site-v1.3/brochure.html b/content/pages/websites/sample-site-v1.2/brochure.html similarity index 90% rename from content/pages/websites/sample-site-v1.3/brochure.html rename to content/pages/websites/sample-site-v1.2/brochure.html index 0577851c9c08b8a30cd404842a5d4d72057b8e1b..444a1fe32847d6b71ba4f8368173bda5c6cab17e 100644 --- a/content/pages/websites/sample-site-v1.3/brochure.html +++ b/content/pages/websites/sample-site-v1.2/brochure.html @@ -28,22 +28,22 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -58,7 +58,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -473,11 +473,11 @@ layout: blank --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site-v1.3/errorpages/.gitignore b/content/pages/websites/sample-site-v1.2/errorpages/.gitignore similarity index 100% rename from content/pages/websites/sample-site-v1.3/errorpages/.gitignore rename to content/pages/websites/sample-site-v1.2/errorpages/.gitignore diff --git a/content/pages/websites/sample-site-v1.3/errorpages/404.html b/content/pages/websites/sample-site-v1.2/errorpages/404.html similarity index 74% rename from content/pages/websites/sample-site-v1.3/errorpages/404.html rename to content/pages/websites/sample-site-v1.2/errorpages/404.html index a0472064926c06b0b2db2b257972f5cce3aff273..55a828d4428a46027c60680a5121ecaa288fb8f5 100644 --- a/content/pages/websites/sample-site-v1.3/errorpages/404.html +++ b/content/pages/websites/sample-site-v1.2/errorpages/404.html @@ -27,32 +27,32 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- <link rel="stylesheet" href="css/custom.css" type="text/css" media="all" /> --> <!-- If you have a custom header image or colour --> <meta name="ebi:masthead-color" content="#000" /> - <meta name="ebi:masthead-image" content="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/backgrounds/embl-ebi-background.jpg" /> + <meta name="ebi:masthead-image" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/backgrounds/embl-ebi-background.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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -164,11 +164,11 @@ layout: blank <!-- JavaScript --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> <!-- Google Analytics details... --> diff --git a/content/pages/websites/sample-site/front-page/front_page_image-1.html b/content/pages/websites/sample-site-v1.2/front-page/front_page_image-1.html similarity index 100% rename from content/pages/websites/sample-site/front-page/front_page_image-1.html rename to content/pages/websites/sample-site-v1.2/front-page/front_page_image-1.html diff --git a/content/pages/websites/sample-site/front-page/front_page_image-2.html b/content/pages/websites/sample-site-v1.2/front-page/front_page_image-2.html similarity index 100% rename from content/pages/websites/sample-site/front-page/front_page_image-2.html rename to content/pages/websites/sample-site-v1.2/front-page/front_page_image-2.html diff --git a/content/pages/websites/sample-site/front-page/front_page_image-3.html b/content/pages/websites/sample-site-v1.2/front-page/front_page_image-3.html similarity index 100% rename from content/pages/websites/sample-site/front-page/front_page_image-3.html rename to content/pages/websites/sample-site-v1.2/front-page/front_page_image-3.html diff --git a/content/pages/websites/sample-site-v1.3/index.html b/content/pages/websites/sample-site-v1.2/index.html similarity index 90% rename from content/pages/websites/sample-site-v1.3/index.html rename to content/pages/websites/sample-site-v1.2/index.html index 16f2e26564d43a3fe2ad984894e87b0d859c3038..92cab9ab8243d8067fd955022acb525ff0ac6470 100644 --- a/content/pages/websites/sample-site-v1.3/index.html +++ b/content/pages/websites/sample-site-v1.2/index.html @@ -1,10 +1,10 @@ --- meta-title: EMBL-EBI Style Lab -title: Sample pages and templates for v1.3 +title: Sample pages and templates cta: These demonstrate a range of ways you can make use of the styles and framework. layout: static pagetype: meta-pattern -location: sample-site-v1.3/index.html +location: sample-site/index.html --- <div class="callout table-of-contents"><h3>On this page</h3><p>Loading...</p></div> @@ -37,7 +37,7 @@ location: sample-site-v1.3/index.html <li><a href="integrations/jquery-ui.html">jQuery UI</a><br/> Use jQuery UI.</li> <li><a href="integrations/angular.html">Angular</a><br/> - THIS NEEDS TO BE UPDATED.</li> + Use jQuery UI.</li> <li><a href="integrations/poodles.html">Poodles</a><br/> Yep.</li> </ol> @@ -45,8 +45,8 @@ location: sample-site-v1.3/index.html <h3>Sample Level 1 implementations</h3> <p>Live sites using the full version of the EBI Framework.</p> <ol> - <li><a href="samples/ebi-homepage.html">EMBL-EBI Homepage</a></li> - <li><a href="samples/expression-atlas.html">Expression Atlas</a></li> + <li><a href="//wwww.ebi.ac.uk">EMBL-EBI Homepage</a></li> + <li><a href="//www.ebi.ac.uk/research">EMBL-EBI Research page</a> <span class="label">Drupal</span></li> </ol> <h3>Sample 3rd party implementations</h3> diff --git a/content/pages/websites/sample-site/integrations/angular.html b/content/pages/websites/sample-site-v1.2/integrations/angular.html similarity index 100% rename from content/pages/websites/sample-site/integrations/angular.html rename to content/pages/websites/sample-site-v1.2/integrations/angular.html diff --git a/content/pages/websites/sample-site-v1.3/integrations/bootstrap.html b/content/pages/websites/sample-site-v1.2/integrations/bootstrap.html similarity index 94% rename from content/pages/websites/sample-site-v1.3/integrations/bootstrap.html rename to content/pages/websites/sample-site-v1.2/integrations/bootstrap.html index 127279676d54d8f79c53f22229e10e450653ea92..b9b2be76bc49329729d76a2a5ca27ea997d717f5 100644 --- a/content/pages/websites/sample-site-v1.3/integrations/bootstrap.html +++ b/content/pages/websites/sample-site-v1.2/integrations/bootstrap.html @@ -27,25 +27,25 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - <!-- --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> - <!-- <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> + <!-- <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> --> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> + <!-- <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -60,7 +60,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -866,12 +866,12 @@ layout: blank <!-- The Foundation theme JavaScript --> <!-- - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> --> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- Google Analytics details... --> diff --git a/content/pages/websites/sample-site-v1.3/integrations/injection.html b/content/pages/websites/sample-site-v1.2/integrations/injection.html similarity index 92% rename from content/pages/websites/sample-site-v1.3/integrations/injection.html rename to content/pages/websites/sample-site-v1.2/integrations/injection.html index ea8f5f969b4b563fde34f446d957a4a4f3c20da4..a631da9610bcbdedac0d1cb3b97733cae91b2214 100644 --- a/content/pages/websites/sample-site-v1.3/integrations/injection.html +++ b/content/pages/websites/sample-site-v1.2/integrations/injection.html @@ -62,7 +62,7 @@ layout: blank <p>Just add these two lines your <code><head></code> tag.</p> <pre> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/injectEBIFramework.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/injectEBIFramework.js"></script> <script type="text/javascript">injectEBIFramework();</script> </pre> @@ -80,7 +80,7 @@ layout: blank </div> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/injectEBIFramework.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/injectEBIFramework.js"></script> <script defer="defer" type="text/javascript">injectEBIFramework();</script> </body> diff --git a/content/pages/websites/sample-site-v1.3/integrations/jquery-ui.html b/content/pages/websites/sample-site-v1.2/integrations/jquery-ui.html similarity index 94% rename from content/pages/websites/sample-site-v1.3/integrations/jquery-ui.html rename to content/pages/websites/sample-site-v1.2/integrations/jquery-ui.html index 7d25987972a5d1aa97e75b9122b7d644d0983236..37480f4868abef2a8cbdbb8c12d9fba15f445c73 100644 --- a/content/pages/websites/sample-site-v1.3/integrations/jquery-ui.html +++ b/content/pages/websites/sample-site-v1.2/integrations/jquery-ui.html @@ -27,25 +27,25 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - <!-- --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> - <!-- <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> + <!-- <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> --> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> + <!-- <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -59,7 +59,7 @@ layout: blank --> <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -619,12 +619,12 @@ p { margin-top: 1rem; } --> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> <!-- - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> --> diff --git a/content/pages/websites/sample-site-v1.3/integrations/jquery-update.html b/content/pages/websites/sample-site-v1.2/integrations/jquery-update.html similarity index 79% rename from content/pages/websites/sample-site-v1.3/integrations/jquery-update.html rename to content/pages/websites/sample-site-v1.2/integrations/jquery-update.html index 3beb6e981e6d096a10b734dcdf193279666780b0..6099cd27ee2053de1ecdbe73f5672fe95a439b1d 100644 --- a/content/pages/websites/sample-site-v1.3/integrations/jquery-update.html +++ b/content/pages/websites/sample-site-v1.2/integrations/jquery-update.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -57,7 +57,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -167,8 +167,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> - <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> + <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -211,11 +211,11 @@ layout: blank <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> --> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site-v1.3/integrations/lite.html b/content/pages/websites/sample-site-v1.2/integrations/lite.html similarity index 85% rename from content/pages/websites/sample-site-v1.3/integrations/lite.html rename to content/pages/websites/sample-site-v1.2/integrations/lite.html index ae7c49b505ec7c93de586ac7dda01bb51dc7d51d..b0af39ebe79a7530ebf19dd1d0b0b47dcd34f38e 100644 --- a/content/pages/websites/sample-site-v1.3/integrations/lite.html +++ b/content/pages/websites/sample-site-v1.2/integrations/lite.html @@ -27,23 +27,25 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> + <!-- <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> --> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> + <!-- <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-lite.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-extras.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -58,7 +60,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- @@ -300,12 +302,12 @@ layout: blank --> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> <!-- - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> --> diff --git a/content/pages/websites/sample-site-v1.3/integrations/no-jquery.html b/content/pages/websites/sample-site-v1.2/integrations/no-jquery.html similarity index 79% rename from content/pages/websites/sample-site-v1.3/integrations/no-jquery.html rename to content/pages/websites/sample-site-v1.2/integrations/no-jquery.html index 17ca2b7f306147700533ce25f9e1194471e5bff0..8f014b7c17ade3c177a0fda4b38539ddecbcc5b7 100644 --- a/content/pages/websites/sample-site-v1.3/integrations/no-jquery.html +++ b/content/pages/websites/sample-site-v1.2/integrations/no-jquery.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -56,7 +56,7 @@ layout: blank --> <!-- 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 --> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -168,8 +168,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> - <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> + <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -212,11 +212,11 @@ layout: blank --> <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> --> - <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> + <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <!-- <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> - <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> + <!-- <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> + <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> --> diff --git a/content/pages/websites/sample-site-v1.3/integrations/poodles.html b/content/pages/websites/sample-site-v1.2/integrations/poodles.html similarity index 91% rename from content/pages/websites/sample-site-v1.3/integrations/poodles.html rename to content/pages/websites/sample-site-v1.2/integrations/poodles.html index 177a84c81d672d07c24afb075b8fddd69d9fcdb8..07eaa138b2e885ea99f874eedf679e9304956437 100644 --- a/content/pages/websites/sample-site-v1.3/integrations/poodles.html +++ b/content/pages/websites/sample-site-v1.2/integrations/poodles.html @@ -27,21 +27,21 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/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="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> @@ -57,7 +57,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> diff --git a/content/pages/websites/sample-site-v1.3/migrations/expression-atlas/expression-atlas-colours.css b/content/pages/websites/sample-site-v1.2/migrations/expression-atlas/expression-atlas-colours.css similarity index 100% rename from content/pages/websites/sample-site-v1.3/migrations/expression-atlas/expression-atlas-colours.css rename to content/pages/websites/sample-site-v1.2/migrations/expression-atlas/expression-atlas-colours.css diff --git a/content/pages/websites/sample-site-v1.3/migrations/expression-atlas/expression-atlas-current.html b/content/pages/websites/sample-site-v1.2/migrations/expression-atlas/expression-atlas-current.html similarity index 100% rename from content/pages/websites/sample-site-v1.3/migrations/expression-atlas/expression-atlas-current.html rename to content/pages/websites/sample-site-v1.2/migrations/expression-atlas/expression-atlas-current.html diff --git a/content/pages/websites/sample-site-v1.3/migrations/expression-atlas/expression-atlas-updated.html b/content/pages/websites/sample-site-v1.2/migrations/expression-atlas/expression-atlas-updated.html similarity index 100% rename from content/pages/websites/sample-site-v1.3/migrations/expression-atlas/expression-atlas-updated.html rename to content/pages/websites/sample-site-v1.2/migrations/expression-atlas/expression-atlas-updated.html diff --git a/content/pages/websites/sample-site-v1.3/migrations/expression-atlas/index.html b/content/pages/websites/sample-site-v1.2/migrations/expression-atlas/index.html similarity index 100% rename from content/pages/websites/sample-site-v1.3/migrations/expression-atlas/index.html rename to content/pages/websites/sample-site-v1.2/migrations/expression-atlas/index.html diff --git a/content/pages/websites/sample-site-v1.3/migrations/testMigration.js b/content/pages/websites/sample-site-v1.2/migrations/testMigration.js similarity index 92% rename from content/pages/websites/sample-site-v1.3/migrations/testMigration.js rename to content/pages/websites/sample-site-v1.2/migrations/testMigration.js index 53891b57ee0bed6ba3f873a2354507699c7d16ef..9358c863809f163f23b0bf9b41f498472aad2809 100644 --- a/content/pages/websites/sample-site-v1.3/migrations/testMigration.js +++ b/content/pages/websites/sample-site-v1.2/migrations/testMigration.js @@ -78,8 +78,8 @@ function testMigration(steppingTimeSpeed) { }, steppingTime()); setTimeout(function(){ - jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation.css" type="text/css" />\n'); - jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" />\n'); + jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" />\n'); + jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" />\n'); jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" />\n'); console.log('CSS: Injected new ebi-global.css fonts.css and foundation.css'); console.log('------------------\n'); @@ -101,12 +101,12 @@ function testMigration(steppingTimeSpeed) { // Define array of object pairs // [what we check for] [what we replace with] var colourPalettes = [ - { "original" : "link[href$=\"/embl-petrol-colours.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" }, - { "original" : "link[href$=\"/ebi-industry-colours.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-industry.css" }, - { "original" : "link[href$=\"/ebi-research.colour.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-research.css" }, - { "original" : "link[href$=\"/ebi-services-about-colours.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-services-about.css" }, - { "original" : "link[href$=\"/ebi-training-colours.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-training.css" }, - { "original" : ".no-match", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" } + { "original" : "link[href$=\"/embl-petrol-colours.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" }, + { "original" : "link[href$=\"/ebi-industry-colours.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-industry.css" }, + { "original" : "link[href$=\"/ebi-research.colour.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-research.css" }, + { "original" : "link[href$=\"/ebi-services-about-colours.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-services-about.css" }, + { "original" : "link[href$=\"/ebi-training-colours.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-training.css" }, + { "original" : ".no-match", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" } ]; var i = 0; // which colour palette is used? @@ -134,14 +134,14 @@ function testMigration(steppingTimeSpeed) { setTimeout(function(){ // Add new JS - jQuery('head').append('<script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/cookiebanner.js"></script>\n'); - jQuery('head').append('<script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foot.js"></script>\n'); - jQuery('head').append('<script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script>\n'); + jQuery('head').append('<script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/cookiebanner.js"></script>\n'); + jQuery('head').append('<script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foot.js"></script>\n'); + jQuery('head').append('<script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script>\n'); console.log('Javascript: I\'ve added three scripts:\n' + - ' //wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/cookiebanner.js\n' + - ' //wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foot.js\n' + - ' //wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js\n' + ' //www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/cookiebanner.js\n' + + ' //www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foot.js\n' + + ' //www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js\n' ); console.log('------------------\n'); }, steppingTime()); @@ -436,8 +436,8 @@ function testMigration(steppingTimeSpeed) { setTimeout(function(){ // The Foundation theme JavaScript - jQuery('head').append('<script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script>\n'); - jQuery('head').append('<script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script>\n'); + jQuery('head').append('<script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script>\n'); + jQuery('head').append('<script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script>\n'); console.log('Javascript: I\'ve added (but not executed) the Foundation JS. Invoke with runJS()'); console.log('------------------\n'); diff --git a/content/pages/websites/sample-site/boilerplate/affiliates.html b/content/pages/websites/sample-site/boilerplate/affiliates.html index 8c9871dee949841dc6206c3d9f2940a5e1546c3a..da7ea62baab2a16a3d1fb6b98d07f3068aee3285 100644 --- a/content/pages/websites/sample-site/boilerplate/affiliates.html +++ b/content/pages/websites/sample-site/boilerplate/affiliates.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -56,7 +56,7 @@ layout: blank --> <!-- you can replace this with theme-[projectname].css. See //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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -66,27 +66,6 @@ layout: blank </div> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> - <nav class="row"> - <ul id="global-nav" class="menu"> - <!-- set active class as appropriate --> - <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> - <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> - <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> - <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> - <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> - <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> - <li class="search"> - <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> - <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> - <!-- The dropdown menu will be programatically added by script.js --> - </div> - </li> - <li class="float-right show-for-medium embl-selector"> - <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> - <!-- The dropdown menu will be programatically added by script.js --> - </li> - </ul> - </nav> </header> <div data-sticky-container> <header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom"> @@ -204,8 +183,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> - <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> + <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -254,11 +233,11 @@ layout: blank <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script> --> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site/boilerplate/blank.html b/content/pages/websites/sample-site/boilerplate/blank.html index b6c8a40ee66914dd0d9754732c323c7f7c1fdb79..36d7f41aba3adcc3ec96778c072418de276fe1b8 100644 --- a/content/pages/websites/sample-site/boilerplate/blank.html +++ b/content/pages/websites/sample-site/boilerplate/blank.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -57,7 +57,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -67,27 +67,6 @@ layout: blank </div> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> - <nav class="row"> - <ul id="global-nav" class="menu"> - <!-- set active class as appropriate --> - <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> - <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> - <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> - <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> - <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> - <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> - <li class="search"> - <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> - <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> - <!-- The dropdown menu will be programatically added by script.js --> - </div> - </li> - <li class="float-right show-for-medium embl-selector"> - <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> - <!-- The dropdown menu will be programatically added by script.js --> - </li> - </ul> - </nav> </header> <div id="content"> <div data-sticky-container> @@ -169,11 +148,11 @@ layout: blank <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script> --> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site/boilerplate/right-sidebar.html b/content/pages/websites/sample-site/boilerplate/right-sidebar.html index f696e53e31e56bd85bdf8e1445c5aa01eae711ec..5726fd01f4a4001d8b3375b6b47560065a4976ce 100644 --- a/content/pages/websites/sample-site/boilerplate/right-sidebar.html +++ b/content/pages/websites/sample-site/boilerplate/right-sidebar.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -56,7 +56,7 @@ layout: blank --> <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -66,29 +66,7 @@ layout: blank </div> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> - <nav class="row"> - <ul id="global-nav" class="menu"> - <!-- set active class as appropriate --> - <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> - <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> - <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> - <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> - <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> - <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> - <li class="search"> - <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> - <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> - <!-- The dropdown menu will be programatically added by script.js --> - </div> - </li> - <li class="float-right show-for-medium embl-selector"> - <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> - <!-- The dropdown menu will be programatically added by script.js --> - </li> - </ul> - </nav> </header> - <div id="content"> <div data-sticky-container> <header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom"> @@ -175,8 +153,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> - <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> + <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -215,11 +193,11 @@ layout: blank --> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site/boilerplate/search-results.html b/content/pages/websites/sample-site/boilerplate/search-results.html index 111c4bb0b10d726a0fc03c72900252302bbada14..20e8a35a65c6e63c0bd6b4c97904d005d3b4ac66 100644 --- a/content/pages/websites/sample-site/boilerplate/search-results.html +++ b/content/pages/websites/sample-site/boilerplate/search-results.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -57,7 +57,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -93,27 +93,6 @@ layout: blank </style> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> - <nav class="row"> - <ul id="global-nav" class="menu"> - <!-- set active class as appropriate --> - <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> - <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> - <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> - <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> - <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> - <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> - <li class="search"> - <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> - <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> - <!-- The dropdown menu will be programatically added by script.js --> - </div> - </li> - <li class="float-right show-for-medium embl-selector"> - <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> - <!-- The dropdown menu will be programatically added by script.js --> - </li> - </ul> - </nav> </header> <div xdata-sticky-container> <header id="masthead" class="masthead compact-for-data" xdata-sticky data-sticky-on="large" xdata-top-anchor="content:top" xdata-btm-anchor="content:bottom"> @@ -239,8 +218,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> - <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> + <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> </ul> </div> <!-- /medium-3 --> diff --git a/content/pages/websites/sample-site/boilerplate/theme.html b/content/pages/websites/sample-site/boilerplate/theme.html index 6d596c4d3ccbc5a6be017b279ba67c332e4e7995..134b637135453ccec7b21b615da069c48e5158e6 100644 --- a/content/pages/websites/sample-site/boilerplate/theme.html +++ b/content/pages/websites/sample-site/boilerplate/theme.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -52,12 +52,12 @@ layout: blank <!-- If you have a custom header image or colour --> <!-- <meta name="ebi:masthead-color" content="#000" /> - <meta name="ebi:masthead-image" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/backgrounds/embl-ebi-background-4.jpg" /> + <meta name="ebi:masthead-image" content="//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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-research.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-research.css" type="text/css" media="all" /> <!-- @@ -78,27 +78,6 @@ layout: blank </div> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> - <nav class="row"> - <ul id="global-nav" class="menu"> - <!-- set active class as appropriate --> - <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> - <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> - <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> - <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> - <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> - <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> - <li class="search"> - <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> - <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> - <!-- The dropdown menu will be programatically added by script.js --> - </div> - </li> - <li class="float-right show-for-medium embl-selector"> - <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> - <!-- The dropdown menu will be programatically added by script.js --> - </li> - </ul> - </nav> </header> <div data-sticky-container> <div id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom"> @@ -187,8 +166,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> - <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> + <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -227,11 +206,11 @@ layout: blank <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script> --> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site/boilerplate/ultra-wide.html b/content/pages/websites/sample-site/boilerplate/ultra-wide.html index b16a1ddc2a9e7dfc8a66c3e818a904bc9d8cb305..971baf38b127c2b12c74410ffc54df126bf415f1 100644 --- a/content/pages/websites/sample-site/boilerplate/ultra-wide.html +++ b/content/pages/websites/sample-site/boilerplate/ultra-wide.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="192x192" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" /> + <link rel="icon" type="image/png" sizes="192x192" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -55,7 +55,7 @@ layout: blank --> <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -85,27 +85,6 @@ layout: blank </style> <header id="masthead-black-bar" class="clearfix masthead-black-bar"> - <nav class="row"> - <ul id="global-nav" class="menu"> - <!-- set active class as appropriate --> - <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> - <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li> - <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li> - <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li> - <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li> - <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li> - <li class="search"> - <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> - <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> - <!-- The dropdown menu will be programatically added by script.js --> - </div> - </li> - <li class="float-right show-for-medium embl-selector"> - <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button> - <!-- The dropdown menu will be programatically added by script.js --> - </li> - </ul> - </nav> </header> <div> <header id="masthead" class="masthead compact-for-data"> @@ -155,7 +134,7 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">GitHub repository</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Issue queue</a></li> - <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/sample-site/">Sample pages</a></li> + <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/sample-site/">Sample pages</a></li> <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Icon-fonts/v1.2/">Icon gallery</a></li> </ul> </div> @@ -1342,11 +1321,11 @@ layout: blank <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script> --> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site/boilerplate/unbranded.html b/content/pages/websites/sample-site/boilerplate/unbranded.html index 4694b9b99085c3f80bd503587b8b4b15c5fb8feb..2d7836c3aaa40bf07d6364458ff3ae5962f4eaab 100644 --- a/content/pages/websites/sample-site/boilerplate/unbranded.html +++ b/content/pages/websites/sample-site/boilerplate/unbranded.html @@ -40,7 +40,7 @@ layout: blank <!-- CSS: implied media=all --> <!-- CSS concatenated and minified via ant build script--> - <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/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" /> @@ -63,31 +63,6 @@ layout: blank <a href="#content">Skip to main content</a> </div> - - <header id="masthead-black-bar" class="clearfix masthead-black-bar"> - <nav class="row"> - <ul id="global-nav" class="menu"> - <!-- set active class as appropriate --> - <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li> - <li class="home active"><a href="//www.ebi.ac.uk">Property home</a></li> - <!-- <li class="search"> - <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a> - <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;"> - Search box - </div> - </li> --> - <li class="float-right show-for-medium"> - <button class="button secondary-background" type="button" data-toggle="mastehad-dropdown">Selector</button> - <div id="mastehad-dropdown" class="dropdown-pane" data-dropdown data-auto-focus="true"> - <p>Dropdown</p> - </div> - - </li> - </ul> - </nav> - </header> - - <!-- Suggested layout containers / #content --> <div id="content"> <div data-sticky-container> diff --git a/content/pages/websites/sample-site/brochure.html b/content/pages/websites/sample-site/brochure.html index 444a1fe32847d6b71ba4f8368173bda5c6cab17e..0577851c9c08b8a30cd404842a5d4d72057b8e1b 100644 --- a/content/pages/websites/sample-site/brochure.html +++ b/content/pages/websites/sample-site/brochure.html @@ -28,22 +28,22 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -58,7 +58,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -473,11 +473,11 @@ layout: blank --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site/errorpages/404.html b/content/pages/websites/sample-site/errorpages/404.html index 55a828d4428a46027c60680a5121ecaa288fb8f5..a0472064926c06b0b2db2b257972f5cce3aff273 100644 --- a/content/pages/websites/sample-site/errorpages/404.html +++ b/content/pages/websites/sample-site/errorpages/404.html @@ -27,32 +27,32 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- <link rel="stylesheet" href="css/custom.css" type="text/css" media="all" /> --> <!-- If you have a custom header image or colour --> <meta name="ebi:masthead-color" content="#000" /> - <meta name="ebi:masthead-image" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/backgrounds/embl-ebi-background.jpg" /> + <meta name="ebi:masthead-image" content="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/backgrounds/embl-ebi-background.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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -164,11 +164,11 @@ layout: blank <!-- JavaScript --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> <!-- Google Analytics details... --> diff --git a/content/pages/websites/sample-site/index.html b/content/pages/websites/sample-site/index.html index 92cab9ab8243d8067fd955022acb525ff0ac6470..16f2e26564d43a3fe2ad984894e87b0d859c3038 100644 --- a/content/pages/websites/sample-site/index.html +++ b/content/pages/websites/sample-site/index.html @@ -1,10 +1,10 @@ --- meta-title: EMBL-EBI Style Lab -title: Sample pages and templates +title: Sample pages and templates for v1.3 cta: These demonstrate a range of ways you can make use of the styles and framework. layout: static pagetype: meta-pattern -location: sample-site/index.html +location: sample-site-v1.3/index.html --- <div class="callout table-of-contents"><h3>On this page</h3><p>Loading...</p></div> @@ -37,7 +37,7 @@ location: sample-site/index.html <li><a href="integrations/jquery-ui.html">jQuery UI</a><br/> Use jQuery UI.</li> <li><a href="integrations/angular.html">Angular</a><br/> - Use jQuery UI.</li> + THIS NEEDS TO BE UPDATED.</li> <li><a href="integrations/poodles.html">Poodles</a><br/> Yep.</li> </ol> @@ -45,8 +45,8 @@ location: sample-site/index.html <h3>Sample Level 1 implementations</h3> <p>Live sites using the full version of the EBI Framework.</p> <ol> - <li><a href="//wwww.ebi.ac.uk">EMBL-EBI Homepage</a></li> - <li><a href="//www.ebi.ac.uk/research">EMBL-EBI Research page</a> <span class="label">Drupal</span></li> + <li><a href="samples/ebi-homepage.html">EMBL-EBI Homepage</a></li> + <li><a href="samples/expression-atlas.html">Expression Atlas</a></li> </ol> <h3>Sample 3rd party implementations</h3> diff --git a/content/pages/websites/sample-site/integrations/bootstrap.html b/content/pages/websites/sample-site/integrations/bootstrap.html index b9b2be76bc49329729d76a2a5ca27ea997d717f5..127279676d54d8f79c53f22229e10e450653ea92 100644 --- a/content/pages/websites/sample-site/integrations/bootstrap.html +++ b/content/pages/websites/sample-site/integrations/bootstrap.html @@ -27,25 +27,25 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> - <!-- <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> + <!-- --> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> + <!-- <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -60,7 +60,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -866,12 +866,12 @@ layout: blank <!-- The Foundation theme JavaScript --> <!-- - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> --> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- Google Analytics details... --> diff --git a/content/pages/websites/sample-site/integrations/injection.html b/content/pages/websites/sample-site/integrations/injection.html index a631da9610bcbdedac0d1cb3b97733cae91b2214..ea8f5f969b4b563fde34f446d957a4a4f3c20da4 100644 --- a/content/pages/websites/sample-site/integrations/injection.html +++ b/content/pages/websites/sample-site/integrations/injection.html @@ -62,7 +62,7 @@ layout: blank <p>Just add these two lines your <code><head></code> tag.</p> <pre> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/injectEBIFramework.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/injectEBIFramework.js"></script> <script type="text/javascript">injectEBIFramework();</script> </pre> @@ -80,7 +80,7 @@ layout: blank </div> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/injectEBIFramework.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/injectEBIFramework.js"></script> <script defer="defer" type="text/javascript">injectEBIFramework();</script> </body> diff --git a/content/pages/websites/sample-site/integrations/jquery-ui.html b/content/pages/websites/sample-site/integrations/jquery-ui.html index 37480f4868abef2a8cbdbb8c12d9fba15f445c73..7d25987972a5d1aa97e75b9122b7d644d0983236 100644 --- a/content/pages/websites/sample-site/integrations/jquery-ui.html +++ b/content/pages/websites/sample-site/integrations/jquery-ui.html @@ -27,25 +27,25 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> - <!-- <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> + <!-- --> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> + <!-- <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -59,7 +59,7 @@ layout: blank --> <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -619,12 +619,12 @@ p { margin-top: 1rem; } --> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> <!-- - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> --> diff --git a/content/pages/websites/sample-site/integrations/jquery-update.html b/content/pages/websites/sample-site/integrations/jquery-update.html index 6099cd27ee2053de1ecdbe73f5672fe95a439b1d..3beb6e981e6d096a10b734dcdf193279666780b0 100644 --- a/content/pages/websites/sample-site/integrations/jquery-update.html +++ b/content/pages/websites/sample-site/integrations/jquery-update.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -57,7 +57,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -167,8 +167,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> - <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> + <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -211,11 +211,11 @@ layout: blank <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> --> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> diff --git a/content/pages/websites/sample-site/integrations/lite.html b/content/pages/websites/sample-site/integrations/lite.html index b0af39ebe79a7530ebf19dd1d0b0b47dcd34f38e..ae7c49b505ec7c93de586ac7dda01bb51dc7d51d 100644 --- a/content/pages/websites/sample-site/integrations/lite.html +++ b/content/pages/websites/sample-site/integrations/lite.html @@ -27,25 +27,23 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-lite.min.css" type="text/css" media="all" /> - <!-- <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation-extras.min.css" type="text/css" media="all" /> --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-lite.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-extras.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -60,7 +58,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- @@ -302,12 +300,12 @@ layout: blank --> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> <!-- - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> --> diff --git a/content/pages/websites/sample-site/integrations/no-jquery.html b/content/pages/websites/sample-site/integrations/no-jquery.html index 8f014b7c17ade3c177a0fda4b38539ddecbcc5b7..17ca2b7f306147700533ce25f9e1194471e5bff0 100644 --- a/content/pages/websites/sample-site/integrations/no-jquery.html +++ b/content/pages/websites/sample-site/integrations/no-jquery.html @@ -27,22 +27,22 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/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://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://dev.ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> + + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> <!-- @@ -56,7 +56,7 @@ layout: blank --> <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> @@ -168,8 +168,8 @@ layout: blank <ul class="menu vertical"> <li><a href="//github.com/ebiwd/EBI-Framework">Sample link</a></li> <li><a href="//github.com/ebiwd/EBI-Framework/issues">Sample link</a></li> - <li><a class="active" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/sample-site/">Active link</a></li> - <li><a href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/fonts/index.html">Sample link</a></li> + <li><a class="active" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/sample-site/">Active link</a></li> + <li><a href="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/fonts/index.html">Sample link</a></li> </ul> </div> </div> @@ -212,11 +212,11 @@ layout: blank --> <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> --> - <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> + <script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script> <!-- The Foundation theme JavaScript --> - <!-- <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> - <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> + <!-- <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script> + <script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script> <script type="text/JavaScript">$(document).foundation();</script> <script type="text/JavaScript">$(document).foundationExtendEBI();</script> --> diff --git a/content/pages/websites/sample-site/integrations/poodles.html b/content/pages/websites/sample-site/integrations/poodles.html index 07eaa138b2e885ea99f874eedf679e9304956437..177a84c81d672d07c24afb075b8fddd69d9fcdb8 100644 --- a/content/pages/websites/sample-site/integrations/poodles.html +++ b/content/pages/websites/sample-site/integrations/poodles.html @@ -27,21 +27,21 @@ layout: blank <!-- 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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" /> - <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> - <link rel="mask-icon" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" /> + <link rel="icon" type="image/png" href="https://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/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://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) --> + <link rel="mask-icon" href="https://ebi.emblstatic.net/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="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png" /> + <meta name="msapplication-TileImage" content="//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="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" /> <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" /> <!-- Use this CSS file for any custom styling --> @@ -57,7 +57,7 @@ layout: blank <!-- 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 --> - <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all" /> + <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" /> <!-- end CSS--> </head> diff --git a/content/pages/websites/sample-site/migrations/testMigration.js b/content/pages/websites/sample-site/migrations/testMigration.js index 9358c863809f163f23b0bf9b41f498472aad2809..53891b57ee0bed6ba3f873a2354507699c7d16ef 100644 --- a/content/pages/websites/sample-site/migrations/testMigration.js +++ b/content/pages/websites/sample-site/migrations/testMigration.js @@ -78,8 +78,8 @@ function testMigration(steppingTimeSpeed) { }, steppingTime()); setTimeout(function(){ - jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/css/foundation.css" type="text/css" />\n'); - jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" />\n'); + jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/css/foundation.css" type="text/css" />\n'); + jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" />\n'); jQuery('head').append('<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" />\n'); console.log('CSS: Injected new ebi-global.css fonts.css and foundation.css'); console.log('------------------\n'); @@ -101,12 +101,12 @@ function testMigration(steppingTimeSpeed) { // Define array of object pairs // [what we check for] [what we replace with] var colourPalettes = [ - { "original" : "link[href$=\"/embl-petrol-colours.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" }, - { "original" : "link[href$=\"/ebi-industry-colours.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-industry.css" }, - { "original" : "link[href$=\"/ebi-research.colour.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-research.css" }, - { "original" : "link[href$=\"/ebi-services-about-colours.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-services-about.css" }, - { "original" : "link[href$=\"/ebi-training-colours.css\"]", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-ebi-training.css" }, - { "original" : ".no-match", "new" : "//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" } + { "original" : "link[href$=\"/embl-petrol-colours.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" }, + { "original" : "link[href$=\"/ebi-industry-colours.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-industry.css" }, + { "original" : "link[href$=\"/ebi-research.colour.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-research.css" }, + { "original" : "link[href$=\"/ebi-services-about-colours.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-services-about.css" }, + { "original" : "link[href$=\"/ebi-training-colours.css\"]", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-ebi-training.css" }, + { "original" : ".no-match", "new" : "//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" } ]; var i = 0; // which colour palette is used? @@ -134,14 +134,14 @@ function testMigration(steppingTimeSpeed) { setTimeout(function(){ // Add new JS - jQuery('head').append('<script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/cookiebanner.js"></script>\n'); - jQuery('head').append('<script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foot.js"></script>\n'); - jQuery('head').append('<script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script>\n'); + jQuery('head').append('<script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/cookiebanner.js"></script>\n'); + jQuery('head').append('<script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foot.js"></script>\n'); + jQuery('head').append('<script defer="defer" src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js"></script>\n'); console.log('Javascript: I\'ve added three scripts:\n' + - ' //www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/cookiebanner.js\n' + - ' //www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foot.js\n' + - ' //www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js\n' + ' //wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/cookiebanner.js\n' + + ' //wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foot.js\n' + + ' //wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/script.js\n' ); console.log('------------------\n'); }, steppingTime()); @@ -436,8 +436,8 @@ function testMigration(steppingTimeSpeed) { setTimeout(function(){ // The Foundation theme JavaScript - jQuery('head').append('<script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script>\n'); - jQuery('head').append('<script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script>\n'); + jQuery('head').append('<script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script>\n'); + jQuery('head').append('<script src="//wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script>\n'); console.log('Javascript: I\'ve added (but not executed) the Foundation JS. Invoke with runJS()'); console.log('------------------\n'); diff --git a/content/pages/websites/sample-site-v1.3/samples/ebi-homepage.html b/content/pages/websites/sample-site/samples/ebi-homepage.html similarity index 100% rename from content/pages/websites/sample-site-v1.3/samples/ebi-homepage.html rename to content/pages/websites/sample-site/samples/ebi-homepage.html diff --git a/content/pages/websites/sample-site-v1.3/samples/expression-atlas.html b/content/pages/websites/sample-site/samples/expression-atlas.html similarity index 100% rename from content/pages/websites/sample-site-v1.3/samples/expression-atlas.html rename to content/pages/websites/sample-site/samples/expression-atlas.html