The new EOS website Maria Arsuaga Rios Acknowledgments

The new EOS website Maria Arsuaga Rios Acknowledgments to: Aurora Miguel de Couto (web template) Ewa Lopienska (logo) 05/02/18 EOS Workshop - Maria Arsuaga Rios 1

Previous EOS webpage 05/02/18 EOS Workshop - Maria Arsuaga Rios 2

Previous EOS webpage Quality of Service could not be represented by this website 05/02/18 EOS Workshop - Maria Arsuaga Rios 3

Previous EOS webpage • Users feedback – No visualization in all browsers, mobiles, tablets, etc… – Not up to date – Old fashion style – Not appropriate logo (fire reminds hell ) 05/02/18 EOS Workshop - Maria Arsuaga Rios 4

Previous EOS webpage • Developers feedback – Not easy to update (requires Drupal expertise) – Not enough documentation, no versioning – Not access to the code – Not centralized info – Old fashion style 05/02/18 EOS Workshop - Maria Arsuaga Rios 5

New EOS website • Code Access: – https: //gitlab. cern. ch/eos-webpage • Not Drupal expertise necessary: – Drupal is only used as storage, everything can be changed from the code (a bit of php/html – very simple) =>Dynamic Updates are simple from developers point of view and users will enjoy the last news! 05/02/18 EOS Workshop - Maria Arsuaga Rios 6

New EOS website • New location for centralized and official web data – Publications – Presentations & Logos 05/02/18 EOS Workshop - Maria Arsuaga Rios 7

New EOS website • New better taste logo – Democratic selection by eosadminshttp: //doodle. com/poll/skmbkdfnqv 85 b mdy – All image formats for web and printing + icon format are provided 05/02/18 EOS Workshop Arsuaga Rios – And also stickers are- Maria provided!!!! 8

New EOS Website: Structure Content Management System Web Hosting Open source content-management framework To store any content accessible via the web ü Easy understanding ü Custom website ü Easy to update/add ü Have full control page. tpl. php ü Create a easy website ü Do not need HTML knowledge ü Easy to maintain ü Written in PHP CSS eoswebpage. info JS img yum. Page. html 05/02/18 new. Blog. html PHP video fonts Doc new. News. html EOS Workshop - Maria Arsuaga Rios 9

New EOS Website: Structure What have we used? - Drupal hosting - HTML 5, CSS 3, JS, PHP - Bootstrap Open source toolkit for developing with HTML, CSS and JS. ü Popular font-end component library ü Responsive grid system (PCs, Mobiles, Tablets. . ) ü Extensive prebuild components (Navbar, Carousel, Forms, List group, …) ü Easy to use and a lot of documentation https: //fezvrasta. github. io/bootstrap-material-design/docs/4. 0/gettingstarted/introduction/ 05/02/18 EOS Workshop - Maria Arsuaga Rios 10

New EOS Website: Structure Quick start: How to access Drupal files? – Via Web. DAV – Connect to Server For EOS test: https: //test-eos. web. cern. ch/_site/files http: //information-technology. web. cern. ch/book/drupalinfrastructure-services/site-management/file-access – Navigate files > themes > eos-webpage 05/02/18 EOS Workshop - Maria Arsuaga Rios 11

New EOS Website: Structure • Website: eos. cern. ch • Compatible with all browsers & tablets, mobiles. . 05/02/18 EOS Workshop - Maria Arsuaga Rios 12