Merge branch 'upstream/pizzazz2' into 'master'
Put the calculator form inside the CARA template. See merge request cara/cara!66
This commit is contained in:
Philip James Elson
commit
9f770b0887
6 changed files with 367 additions and 339 deletions
|
|
@ -58,13 +58,27 @@ class LandingPage(RequestHandler):
|
|||
self.finish(report)
|
||||
|
||||
|
||||
class CalculatorForm(RequestHandler):
|
||||
def get(self):
|
||||
import jinja2
|
||||
cara_templates = Path(__file__).parent.parent / "templates"
|
||||
calculator_templates = Path(__file__).parent / "templates"
|
||||
env = jinja2.Environment(
|
||||
loader=jinja2.FileSystemLoader([cara_templates, calculator_templates]),
|
||||
)
|
||||
|
||||
template = env.get_template("calculator.form.html.j2")
|
||||
report = template.render()
|
||||
self.finish(report)
|
||||
|
||||
|
||||
def make_app(debug=False, prefix='/calculator'):
|
||||
static_dir = Path(__file__).absolute().parent.parent / 'static'
|
||||
calculator_static_dir = Path(__file__).absolute().parent / 'static'
|
||||
urls = [
|
||||
(r'/?', LandingPage),
|
||||
(r'/static/(.*)', StaticFileHandler, {'path': static_dir}),
|
||||
(prefix + r'/?()', StaticFileHandler, {'path': calculator_static_dir / 'form.html'}),
|
||||
(prefix + r'/?', CalculatorForm),
|
||||
(prefix + r'/report', ConcentrationModel),
|
||||
(prefix + r'/baseline-model/result', StaticModel),
|
||||
(prefix + r'/static/(.*)', StaticFileHandler, {'path': calculator_static_dir}),
|
||||
|
|
|
|||
|
|
@ -93,9 +93,10 @@ def build_report(model: models.Model, form: FormData):
|
|||
|
||||
context.update(calculate_report_data(model))
|
||||
|
||||
p = Path(__file__).parent / "templates"
|
||||
cara_templates = Path(__file__).parent.parent / "templates"
|
||||
calculator_templates = Path(__file__).parent / "templates"
|
||||
env = jinja2.Environment(
|
||||
loader=jinja2.FileSystemLoader(Path(p)),
|
||||
loader=jinja2.FileSystemLoader([cara_templates, calculator_templates]),
|
||||
undefined=jinja2.StrictUndefined,
|
||||
)
|
||||
env.filters['minutes_to_time'] = minutes_to_time
|
||||
|
|
|
|||
|
|
@ -146,12 +146,10 @@ function show_disclaimer() {
|
|||
dots.style.display = "inline";
|
||||
btnText.innerHTML = "Read more";
|
||||
moreText.style.display = "none";
|
||||
$("#DIALOG_welcome").dialog("option", "height", 185);
|
||||
} else {
|
||||
dots.style.display = "none";
|
||||
btnText.innerHTML = "Read less";
|
||||
moreText.style.display = "inline";
|
||||
$("#DIALOG_welcome").dialog("option", "height", 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,19 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{% extends "layout.html.j2" %}
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
|
||||
{% set CALCULATOR_ACTIVE=1 %}
|
||||
|
||||
{% block extra_headers %}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" integrity="sha512-aOG0c6nPNzGk+5zjwyJaoRUgCdOrfSDhmMID2u4+OIslr0GjpLKo7Xm0Ao3xmpM4T8AmIouRkqwj1nrdVsLKEQ==" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/calculator/static/css/form.css">
|
||||
{% endblock extra_headers %}
|
||||
|
||||
{% block body_scripts %}
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="/calculator/static/js/form.js"></script>
|
||||
<script src="/calculator/static/js/form.js"></script>
|
||||
{% endblock body_scripts %}
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" integrity="sha512-aOG0c6nPNzGk+5zjwyJaoRUgCdOrfSDhmMID2u4+OIslr0GjpLKo7Xm0Ao3xmpM4T8AmIouRkqwj1nrdVsLKEQ==" crossorigin="anonymous"/>
|
||||
<link rel="stylesheet" href="/calculator/static/css/form.css"/>
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% block main %}
|
||||
<div style="margin: 2em;">
|
||||
<div class="text-component text-component-page clearfix"></div>
|
||||
<div style="height: 8em; display: block;"></div>
|
||||
|
||||
Beta v1.0.0 <span style="float:right; font-weight:bold">Please send feedback to <a href="mailto:CARA-dev@cern.ch">CARA-dev@cern.ch</a></span>
|
||||
<h1> <p><b>CARA</b> Covid Airborne Risk Assessment tool</p></h1>
|
||||
|
|
@ -185,5 +188,7 @@ You should specify if the event is a one off (give date) or recurrent use of the
|
|||
<button onclick="show_disclaimer()" id="myBtn">Read more</button><br><br>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<div class="text-component text-component-page clearfix"></div>
|
||||
<br>
|
||||
</div>
|
||||
{% endblock main %}
|
||||
|
|
@ -1,174 +1,6 @@
|
|||
<!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">
|
||||
{% extends "layout.html.j2" %}
|
||||
{% set HOME_ACTIVE=1 %}
|
||||
|
||||
<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/css/cern-theme.css">
|
||||
<link rel="stylesheet" media="all" href="/static/css/cern-theme2.css">
|
||||
<link rel="stylesheet" media="all" href="/static/css/cern-theme3.css">
|
||||
<link rel="stylesheet" media="all" href="/static/css/colorbox.css">
|
||||
<link rel="stylesheet" media="all" href="/static/css/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="<front>" 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">
|
||||
|
|
@ -182,11 +14,6 @@
|
|||
CARA: COVID Area Risk Assessment Tools
|
||||
</h2>
|
||||
<div class="text-component-text cern_full_html">
|
||||
<!-- <p class="text-align-justify">CERN’s 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 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 CERN’s 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 CERN’s 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" 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>
|
||||
|
|
@ -209,148 +36,3 @@
|
|||
|
||||
</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>
|
||||
©
|
||||
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/js/jquery.colorbox-min.js"></script>
|
||||
<script src="/static/js/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>
|
||||
<script src="/static/js/usage-tracking.js"></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>
|
||||
328
cara/apps/templates/layout.html.j2
Normal file
328
cara/apps/templates/layout.html.j2
Normal file
|
|
@ -0,0 +1,328 @@
|
|||
<!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>
|
||||
{% block title %}
|
||||
CARA | COVID Airborne Risk Assessment
|
||||
{% endblock title %}
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" media="all" href="/static/css/cern-theme.css">
|
||||
<link rel="stylesheet" media="all" href="/static/css/cern-theme2.css">
|
||||
<link rel="stylesheet" media="all" href="/static/css/cern-theme3.css">
|
||||
<link rel="stylesheet" media="all" href="/static/css/colorbox.css">
|
||||
<link rel="stylesheet" media="all" href="/static/css/cern-theme4.css">
|
||||
|
||||
{% block extra_headers %}
|
||||
{% endblock extra_headers %}
|
||||
|
||||
</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="<front>" {{ 'class="is-active"' if HOME_ACTIVE else '' }}>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" {{ 'class="is-active"' if CALCULATOR_ACTIVE else '' }}>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 %}
|
||||
{% 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>
|
||||
©
|
||||
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/js/jquery.colorbox-min.js"></script>
|
||||
<script src="/static/js/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>
|
||||
<script src="/static/js/usage-tracking.js"></script>
|
||||
{% block body_scripts %}
|
||||
{% endblock body_scripts %}
|
||||
|
||||
<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>
|
||||
Loading…
Reference in a new issue