Add cookie notice

This commit is contained in:
Hakan Ensari 2018-09-13 17:34:44 +01:00
parent 396427f0e4
commit 5eddb8cad0
7 changed files with 28 additions and 7 deletions

View File

@ -6,7 +6,7 @@ Foreign exchange (forex) rates and currency conversion API
## Getting Started
Frankfurter is a free, open source API for current and historical foreign exchange rates. It tracks data published by the European Central Bank.
Frankfurter is a free and open source API for current and historical foreign exchange rates. It tracks data published by the European Central Bank.
Rates are updated around 4PM CET every working day.

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

View File

@ -1,2 +1,2 @@
body{background-color:#F08D5C;font-family:'Open Sans', sans-serif}.navbar .navbar-nav .nav-link{color:#fff;margin-bottom:2em;padding-left:12px;padding-right:12px}.navbar .navbar-nav .nav-link:hover{text-decoration:underline}.navbar .navbar-nav .nav-link .fa-fw{margin-right:6px}.content{margin-bottom:2em;max-width:720px}.content .logo img{padding-bottom:1em;width:120px}.content .logo,.content h1,.content h1+p+p{text-align:center}.content h1{font-size:56px}.content h1+p{display:none}.content h1+p+p{margin-bottom:2em}.content h1,.content h1+p+p{color:#FFF}.content h1+p+p,.content h2{font-size:20px}.content h2{font-weight:bold}code:not(.hljs){color:#8f1911}.hljs{border-radius:3px;padding:10px}.hljs.http{color:#2D4A53}.hljs i{color:#2D4A53}.hljs:hover{cursor:pointer}.footer{margin:2em 0;text-align:center}.footer .copyleft{display:inline-block;transform:rotate(180deg)}
body{background-color:#F08D5C;font-family:'Open Sans', sans-serif}.navbar .navbar-nav .nav-link{color:#fff;margin-bottom:2em;padding-left:12px;padding-right:12px}.navbar .navbar-nav .nav-link:hover{text-decoration:underline}.navbar .navbar-nav .nav-link .fa-fw{margin-right:6px}.content{margin-bottom:2em;max-width:720px}.content .logo img{padding-bottom:1em;width:150px}.content .logo,.content h1,.content h1+p+p{text-align:center}.content h1{font-size:56px}.content h1+p{display:none}.content h1+p+p{margin-bottom:2em}.content h1,.content h1+p+p{color:#FFF}.content h1+p+p,.content h2{font-size:20px}.content h2{font-weight:bold}code:not(.hljs){color:#8f1911}.hljs{border-radius:3px;padding:10px}.hljs.http{color:#2D4A53}.hljs i{color:#2D4A53}.hljs:hover{cursor:pointer}.footer{color:#FFF;margin:2em 0;text-align:center}
/*# sourceMappingURL=application.css.map */

View File

@ -29,7 +29,7 @@ body {
.logo {
img {
padding-bottom: 1em;
width: 120px;
width: 150px;
}
}

View File

@ -10,9 +10,29 @@
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.3.1/css/all.css">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans">
<link rel="stylesheet" href="/stylesheets/application.css">
<link rel="shortcut icon" href="/images/icon.png">
<link rel="shortcut icon" href="/images/frankfurter.png">
<link rel="apple-touch-icon" href="/images/frankfurter-solid.png">
<% if ENV['GA_TRACKING_ID'] %>
<!-- Global site tag (gtag.js) - Google Analytics -->
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#d94f33"
},
"button": {
"background": "#8f1911"
}
},
"content": {
"message": "This site uses cookies for analytics. By continuing to browse this site, you agree to this use."
}
})});
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-36475354-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
@ -22,6 +42,7 @@
gtag('config', <%= ENV['GA_TRACKING_ID'] %>);
</script>
<% end %>
</head>
<body>
@ -64,8 +85,8 @@
<div class="footer">
<div class="container">
<p class="small">
<i class="far fa-heart"></i> Frankfurter
<p>
<i class="far fa-heart"></i> Frankfurter 2012-<%= Date.today.year %>
</p>
</div>
</div>