Implement a real landing page.

This commit is contained in:
Phil Elson 2020-11-06 15:16:50 +01:00
parent 5a64291f2b
commit b998026607
12 changed files with 1497 additions and 22 deletions

View file

@ -1,3 +1,782 @@
<p>
Welcome! Please see <a href="/expert-app">the expert application</a>.
</p>
<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# ">
<head>
<meta charset="utf-8" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="alternate" hreflang="en" href="https://cara.web.cern.ch/" />
<link rel="canonical" href="https://cara.web.cern.ch/" />
<title>Welcome | CARA: The COVID Airborne Risk Assessment tool</title>
<link rel="stylesheet" media="all" href="https://against-covid-19.web.cern.ch/files/css/css_82Exl3Ak2twLHfqyjRQebNZT9lnaduIb_e68a6Xxglc.css" />
<link rel="stylesheet" media="all" href="https://framework.web.cern.ch/framework/3.0/js/owlcarousel/css/owl.carousel.css" />
<link rel="stylesheet" media="all" href="https://framework.web.cern.ch/framework/3.0/js/owlcarousel/css/owl.theme.default.css" />
<link rel="stylesheet" media="all" href="https://framework.web.cern.ch/framework/3.0/js/prism/prism.css" />
<link rel="stylesheet" media="all" href="https://againstcovid19.cern/sites/against-covid-19.web.cern.ch/files/css/css_dT4DeyKsOiY3H0Nvtyj_E9zbQCGtVayFTnI6OkdzJt8.css" />
<link rel="stylesheet" media="all" href="https://framework.web.cern.ch/framework/3.0/js/colorbox/colorbox.css" />
<link rel="stylesheet" media="all" href="https://against-covid-19.web.cern.ch/files/css/css_JCp5DX48Ge5VEMNJhxoSk7neHyCoScPsB-d7ced1n7M.css" />
<!--[if lte IE 8]>
<script src="https://againstcovid19.cern/sites/against-covid-19.web.cern.ch/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script>
<![endif]-->
</head>
<body class="cern-theme-on path-frontpage page-node-type-landing-page has-glyphicons">
<a href="#main-content" class="visually-hidden focusable skip-link">
Skip to main content
</a>
<div id="cern-global-loading-layout"><span><span></span></span><span></span></div><div id="cern-toolbar" role="group" aria-label="CERN Toolbar" class="user-not-authenticated">
<h1>
<a href="//home.cern" title="CERN">
CERN
<span>Accelerating science</span>
</a>
</h1>
<ul>
<li class="signin">
<div class="item-list item-list-length-1">
<ul class="cern-signedin toolbar-submenu"><li class="cern-account-links"><a href="/user/login" class="cern-account cern-signin cern-single-mobile-signin">Sign in</a></li></ul>
</div>
</li>
<li><a href="//cern.ch/directory" class="cern-directory" title="Search CERN resources and browse the directory">Directory</a></li>
</ul>
</div>
<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
<header role="banner">
<div class="header-wrapper">
<div class="site-info col-sm-2">
<div class="site-info__logo col-lg-3 col-md-2 col-sm-3">
<a href="/" title="Home" rel="home">
<img src="/sites/against-covid-19.web.cern.ch/files/logo/CERNagainstLogo-02_1.png" alt="home"/>
</a>
</div>
<div class="site-info__text col-lg-9 col-md-10 col-sm-9">
</div>
</div>
<div class="site-nav col-sm-10 ">
<div class="region region-header">
<nav role="navigation" aria-labelledby="block-cernoverride-main-menu-menu" id="block-cernoverride-main-menu">
<h2 class="sr-only" id="block-cernoverride-main-menu-menu">Main navigation</h2>
<nav class="navbar navbar-default main-menu">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="/" data-drupal-link-system-path="&lt;front&gt;" class="is-active">Home</a>
</li>
<li>
<a href="/about" title="About the mission" data-drupal-link-system-path="node/2">About</a>
</li>
<li class="dropdown">
<a href="/mandate" class="dropdown-toggle" data-drupal-link-system-path="node/7"> Mandate
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="/mandate/task-force-members" data-drupal-link-system-path="node/22">Task Force Members</a>
</li>
</ul>
</li>
<li>
<a href="/actions" data-drupal-link-system-path="node/16">Actions</a>
</li>
<li>
<a href="/news" title="Latest news" data-drupal-link-system-path="news">News</a>
</li>
<li class="search-item cern-search">
<a href="#" class="cern-item-search search-link" onClick="openSearch()">SEARCH</a>
<div id="cern-search-overlay">
<div class="close-cern-search" onClick="closeSearch()"></div>
<div class="col-md-offset-2 col-md-8">
<div role="search" class="block block-search block-search-form-block">
<form class="search-block-form" data-drupal-selector="search-block-form" action="/search/node" method="get" id="search-block-form" accept-charset="UTF-8" data-drupal-form-fields="edit-keys">
<div class="form-item js-form-item form-type-search js-form-type-search form-item-keys js-form-item-keys form-no-label form-group">
<input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" class="form-search form-control" placeholder="E.G. BIRTH OF WEB, LHC PAGE 1, BULLETIN..." type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128">
</div>
<div id="edit-keys--description" class="description help-block">Enter the terms you wish to search for.</div>
</form>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
</nav>
<section class="language-switcher-language-url block block-language block-language-blocklanguage-interface clearfix" id="block-languageswitcher" role="navigation">
<ul class="links"><li hreflang="en" data-drupal-link-system-path="&lt;front&gt;" class="en is-active"><a href="/" class="language-link is-active" hreflang="en" data-drupal-link-system-path="&lt;front&gt;">en</a></li><li hreflang="fr" data-drupal-link-system-path="&lt;front&gt;" class="fr"><a href="/fr" class="language-link" hreflang="fr" data-drupal-link-system-path="&lt;front&gt;">fr</a></li></ul>
</section>
</div>
</div>
</div>
</div>
</header>
<main role="main">
<a id="main-content" tabindex="-1"></a>
<div class="container-fluid">
<div class="wrapper-center col-md-12 col-sm-12 col-xs-12">
<div class="region region-content">
<div data-drupal-messages-fallback class="hidden"></div>
<h1 class="page-header"><span>Welcome</span>
</h1>
<div data-history-node-id="1" class="layout layout--onecol">
<div class="layout__region layout__region--content">
<div class="field field--name-field-component field--type-entity-reference-revisions field--label-hidden field--items">
<div class="field--item">
<div class="component-row component-row__display__fluid section-navigation component-row__has-header effect_none is_full_height">
<div class="component-row__row">
<div class="component-row__column component-row__center section-has-no-column col-md-12 col-sm-12 col-xs-12">
<div class="box-effects-wrapper ">
<div class="cern-component-header-blocks component-header">
<div id="header-blocks--2" class="owl-carousel owl-theme component-header__carousel header-carousel">
<div class="header-block">
<div class="header-block__title">
<h3 class="header-block__name" style="color:#FFFFFF;">
<span style="color:#FFFFFF;">CERN against COVID-19</span>
<span style="background:#FFFFFF;" class="header-block__name__underline"></span>
</h3>
<span class="header-block__subhead" style="color:#FFFFFF;"><p class="text-align-center">CERN technologies and expertise are helping in the collective global fight against COVID-19</p>
</span>
</div>
<div class="background__veil"></div>
<div class="background-component background__cds_media" style="height: 100%;">
<figure class="cds-image" data-record-id="1957174" data-filename="DSC_0966" id="CERN-PHOTO-201410-213-11">
<a href="//cds.cern.ch/images/CERN-PHOTO-201410-213-11"
title="View on CDS">
<img alt="WANDERING THE IMMEASURABLE"
src="//cds.cern.ch/images/CERN-PHOTO-201410-213-11/file?size=medium"/>
</a>
<figcaption>
WANDERING THE IMMEASURABLE PÉRÉGRINATIONS À LINFINI Steel sculpture by the Globe of Science and Innovation
<span> (Image: CERN)</span>
</figcaption>
</figure>
</div>
Off
</div>
<div class="header-block">
<div class="header-block__title">
<h3 class="header-block__name" style="color:#FFFFFF;">
<span style="color:#FFFFFF;">Providing resources</span>
<span style="background:#FFFFFF;" class="header-block__name__underline"></span>
</h3>
<span class="header-block__subhead" style="color:#FFFFFF;"><p class="text-align-center">From vehicles for local logistical support to the Worldwide LHC Computing Grid,<br />
particle physics resources are being made available to those who need them.</p>
</span>
</div>
<div class="background__veil"></div>
<div class="background-component background__cds_media" style="height: 100%;">
<figure class="cds-image" data-record-id="2636379" data-filename="IMG_5197" id="IT-PHO-CCC-2018-001-1">
<a href="//cds.cern.ch/images/IT-PHO-CCC-2018-001-1"
title="View on CDS">
<img alt="CERN computing facilities views from 2018"
src="//cds.cern.ch/images/IT-PHO-CCC-2018-001-1/file?size=large"/>
</a>
<figcaption>
CERN computing facilities views from 2018
<span> (Image: CERN)</span>
</figcaption>
</figure>
</div>
Off
</div>
<div class="header-block">
<div class="header-block__title">
<h3 class="header-block__name" style="color:#FFFFFF;">
<span style="color:#FFFFFF;">Working with a global community</span>
<span style="background:#FFFFFF;" class="header-block__name__underline"></span>
</h3>
<span class="header-block__subhead" style="color:#FFFFFF;"><p class="text-align-center">Particle physics is a global community, coming together<br />
for a common cause.</p>
</span>
</div>
<div class="background__veil"></div>
<div class="background-component background__image" style="background:url(&#039;/sites/against-covid-19.web.cern.ch/files/2020-04/OPEN-VIDEO-2018-041-001-frame-7%20%281%29.jpg&#039;) no-repeat center top / cover; height: 100%;"></div>
Off
</div>
</div>
<span class="component-header__scroll"></span>
</div>
<a class="endof-cern-header-blocks"></a>
</div>
</div>
</div>
</div>
</div>
<div class="field--item">
<div class="component-row component-row__display__fluidcenter section-navigation effect_none">
<div class="component-row__row">
<div class="component-row__column component-row__center section-has-no-column col-md-12 col-sm-12 col-xs-12">
<div class="box-effects-wrapper ">
<div class="text-component text-component-page clearfix">
<h2 class="text-component-title">
The initiative
</h2>
<div class="text-component-text cern_full_html">
<p class="text-align-justify">CERNs Director-General <a href="/articles/cern-against-covid-19-task-force-launch-message-directorate">established</a> the <strong><i>CERN against COVID-19</i></strong> task force in March 2020 to collect and coordinate ideas and contributions from the CERN community of over 18 000 people worldwide to the societal fight against the COVID-19 pandemic. These initiatives will draw on scientific and technical expertise and facilities at CERN, in the Member State countries and beyond, and will be carried out with that community and in close contacts with the relevant health institutions and experts from other fields.</p>
<p class="text-align-justify">We have been very encouraged by the hundreds of emails we have received, and the enthusiasm of the community. Ideas range from the deployment of CERNs powerful computing, engineering and technical resources to contribute to the global fight against COVID-19, to assisting the local effort through logistical and emergency response support.</p>
<p class="text-align-justify">The objective of the <strong><i>CERN against COVID-19</i> </strong>initiative is to ensure effective and well-coordinated action, drawing on CERNs many competencies and advanced technologies and working closely with experts in healthcare, drug development, epidemiology and emergency response so as to maximise the impact of our contributions. Proposals and ideas can be made by members of the CERN community via the form at the bottom of this page. Questions for the task force may be submitted via email to <a href="mailto:fight-covid@cern.ch">fight-covid@cern.ch</a>. We will do our best to answer all of them.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="field--item">
<div class="component-row component-row__display__centered section-navigation effect_none has_title">
<h1 class="row-component-title">
Action Areas
</h1>
<div class="component-row__row">
<div class="component-row__column component-row__center section-has-no-column col-md-12 col-sm-12 col-xs-12">
<div class="box-effects-wrapper ">
<div id="preview-card--4" class="component-preview-cards box-pattern simple-display landing_page" style="background:url(&#039;/sites/against-covid-19.web.cern.ch/files/2020-04/201808-209_09.jpg&#039;) no-repeat center center / cover" data-background="/sites/against-covid-19.web.cern.ch/files/2020-04/201808-209_09.jpg" class="component-preview-cards box-pattern simple-display landing_page">
<a class="box-link" href="/actions#medical"></a>
<div class="component-preview-cards__veil"></div>
<div class="component-preview-cards__box_wrapper">
<div class="component-preview-cards__box">
<div class="preview-card__title">
<h3><a href="/actions#medical" title="Medical devices">
<span>
Medical devices
</span>
</a></h3>
</div>
<div class="preview-card__body"></div>
<div class="preview-cards__subtext">
</div>
</div>
</div>
</div>
<div id="preview-card--5" class="component-preview-cards box-pattern simple-display landing_page" style="background:url(&#039;//cds.cern.ch/images/OPEN-PHO-LIFE-2018-024-1/file?size=medium&#039;) no-repeat center center / cover" data-background="//cds.cern.ch/images/OPEN-PHO-LIFE-2018-024-1/file?size=medium" class="component-preview-cards box-pattern simple-display landing_page">
<a class="box-link" target="" href="/actions#computing"></a>
<div class="component-preview-cards__veil"></div>
<div class="component-preview-cards__box_wrapper">
<div class="component-preview-cards__box">
<div class="preview-card__title">
<h3><a href="/actions#computing" title="Computing &amp; data analysis">
<span>
Computing &amp; data analysis
</span>
</a></h3>
</div>
<div class="preview-card__body"></div>
<div class="preview-cards__subtext">
</div>
</div>
</div>
</div>
<div id="preview-card--6" class="component-preview-cards box-pattern simple-display landing_page" style="background:url(&#039;//cds.cern.ch/images/CERN-PHOTO-201612-329-9/file?size=medium&#039;) no-repeat center center / cover" data-background="//cds.cern.ch/images/CERN-PHOTO-201612-329-9/file?size=medium" class="component-preview-cards box-pattern simple-display landing_page">
<a class="box-link" target="" href="/actions#help"></a>
<div class="component-preview-cards__veil"></div>
<div class="component-preview-cards__box_wrapper">
<div class="component-preview-cards__box">
<div class="preview-card__title">
<h3><a href="/actions#help" title="Help to society">
<span>
Help to society
</span>
</a></h3>
</div>
<div class="preview-card__body"></div>
<div class="preview-cards__subtext">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="field--item">
<div class="component-row component-row__display__fluid section-navigation effect_none has_title">
<h1 class="row-component-title">
CERN against COVID-19
</h1>
<div class="component-row__row">
<div class="component-row__column component-row__center section-has-no-column col-md-12 col-sm-12 col-xs-12">
<div class="box-effects-wrapper ">
<div class="cern-component-header-blocks component-header">
<div id="header-blocks--4" class="owl-carousel owl-theme component-header__carousel header-carousel">
<div class="header-block">
<div class="header-block__title">
</div>
<div class="background-component background__cds_media" style="height: 100%;">
<figure class="cds-video" id="CERN-VIDEO-2020-016-001" data-download-url="https://videos.cern.ch/api/files/7ce6fd36-4163-42d5-8274-6ab3768db989/CERN-VIDEO-2020-016-001.mp4" data-download-sizes="240p,360p,480p,720p,1080p,1080ph265,2160p,2160ph265">
<div>
<iframe allowfullscreen="true" frameborder="0" height="450"
src="//cds.cern.ch/video/CERN-VIDEO-2020-016-001?responsive=1" width="100%">
</iframe>
</div>
<figcaption>
Short clip summarizing CERN's action against COVID19, featuring an interview of Beniamino Di Girolamo, the CERN Against COVID taskforce coordinator, footage of 3 projects as examples of the action (HEV, masks and shields, sanitiser gel) and sound bites of 3 project spokespersons.
<span> (Video: CERN)</span>
</figcaption>
</figure>
</div>
Off
</div>
</div>
</div>
<a class="endof-cern-header-blocks"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer role="contentinfo">
<div class="row cern-footer">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 footer-first-col">
<div class="region region-footercolumn1">
<section id="block-disclaimer" class="block block-block-content block-block-content112ec55d-2622-43e4-9063-e7433079dfb1 clearfix">
<h2 class="block-title">Disclaimer</h2>
<div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p><span style="font-size:10px;"><em>CERN strives to deploy its know-how and technologies to help solve the challenges arising in the local and global fight against COVID-19. As a particle physics research organisation, CERN is not in a position to advise on medical research, health or health policy issues. Any initiative is conducted on a best effort and as-is basis, without liability or warranty.</em></span></p>
</div>
</section>
</div>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 footer-second-col">
<div class="row">
<!-- CONTACT US -->
<div class="col-sm-5 col-md-4 col-md-offset-0 col-lg-4 col-lg-offset-0">
<div class="region region-footercolumn2">
<nav role="navigation" aria-labelledby="block-cernoverride-footer-menu" id="block-cernoverride-footer">
<h2 class="visually-hidden" id="block-cernoverride-footer-menu">Footer menu</h2>
<ul class="menu nav">
<li>
<a href="mailto:fight-covid@cern.ch" title="Contact the Task Force">Contact</a>
</li>
<li>
<a href="/resources" title="Information and resources for all" data-drupal-link-system-path="node/23">Public resources</a>
</li>
<li>
<a href="https://against-covid-19.web.cern.ch/cern-community-ways-get-involved" title="CERN community only - ways you can get involved to help">Ways to get involved (CERN sign-in required)</a>
</li>
</ul>
</ul>
</nav>
</div>
</div>
<!-- general info -->
<div class="col-sm-6 col-sm-offset-1 col-md-4 col-md-offset-0 col-lg-4">
<div class=" mb-4">
</div>
</div>
<!-- cern and you -->
<div class="col-sm-6 col-sm-offset-6 col-md-4 col-md-offset-0 col-lg-4 col-lg-offset-0">
<div class=" mb-4">
</div>
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 footer-last-logo">
<a href="https://home.cern/" title="CERN" target="_blank"><img src="https://against-covid-19.web.cern.ch/themes/cernoverride-master/logo.svg" alt="CERN"/></a>
</div>
</div>
<div class="copy-wrapper light">
<a href="https://copyright.web.cern.ch/">
Copyright
</a>
&nbsp;&copy;
2020
CERN</div>
</footer>
</div>
<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/1","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"bootstrap\/popover,bootstrap\/tooltip,cern_dev_status\/cern-dev-status,cern_loading\/cernloading,cern_toolbar\/cern_toolbar,cernbase\/global-styling,cernclean\/global-styling,cernoverride\/global-styling,core\/html5shiv,extlink\/drupal.extlink,layout_discovery\/onecol,matomo\/matomo,paragraphs\/drupal.paragraphs.unpublished,system\/base,ui_patterns\/background.background,ui_patterns\/header_block.divisions,ui_patterns\/header_blocks.carousel-library,ui_patterns\/preview_card.preview_card,ui_patterns\/row.row,ui_patterns\/text.text","theme":"cernoverride","theme_token":null},"ajaxTrustedUrl":[],"matomo":{"trackMailto":true},"data":{"extlink":{"extTarget":false,"extTargetNoOverride":false,"extNofollow":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"ext","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","mailtoClass":"mailto","mailtoLabel":"(link sends email)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":[]}},"bootstrap":{"forms_has_error_value_toggle":1,"modal_animation":1,"modal_backdrop":"true","modal_focus_input":1,"modal_keyboard":1,"modal_select_text":1,"modal_show":1,"modal_size":"","popover_enabled":1,"popover_animation":1,"popover_auto_close":1,"popover_container":"body","popover_content":"","popover_delay":"0","popover_html":0,"popover_placement":"right","popover_selector":"","popover_title":"","popover_trigger":"click","tooltip_enabled":1,"tooltip_animation":1,"tooltip_container":"body","tooltip_delay":"0","tooltip_html":0,"tooltip_placement":"auto left","tooltip_selector":"","tooltip_trigger":"hover"},"cern_hero_header":{"slide_time":[6000,6000,6000]},"user":{"uid":0,"permissionsHash":"7877894f225ee17e0e9372400c6b2860ca1272cd6186471fecc9afc95055ea88"}}</script>
<script src="https://againstcovid19.cern/sites/against-covid-19.web.cern.ch/files/js/js_3hzD1FEGoi0jYtOuxNtYr46ChYKZsbeFj2wZJpT7I38.js"></script>
<script src="https://framework.web.cern.ch/framework/3.0/js/prism/prism.js"></script>
<script src="https://againstcovid19.cern/sites/against-covid-19.web.cern.ch/files/js/js_ncoy5lDgXfBj_yS7JtTmNyEj4HxeXTDEWdMNCoUQCSo.js"></script>
<script src="https://framework.web.cern.ch/framework/3.0/js/colorbox/jquery.colorbox-min.js"></script>
<script src="https://framework.web.cern.ch/framework/3.0/js/scroll-magic/ScrollMagic.min.js"></script>
<script src="https://framework.web.cern.ch/framework/3.0/js/scroll-magic/text-effects.js"></script>
<script src="https://againstcovid19.cern/sites/against-covid-19.web.cern.ch/files/js/js_7cypxvxi15jGxFU4E0J-O9Gwp8_9X04mN3WxPhlRLr8.js"></script>
<script src="https://framework.web.cern.ch/framework/3.0/js/owlcarousel/js/owl.carousel.js"></script>
<script src="https://framework.web.cern.ch/framework/3.0/js/owlcarousel/js/owl.carousel2.thumbs.js"></script>
<script src="https://againstcovid19.cern/sites/against-covid-19.web.cern.ch/files/js/js_j6JCAT7IHNMHTen2sCgoa1C3-9YhGxs5z2Y1LE3dDGM.js"></script>
</body>
</html>

