Skip to content

Commit

Permalink
Add privacy notice page
Browse files Browse the repository at this point in the history
  • Loading branch information
cemacrr committed Sep 24, 2024
1 parent 9d67089 commit bdf21a5
Show file tree
Hide file tree
Showing 9 changed files with 240 additions and 3 deletions.
5 changes: 5 additions & 0 deletions about/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -190,6 +190,11 @@ <h4>References</h4>
target="_new"><img class="footer_logo"
src="../img/logo/nc_logo.png"></a>
</div>
<div id="footer_links"
class="footer_links flex_center">
<a class="footer_link"
href="../privacy/">Privacy Notice</a>
</div>
</div>
<!-- container end: ___________________________________________________ -->
</div>
Expand Down
5 changes: 5 additions & 0 deletions acknowledgements/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -184,6 +184,11 @@ <h3>Acknowledgements</h3>
target="_new"><img class="footer_logo"
src="../img/logo/nc_logo.png"></a>
</div>
<div id="footer_links"
class="footer_links flex_center">
<a class="footer_link"
href="../privacy/">Privacy Notice</a>
</div>
</div>
<!-- container end: ___________________________________________________ -->
</div>
Expand Down
5 changes: 5 additions & 0 deletions contact/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -175,6 +175,11 @@ <h3>Get in touch</h3>
target="_new"><img class="footer_logo"
src="../img/logo/nc_logo.png"></a>
</div>
<div id="footer_links"
class="footer_links flex_center">
<a class="footer_link"
href="../privacy/">Privacy Notice</a>
</div>
</div>
<!-- container end: ___________________________________________________ -->
</div>
Expand Down
16 changes: 13 additions & 3 deletions css/site.css
Original file line number Diff line number Diff line change
Expand Up @@ -300,7 +300,7 @@ body {

.footer {
background-color: #484848;
height: 4em;
height: 6.5em;
margin-top: auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
0 6px 20px 0 rgba(0, 0, 0, 0.19);
Expand All @@ -323,8 +323,8 @@ body {
@media only screen and (max-width: 650px) {
.footer {
flex: 1 1 auto;
max-height: 7em;
min-height: 7em;
max-height: 9.5em;
min-height: 9.5em;
}
.footer_logo {
max-height: 2.5em;
Expand All @@ -341,6 +341,16 @@ body {
}
}

.footer_links {
flex-basis: 99%;
text-align: center;
}

.footer_link {
color: #fdfdfd;
text-decoration: none;
}

/** buttons: **/

/* remove outlines from active buttons: */
Expand Down
5 changes: 5 additions & 0 deletions dashboard/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -184,6 +184,11 @@
target="_new"><img class="footer_logo"
src="../img/logo/nc_logo.png"></a>
</div>
<div id="footer_links"
class="footer_links flex_center">
<a class="footer_link"
href="../privacy/">Privacy Notice</a>
</div>
</div>
<!-- container end: ___________________________________________________ -->
</div>
Expand Down
5 changes: 5 additions & 0 deletions faq/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -203,6 +203,11 @@ <h4>Can I use these images?</h4>
target="_new"><img class="footer_logo"
src="../img/logo/nc_logo.png"></a>
</div>
<div id="footer_links"
class="footer_links flex_center">
<a class="footer_link"
href="../privacy/">Privacy Notice</a>
</div>
</div>
<!-- container end: ___________________________________________________ -->
</div>
Expand Down
5 changes: 5 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -187,6 +187,11 @@ <h3><u>Welcome to the Air Quality Stripes!</u></h3>
target="_new"><img class="footer_logo"
src="./img/logo/nc_logo.png"></a>
</div>
<div id="footer_links"
class="footer_links flex_center">
<a class="footer_link"
href="./privacy/">Privacy Notice</a>
</div>
</div>
<!-- container end: ___________________________________________________ -->
</div>
Expand Down
192 changes: 192 additions & 0 deletions privacy/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,192 @@
<!DOCTYPE html>
<!-- html start: __________________________________________________________ -->
<html>
<!-- head start:_________________________________________________________ -->
<head>
<meta http-equiv="content-type"
content="text/html; charset=utf-8">
<meta name="viewport"
content="width=device-width,initial-scale=1">
<link rel="icon"
href="../img/icon/icon.png"
sizes="192x192">
<!-- title: ___________________________________________________________ -->
<title>Air Quality Stripes - Privacy</title>
<!-- styles: __________________________________________________________ -->
<link rel="stylesheet"
type="text/css"
href="../css/site.css"
media="all">
<!-- scripts: _________________________________________________________ -->
<!-- Google Analytics -->
<script async
src="https://www.googletagmanager.com/gtag/js?id=G-R37BD08TMN">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-R37BD08TMN');
</script>
<!-- End Google Analytics -->
<script src="../js/site.js"
charset="utf-8"
defer>
</script>
<!-- meta tags: _______________________________________________________ -->
<meta id="meta_title"
name="title"
content="Air Quality Stripes: Privacy">
<meta id="meta_desc"
name="description"
content="">
<meta id="twit_card"
name="twitter:card"
content="summary_large_image">
<meta id="twit_title"
name="twitter:title"
content="Air Quality Stripes: Privacy">
<meta id="twit_desc"
name="twitter:description"
content="">
<meta id="twit_img"
name="twitter:image"
content="https://airqualitystripes.info/img/icon/icon.png">
<meta id="og_type"
name="og:type"
content="website">
<meta id="og_title"
name="og:title"
content="Air Quality Stripes: Privacy">
<meta id="og_desc"
name="og:description"
content="">
<meta id="og_img"
name="og:image"
content="https://airqualitystripes.info/img/icon/icon.png">
<!-- head end:___________________________________________________________ -->
</head>
<!-- body start: ________________________________________________________ -->
<body>
<!-- container start: _________________________________________________ -->
<div id="container"
class="container column">
<!-- header: ________________________________________________________ -->
<div id="header"
class="header row flex_start flex_no_grow">
<div id="header_text"
class="header_text">
<a href="https://airqualitystripes.info/">Air Quality Stripes</a>
</div>
</div>
<!-- content: _______________________________________________________ -->
<div id="content"
class="content row">
<!-- controls: ____________________________________________________ -->
<div id="content_control"
class="content_control">
<div id="content_control_close"
class="content_control_close row flex_end">
<a id="content_control_close_click"
href="javascript:void(0)"
class="content_control_close"
onclick="content_control_toggle()">&times;</a>
</div>
<div id="stripes_control"
class="control_section">
<p id="stripes_control_header"
class="control_header"><a href="../">Home</a></p>
</div>
<div id="stripes_control"
class="control_section">
<p id="stripes_control_header"
class="control_header"><a href="../stripes/">Select City Stripes</a></p>
</div>
<div id="faq_control"
class="control_section">
<p id="faq_control_header"
class="control_header"><a href="../faq/">FAQ</a></p>
</div>
<div id="about_control"
class="control_section">
<p id="about_control_header"
class="control_header"><a href="../about/">About the data</a></p>
</div>
<div id="contact_control"
class="control_section">
<p id="contact_control_header"
class="control_header"><a href="../contact">Get in touch</a></p>
</div>
<div id="ack_control"
class="control_section">
<p id="ack_control_header"
class="control_header"><a href="../acknowledgements/">Acknowledgements</a></p>
</div>
</div>
<!-- dashboard: ___________________________________________________ -->
<div id="content_container"
class="content_plot column">
<div id="content_control_menu"
class="content_control_menu row flex_start">
<img id="content_control_menu_img"
class="content_control_menu_img"
src="../img/control/menu.png"
onclick="content_control_toggle()">
</div>
<div class="content_text_container column flex_start">
<h3>Privacy Notice</h3>
<p>If you're accessing or using this website, we may automatically collect information about how you use the website, such as the pages you view, the referring site, your IP address and information about your device, session information, the date and time of each request.</p>
<p>Google Analytics and is a services provided by Google, Inc. ("Google"). Google Analytics uses cookies to help us analyze how users use our website. The information generated by these cookies is transmitted to and stored by Google. Google will use this information for the purpose of evaluating your, and other users', use of our website, compiling reports for us on website activity.</p>
<p>Google cookies are those beginning "__ut".</p>
<p>You can find more information <a href="http://www.google.com/analytics/learn/privacy.html">here</a>, including a link to Google's <a href="http://www.google.com/intl/en/policies/privacy/">privacy policy</a>.</p>
<p>To find out how to see what cookies have been set and how to reject and delete cookies, please visit <a href="http://www.aboutcookies.org">http://www.aboutcookies.org</a>.</p>
<p>To opt-out of analysis by Google Analytics on our website and other websites, please visit <a href="http://tools.google.com/dlpage/gaoptout">http://tools.google.com/dlpage/gaoptout</a>.</p>
<p>We keep the information provided in this Notice under review. This Notice may be updated from time to time.</p>
</div>
</div>
</div>
<!-- footer: ________________________________________________________ -->
<div id="footer"
class="footer row_wrap flex_center flex_no_grow">
<div id="footer_uol_logo"
class="footer_item footer_item_hide">
<a href="https://leeds.ac.uk/"
target="_new"><img class="footer_logo"
src="../img/logo/uol_logo.png"></a>
</div>
<div id="footer_uoe_logo"
class="footer_item footer_item_hide">
<a href="https://www.ed.ac.uk/"
target="_new"><img class="footer_logo"
src="../img/logo/uoe_logo.png"></a>
</div>
<div id="footer_ssi_logo"
class="footer_item footer_item_hide">
<a href="https://software.ac.uk/"
target = "_new"><img class="footer_logo"
src="../img/logo/ssi_logo.png"></a>
</div>
<div id="footer_mo_logo"
class="footer_item footer_item_hide">
<a href="https://metoffice.gov.uk/"
target="_new"><img class="footer_logo"
src="../img/logo/mo_logo.png"></a>
</div>
<div id="footer_nc_logo"
class="footer_item footer_item_hide">
<a href="https://ncsu.edu/"
target="_new"><img class="footer_logo"
src="../img/logo/nc_logo.png"></a>
</div>
<div id="footer_links"
class="footer_links flex_center">
<a class="footer_link"
href="../privacy/">Privacy Notice</a>
</div>
</div>
<!-- container end: ___________________________________________________ -->
</div>
<!-- body end: __________________________________________________________ -->
</body>
<!-- html end: ____________________________________________________________ -->
</html>
5 changes: 5 additions & 0 deletions stripes/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -205,6 +205,11 @@ <h3>Share</h3>
target="_new"><img class="footer_logo"
src="../img/logo/nc_logo.png"></a>
</div>
<div id="footer_links"
class="footer_links flex_center">
<a class="footer_link"
href="../privacy/">Privacy Notice</a>
</div>
</div>
<!-- container end: ___________________________________________________ -->
</div>
Expand Down

0 comments on commit bdf21a5

Please sign in to comment.