View file

@ -34,8 +34,6 @@ http {
large_client_header_buffers 4 16k;
location / {
}
error_page 404 /404.html;
location = /40x.html {
@ -66,10 +64,10 @@ http {
absolute_redirect off;
rewrite ^/voila/(.*)$ /voila-server/voila/$1 redirect;
location /calculator/ {
location / {
# cara-webservice is the name of the tornado server (for the calculator)
# in each of docker-compose, test-cara.web.cern.ch and cara.web.cern.ch.
proxy_pass http://cara-webservice:8080/calculator/;
proxy_pass http://cara-webservice:8080/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;

View file

@ -52,23 +52,26 @@ class StaticModel(RequestHandler):
self.finish(report)
class LandingPage(RequestHandler):
def get(self):
import jinja2
p = Path(__file__).parent.parent / "templates"
env = jinja2.Environment(loader=jinja2.FileSystemLoader(Path(p)))
template = env.get_template("index.html.j2")
report = template.render(**{})
self.finish(report)
def make_app(debug=False, prefix='/calculator'):
static_dir = Path(__file__).absolute().parent / 'static'
static_dir = Path(__file__).absolute().parent.parent / 'static'
calculator_static_dir = Path(__file__).absolute().parent / 'static'
urls = [
(
prefix + r'/?()', StaticFileHandler, {'path': static_dir / 'form.html'}
),
(
prefix + r'/report', ConcentrationModel
),
(
prefix + r'/baseline-model/result', StaticModel
),
(
prefix + r'/static/(.*)',
StaticFileHandler,
{'path': static_dir}
),
(r'/?', LandingPage),
(r'/static/(.*)', StaticFileHandler, {'path': static_dir}),
(prefix + r'/?()', StaticFileHandler, {'path': calculator_static_dir / 'form.html'}),
(prefix + r'/report', ConcentrationModel),
(prefix + r'/baseline-model/result', StaticModel),
(prefix + r'/static/(.*)', StaticFileHandler, {'path': calculator_static_dir}),
]
return Application(
urls,

3
cara/apps/static/ScrollMagic.min.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,220 @@
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
background: #fff;
opacity: 0.9;
filter: alpha(opacity=90);
}
#colorbox {
outline: 0;
}
#cboxContent {
margin-top: 32px;
overflow: visible;
background: #000;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
background: #000;
padding: 1px;
}
#cboxLoadingGraphic {
background: url(images/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
background: #000;
}
#cboxTitle {
position: absolute;
top: -22px;
left: 0;
color: #000;
}
#cboxCurrent {
position: absolute;
top: -22px;
right: 205px;
text-indent: -9999px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
text-indent: -9999px;
width: 20px;
height: 20px;
position: absolute;
top: -20px;
background: url(images/controls.png) no-repeat 0 0;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0;
}
#cboxPrevious {
background-position: 0px 0px;
right: 44px;
}
#cboxPrevious:hover {
background-position: 0px -25px;
}
#cboxNext {
background-position: -25px 0px;
right: 22px;
}
#cboxNext:hover {
background-position: -25px -25px;
}
#cboxClose {
background-position: -50px 0px;
right: 0;
}
#cboxClose:hover {
background-position: -50px -25px;
}
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
right: 66px;
}
.cboxSlideshow_on #cboxSlideshow {
background-position: -75px -25px;
right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
background-position: -100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
background-position: -100px 0px;
right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
background-position: -75px -25px;
}

File diff suppressed because one or more lines are too long

48
cara/apps/static/logo.svg Normal file
View file

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1"
id="svg3759" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" sodipodi:docname="logoCERN.svg" inkscape:version="0.92.1 r15371"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="618.3 -198.9 383.5 380.1" style="enable-background:new 618.3 -198.9 383.5 380.1;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<sodipodi:namedview inkscape:cy="560" showgrid="false" inkscape:cx="-127.14286" inkscape:zoom="0.35" borderopacity="1.0" pagecolor="#ffffff" bordercolor="#666666" id="base" inkscape:window-maximized="1" inkscape:window-y="-8" inkscape:current-layer="layer1" inkscape:pageshadow="2" inkscape:document-units="mm" inkscape:pageopacity="0.0" inkscape:window-height="1027" inkscape:window-x="1912" inkscape:window-width="1920">
</sodipodi:namedview>
<g id="layer1" inkscape:label="Capa 1" inkscape:groupmode="layer">
<path id="path3704" sodipodi:nodetypes="csccssscscscccsscscccsscsscccscssssscssccscsccccsccccscccsscssscscsccccccsccscsscccccscsccccsssccscccscccsscsccscccccccccccccccccscsscsccccscccccccccccccccccccccccccccccccscccccccscccccccscccccc" inkscape:connector-curvature="0" class="st0" d="
M713.8,175.5c3.1-3.2,26.6-28.2,52.4-55.8s50-53.3,53.9-57.3l7.1-7.3l-10.5,5.5c-19.7,10.3-33.1,13.6-57.6,14.4
c-20,0.6-30.9-0.8-47.1-6.2C683,59,659.2,41.2,643,16.9c-2.9-4.3-5.3-7.6-5.3-7.4c0,0.3,21.8,74.4,25.6,86.9
c0.4,1.4-0.1,1.7-3.1,1.7c-3,0-3.8-0.5-4.6-2.7c-3.2-8.4-31.3-109.4-34.1-122.4c-3-14.2-3.3-20.8-3.3-33.9c0-7.4,0.4-20.4,1.8-26.8
c5-22.6,14.7-43.1,29.1-60.8c19.6-24.4,48.3-41.7,79.6-48c7.7-1.6,20.5-1.8,140.7-2.1l132.3-0.4v3v3l-26.8,0
c-14.7,0-60.9,0.3-102.7,0.7c-75.5,0.7-75.9,0.7-70.5,2.5c8.3,2.8,24.9,11.3,32.6,16.7c7.4,5.2,17.7,14.1,17.1,14.8
c-0.2,0.2-3.2-0.3-6.6-1.2c-4.4-1.1-8.5-3.3-14.4-7.5c-33.1-23.9-76.7-30.7-115.4-18c-19.8,6.5-35.9,16.5-51.4,32
c-25.5,25.5-38.2,55.7-38.2,91.1c0,21.1,3.5,36.8,12.4,55.9c12.6,27,37.6,51.3,65.1,63.2c29.2,12.8,62.5,14.3,92.5,4.4
c20.5-6.8,34.7-15.7,51-31.9c15.9-15.9,25.3-30.9,31.8-51c5-15.5,6-22.3,6-40.6c0-14.5-0.4-17.8-2.7-27.1
c-4.3-17.2-10.2-30.7-19-43.8c-5.4-8-5.1-8.3,3.7-3.9c4.9,2.5,5.3,3,11.4,14.7c10.3,20,14.3,33.7,28,96.5
c9.3,42.4,44.8,201.7,45.7,204.8c0.4,1.5-0.2,1.7-3.5,1.7c-3.9,0-4,0-5-4.8c-14.5-68-50.8-229.8-51.3-228.5c-0.4,1-0.7,3.8-0.8,6.4
C890.5-28.3,881.7-4,868,16.7c-9.8,14.8-20.4,26.8-86.5,97.2l-63.2,67.3h-5h-5L713.8,175.5z M805.7,120.6c-9.5-1-19.8-2.6-20.8-3.3
c-0.8-0.5-0.3-1.6,1.7-3.5l2.9-2.8l9.1,1.2c11,1.5,30.4,0.8,41.1-1.5c25.7-5.5,48.1-17.5,66.2-35.7c4.8-4.8,8.9-8.4,9.1-8.1
c0.2,0.4,0.7,2.3,1,4.3c0.8,4.5-0.5,6.2-11.6,15.6c-19.9,16.8-39.5,26.4-63.3,31.2C831.5,120,812.7,121.4,805.7,120.6L805.7,120.6z
M756.7,107.6c-13.8-6.7-28.2-16.6-38.4-26.5l-9-8.7l7.7,2.2c5.8,1.7,8.7,3.2,12,6.2c9.9,9.1,25.9,18.8,38.7,23.5l6.2,2.3l-2.7,2.9
c-1.5,1.6-3.2,2.9-3.9,2.9C766.6,112.2,761.8,110.2,756.7,107.6L756.7,107.6z M927,54.7c-1-4.3-0.8-4.9,3.6-13.8
c9.9-19.7,13.6-35.6,13.5-58.2c0-22.2-4-40.4-13.1-60.4c-13.3-29.1-41-54.7-71.1-65.5c-48.7-17.5-98-7.1-136.1,28.8l-7.1,6.7
l-2.5-1.8c-1.4-1-2.5-2.3-2.5-2.8c-0.1-1.7,14.7-15.1,23.8-21.5c9.9-7.1,25.1-14.7,36.4-18.4c14.6-4.7,23.8-6,42.7-6
c25.5,0.1,40.8,3.7,62.5,14.7c18.8,9.6,38.3,26.6,49.5,43.1c10.6,15.7,19.7,38,22.4,54.7l1.3,8.4l0.7-5
c0.8-5.9,11.7-118.5,11.7-120.8c0-1.2,0.9-1.7,3.5-1.7c3.2,0,3.5,0.3,3.5,2.8c0,3.4-9.2,95.5-12.1,120.6
c-4.2,36.9-9.1,59.8-16.8,77.5c-3.4,7.8-11.6,23.1-12.5,23.1C928.2,59.2,927.6,57.2,927,54.7L927,54.7z M699,50.7
c-4.4-2.1-5.6-3.2-8.1-8.2c-6.7-13.2-12.1-33.2-13.6-50.1l-0.7-7.3h4.1h4.1v4.9c0,7.1,3.6,24.8,7.1,34.9c1.7,4.8,5.3,12.9,8,18.1
c2.7,5.2,4.8,9.5,4.6,9.7C704.3,53,701.8,52.1,699,50.7z M667.2-37.5c-11.1-4-17.1-12-18.1-24.1c-1.1-13.1,3.9-22.5,15-28.1
c6.5-3.3,7.4-3.5,16-3.4c5,0.1,11.2,0.8,13.6,1.6c4.3,1.3,4.5,1.6,4.2,4.8c-0.4,4.5-0.8,4.7-3.5,2.2c-5.3-5-16.2-6.6-23.2-3.3
c-8.8,4.1-13.8,12.4-13.7,23.1c0,10.7,4.7,18.5,13.7,22.6c8.1,3.8,16.5,2.7,24.1-3.1l3.6-2.7l-0.3,3.3c-0.3,2.8-1.1,3.7-4.8,5.8
C687.7-35.5,674.6-34.9,667.2-37.5z M846.2-39c-4.3-5.1-35.8-38.2-36.8-38.6c-0.6-0.2-0.7,7.6-0.2,20.2l0.7,20.6h-3.7
c-3.6,0-3.7-0.1-3.1-3.1c0.3-1.7,0.6-14.3,0.6-28c0-20.7,0.2-24.9,1.4-24.9c0.8,0,10.1,9,20.6,20c10.6,11,19.7,20,20.2,20
c0.6,0,0.7-7,0.3-19.7l-0.7-19.8l3.7-0.1c3.6-0.1,3.7,0,3.1,2.9c-0.3,1.6-0.6,14.4-0.6,28.3C851.7-33.3,851.5-32.6,846.2-39
L846.2-39z M708.7-64.5v-27.7h16.5h16.5v2.7v2.7l-12.5-0.6l-12.5-0.6v10.3v10.3l10-0.4l10-0.4v2.9v2.9l-10-0.4l-10-0.4v10.9v10.9
l13-0.6l13-0.6v2.9v2.9h-17h-17L708.7-64.5z M753.2-64.5v-27.7l13.5,0.1c15.1,0.1,18.8,1.2,21.5,6.4c2.1,4,1.9,9.9-0.4,13.5
c-2.1,3.2-8.6,7.5-11.2,7.6c-0.9,0-1.9,0.4-2.2,0.9c-0.3,0.5,4.4,6.8,10.5,14l11,13.2l-5.3,0l-5.3,0l-4.5-6.7
c-9.3-13.7-14.9-20.3-17.7-20.3h-2.6l0.7,13.5l0.7,13.5l-4.4,0l-4.4,0L753.2-64.5z M772.3-67.9c9-2.3,12.2-10.7,6.5-17.1
c-2.6-2.9-3.5-3.3-9.9-3.6l-7-0.4l-0.7,10c-0.4,5.5-0.4,10.5-0.1,11.1C762-66.5,766.7-66.5,772.3-67.9L772.3-67.9z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.3 KiB

View file

@ -0,0 +1,356 @@
<!DOCTYPE html>
<html lang="en" dir="ltr"
prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "
class=" js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome | CARA</title>
<link rel="stylesheet" media="all" href="/static/cern-theme.css">
<link rel="stylesheet" media="all" href="/static/cern-theme2.css">
<!-- <link rel="stylesheet" media="all" href="/static/prism.css"> -->
<link rel="stylesheet" media="all" href="/static/cern-theme3.css">
<link rel="stylesheet" media="all" href="/static/colorbox.css">
<link rel="stylesheet" media="all" href="/static/cern-theme4.css">
</head>
<body
class="cern-theme-on path-frontpage page-node-type-landing-page has-glyphicons no-admin-toolbar dev-status-ui cern-toolbar has-header toolbar-fixed">
<a href="https://againstcovid19.cern/welcome#main-content" class="visually-hidden focusable skip-link">
Skip to main content
</a>
<div id="cern-global-loading-layout" style="display: none;"><span><span></span></span><span></span></div>
<div id="cern-toolbar" role="group" aria-label="CERN Toolbar" class="user-not-authenticated"
style="top: 0px; opacity: 1;">
<h1>
<a href="https://home.cern/" title="CERN" class="ext" data-extlink="">
CERN
<span>Accelerating science</span>
<svg focusable="false" class="ext" role="img" aria-label="(link is external)" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 80 40">
<metadata>
<sfw xmlns="http://ns.adobe.com/SaveForWeb/1.0/">
<slicesourcebounds y="-8160" x="-8165" width="16389" height="16384" bottomleftorigin="true">
</slicesourcebounds>
<optimizationsettings>
<targetsettings targetsettingsid="0" fileformat="PNG24Format">
<png24format transparency="true" filtered="false" interlaced="false" nomattecolor="false"
mattecolor="#FFFFFF"></png24format>
</targetsettings>
</optimizationsettings>
</sfw>
</metadata>
<title>(link is external)</title>
<path
d="M48 26c-1.1 0-2 0.9-2 2v26H10V18h26c1.1 0 2-0.9 2-2s-0.9-2-2-2H8c-1.1 0-2 0.9-2 2v40c0 1.1 0.9 2 2 2h40c1.1 0 2-0.9 2-2V28C50 26.9 49.1 26 48 26z">
</path>
<path
d="M56 6H44c-1.1 0-2 0.9-2 2s0.9 2 2 2h7.2L30.6 30.6c-0.8 0.8-0.8 2 0 2.8C31 33.8 31.5 34 32 34s1-0.2 1.4-0.6L54 12.8V20c0 1.1 0.9 2 2 2s2-0.9 2-2V8C58 6.9 57.1 6 56 6z">
</path>
</svg></a>
</h1>
<ul>
<li><a href="https://cern.ch/directory" class="cern-directory ext"
title="Search CERN resources and browse the directory" data-extlink="">Directory<svg focusable="false"
class="ext" role="img" aria-label="(link is external)" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 80 40">
<metadata>
<sfw xmlns="http://ns.adobe.com/SaveForWeb/1.0/">
<slicesourcebounds y="-8160" x="-8165" width="16389" height="16384" bottomleftorigin="true">
</slicesourcebounds>
<optimizationsettings>
<targetsettings targetsettingsid="0" fileformat="PNG24Format">
<png24format transparency="true" filtered="false" interlaced="false" nomattecolor="false"
mattecolor="#FFFFFF"></png24format>
</targetsettings>
</optimizationsettings>
</sfw>
</metadata>
<title>(link is external)</title>
<path
d="M48 26c-1.1 0-2 0.9-2 2v26H10V18h26c1.1 0 2-0.9 2-2s-0.9-2-2-2H8c-1.1 0-2 0.9-2 2v40c0 1.1 0.9 2 2 2h40c1.1 0 2-0.9 2-2V28C50 26.9 49.1 26 48 26z">
</path>
<path
d="M56 6H44c-1.1 0-2 0.9-2 2s0.9 2 2 2h7.2L30.6 30.6c-0.8 0.8-0.8 2 0 2.8C31 33.8 31.5 34 32 34s1-0.2 1.4-0.6L54 12.8V20c0 1.1 0.9 2 2 2s2-0.9 2-2V8C58 6.9 57.1 6 56 6z">
</path>
</svg></a></li>
</ul>
</div>
<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas="">
<header role="banner">
<div class="header-wrapper">
<div class="site-info col-sm-2">
<div class="site-info__logo col-lg-3 col-md-2 col-sm-3">
<!-- <a href="https://againstcovid19.cern/" title="Home" rel="home">
<img src="/static/CERNagainstLogo-02_1.png" alt="home">
</a> -->
</div>
<div class="site-info__text col-lg-9 col-md-10 col-sm-9">
</div>
</div>
<div class="site-nav col-sm-10 ">
<div class="region region-header">
<nav role="navigation" aria-labelledby="block-cernoverride-main-menu-menu"
id="block-cernoverride-main-menu">
<h2 class="sr-only" id="block-cernoverride-main-menu-menu">Main navigation</h2>
<nav class="navbar navbar-default main-menu">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="/" data-drupal-link-system-path="&lt;front&gt;" class="is-active">Home</a>
</li>
<!-- <li>
<a href="/about" title="About the mission" data-drupal-link-system-path="node/2">About</a>
</li> -->
<li>
<a href="/calculator" data-drupal-link-system-path="node/22">COVID Calculator</a>
</li>
<!-- <li class="dropdown">
<a href="" class="dropdown-toggle" data-drupal-link-system-path="node/7">
Tools
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="/calculator" data-drupal-link-system-path="node/22">COVID Calculator</a>
</li>
</ul>
</li> -->
</ul>
</div>
</div>
</nav>
</nav>
</div>
</div>
</div>
</header>
</div>
<main role="main">
{% block main %}
<div class="field--item">
<div class="component-row component-row__display__fluidcenter section-navigation effect_none">
<div class="component-row__row">
<div class="component-row__column component-row__center section-has-no-column col-md-12 col-sm-12 col-xs-12">
<div class="box-effects-wrapper ">
<div class="text-component text-component-page clearfix">
<h2 class="text-component-title">
CARA: COVID Area Risk Assessment Tools
</h2>
<div class="text-component-text cern_full_html">
<!-- <p class="text-align-justify">CERNs Director-General <a href="https://againstcovid19.cern/articles/cern-against-covid-19-task-force-launch-message-directorate">established</a> the <strong><i>CERN against COVID-19</i></strong> task force in March 2020 to collect and coordinate ideas and contributions from the CERN community of&nbsp;over 18&nbsp;000 people worldwide to the societal fight against the COVID-19 pandemic. These initiatives will draw on scientific and technical expertise and facilities at CERN, in the Member State countries and beyond, and will be carried out with that community and in close contacts with the relevant health institutions and experts from other fields.</p>
<p class="text-align-justify">We have been very encouraged by the hundreds of emails we have received, and the enthusiasm of the community. Ideas range from the deployment of CERNs powerful computing, engineering and technical resources to contribute to the global fight against COVID-19, to assisting the local effort through logistical and emergency response support.</p>
<p class="text-align-justify">The objective of the <strong><i>CERN against COVID-19</i> </strong>initiative is to ensure effective and well-coordinated action, drawing on CERNs many competencies and advanced technologies and working closely with experts in healthcare, drug development, epidemiology and emergency response so as to maximise the impact of our contributions. Proposals and ideas&nbsp;can be made by members of the CERN community via the form at the bottom of this page. Questions for the task force may be submitted via email to <a href="mailto:fight-covid@cern.ch" class="mailto" data-extlink="">fight-covid@cern.ch<svg focusable="false" class="mailto" role="img" aria-label="(link sends email)" xmlns="http://www.w3.org/2000/svg" viewBox="0 10 70 20"><metadata><sfw xmlns="http://ns.adobe.com/SaveForWeb/1.0/"><slicesourcebounds y="-8160" x="-8165" width="16389" height="16384" bottomleftorigin="true"></slicesourcebounds><optimizationsettings><targetsettings targetsettingsid="0" fileformat="PNG24Format"><png24format transparency="true" filtered="false" interlaced="false" nomattecolor="false" mattecolor="#FFFFFF"></png24format></targetsettings></optimizationsettings></sfw></metadata><title>(link sends email)</title><path d="M56 14H8c-1.1 0-2 0.9-2 2v32c0 1.1 0.9 2 2 2h48c1.1 0 2-0.9 2-2V16C58 14.9 57.1 14 56 14zM50.5 18L32 33.4 13.5 18H50.5zM10 46V20.3l20.7 17.3C31.1 37.8 31.5 38 32 38s0.9-0.2 1.3-0.5L54 20.3V46H10z"></path></svg></a>. We will do our best to answer all of them.</p> -->
<p>
Please try out the CARA COVID calculator <a href="/calculator">here</a>.
Your feedback is most welcome at <a href="mailto:CARA-dev@cern.ch">CARA-dev@cern.ch</a>
<span style="height: 35vh; display: block;"></span>
</p>
<span style="min-height: 50vh; height: 100%;"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="endof-cern-header-blocks"></a>
</div>
{% endblock main %}
</main>
<footer role="contentinfo">
<div class="row cern-footer">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 footer-first-col">
<div class="region region-footercolumn1">
<section id="block-disclaimer"
class="block block-block-content block-block-content112ec55d-2622-43e4-9063-e7433079dfb1 clearfix">
<h2 class="block-title">Disclaimer</h2>
<div class="field field--name-body field--type-text-with-summary field--label-hidden field--item">
<p><span style="font-size:10px;"><em>CERN strives to deploy its know-how and technologies to help solve
the challenges arising in the local and global fight against COVID-19. As a particle physics
research organisation, CERN is not in a position to advise on medical research, health or health
policy issues. Any initiative is conducted on a best effort and as-is basis, without liability or
warranty.</em></span></p>
</div>
</section>
</div>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 footer-second-col">
<div class="row">
<!-- CONTACT US -->
<div class="col-sm-5 col-md-4 col-md-offset-0 col-lg-4 col-lg-offset-0">
<div class="region region-footercolumn2">
<nav role="navigation" aria-labelledby="block-cernoverride-footer-menu" id="block-cernoverride-footer">
<h2 class="visually-hidden" id="block-cernoverride-footer-menu">Footer menu</h2>
<ul class="menu nav">
<li>
<a href="mailto:cara-dev@cern.ch" title="Contact the Task Force" class="mailto"
data-extlink="">Contact<svg focusable="false" class="mailto" role="img"
aria-label="(link sends email)" xmlns="http://www.w3.org/2000/svg" viewBox="0 10 70 20">
<metadata>
<sfw xmlns="http://ns.adobe.com/SaveForWeb/1.0/">
<slicesourcebounds y="-8160" x="-8165" width="16389" height="16384" bottomleftorigin="true">
</slicesourcebounds>
<optimizationsettings>
<targetsettings targetsettingsid="0" fileformat="PNG24Format">
<png24format transparency="true" filtered="false" interlaced="false"
nomattecolor="false" mattecolor="#FFFFFF"></png24format>
</targetsettings>
</optimizationsettings>
</sfw>
</metadata>
<title>(link sends email)</title>
<path
d="M56 14H8c-1.1 0-2 0.9-2 2v32c0 1.1 0.9 2 2 2h48c1.1 0 2-0.9 2-2V16C58 14.9 57.1 14 56 14zM50.5 18L32 33.4 13.5 18H50.5zM10 46V20.3l20.7 17.3C31.1 37.8 31.5 38 32 38s0.9-0.2 1.3-0.5L54 20.3V46H10z">
</path>
</svg></a>
</li>
</ul>
</nav>
</div>
</div>
<!-- general info -->
<div class="col-sm-6 col-sm-offset-1 col-md-4 col-md-offset-0 col-lg-4">
<div class=" mb-4">
</div>
</div>
<!-- cern and you -->
<div class="col-sm-6 col-sm-offset-6 col-md-4 col-md-offset-0 col-lg-4 col-lg-offset-0">
<div class=" mb-4">
</div>
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 footer-last-logo">
<a href="https://home.cern/" title="CERN" target="_blank"><img src="/static/logo.svg" alt="CERN"></a>
</div>
</div>
<div class="copy-wrapper light">
<a href="https://copyright.web.cern.ch/" class="ext" data-extlink="">
Copyright
<svg focusable="false" class="ext" role="img" aria-label="(link is external)" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 80 40">
<metadata>
<sfw xmlns="http://ns.adobe.com/SaveForWeb/1.0/">
<slicesourcebounds y="-8160" x="-8165" width="16389" height="16384" bottomleftorigin="true">
</slicesourcebounds>
<optimizationsettings>
<targetsettings targetsettingsid="0" fileformat="PNG24Format">
<png24format transparency="true" filtered="false" interlaced="false" nomattecolor="false"
mattecolor="#FFFFFF"></png24format>
</targetsettings>
</optimizationsettings>
</sfw>
</metadata>
<title>(link is external)</title>
<path
d="M48 26c-1.1 0-2 0.9-2 2v26H10V18h26c1.1 0 2-0.9 2-2s-0.9-2-2-2H8c-1.1 0-2 0.9-2 2v40c0 1.1 0.9 2 2 2h40c1.1 0 2-0.9 2-2V28C50 26.9 49.1 26 48 26z">
</path>
<path
d="M56 6H44c-1.1 0-2 0.9-2 2s0.9 2 2 2h7.2L30.6 30.6c-0.8 0.8-0.8 2 0 2.8C31 33.8 31.5 34 32 34s1-0.2 1.4-0.6L54 12.8V20c0 1.1 0.9 2 2 2s2-0.9 2-2V8C58 6.9 57.1 6 56 6z">
</path>
</svg></a>
&nbsp;©
2020
CERN</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="/static/jquery.colorbox-min.js"></script>
<script src="/static/ScrollMagic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js" integrity="sha512-8qmis31OQi6hIRgvkht0s6mCOittjMa9GMqtK9hes5iEQBQE/Ca6yGE5FsW36vyipGoWQswBj/QBm2JR086Rkw==" crossorigin="anonymous"></script>
<div id="cboxOverlay" style="display: none;"></div>
<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;">
<div id="cboxWrapper">
<div>
<div id="cboxTopLeft" style="float: left;"></div>
<div id="cboxTopCenter" style="float: left;"></div>
<div id="cboxTopRight" style="float: left;"></div>
</div>
<div style="clear: left;">
<div id="cboxMiddleLeft" style="float: left;"></div>
<div id="cboxContent" style="float: left;">
<div id="cboxTitle" style="float: left;"></div>
<div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button
type="button" id="cboxNext"></button><button type="button" id="cboxSlideshow"></button>
<div id="cboxLoadingOverlay" style="float: left;"></div>
<div id="cboxLoadingGraphic" style="float: left;"></div>
</div>
<div id="cboxMiddleRight" style="float: left;"></div>
</div>
<div style="clear: left;">
<div id="cboxBottomLeft" style="float: left;"></div>
<div id="cboxBottomCenter" style="float: left;"></div>
<div id="cboxBottomRight" style="float: left;"></div>
</div>
</div>
<div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div>
</div>
</body>
</html>