diff --git a/templates/foli/index.html b/templates/foli/index.html
index 795d065e00015cd627fa719ed9e38ff1231d2b3a..2fed1842cc09ab919304c6f825aa464dcd7042b0 100644
--- a/templates/foli/index.html
+++ b/templates/foli/index.html
@@ -11,7 +11,7 @@
<h1>Föli - Turun seudun joukkoliikenne</h1>
<h2>Hinnat</h2>
- <div class="card foli-card" style="margin-bottom: 20px; margin-top: 20px;">
+ <div class="card foli-card box-shadow" style="margin-bottom: 20px; margin-top: 20px;">
<div class="card-body">
<p style="margin: 0;">
Bussissa voit ostaa kertalipun tai ladata matkakortin käteisellä. Samalla lipulla tai matkakortilla
@@ -21,7 +21,7 @@
</div>
<div class="card-columns">
<!-- Single ticket prices -->
- <div class="card foli-card">
+ <div class="card foli-card box-shadow">
<div class="card-header">
<h3 class="card-title">Kertaliput</h3>
</div>
@@ -57,7 +57,7 @@
</table>
</div>
<!-- Foli card prices -->
- <div class="card foli-card">
+ <div class="card foli-card box-shadow">
<div class="card-header">
<h3 class="card-title">Arvokortit</h3>
</div>
@@ -148,7 +148,7 @@
</div>
</div>
<!-- Foli season pass prices -->
- <div class="card foli-card">
+ <div class="card foli-card box-shadow">
<div class="card-header">
<h3 class="card-title">Kausikortit</h3>
</div>
@@ -270,7 +270,7 @@
</table>
</div>
<!-- Foli double card prices -->
- <div class="card foli-card">
+ <div class="card foli-card box-shadow">
<div class="card-header">
<h3 class="card-title">Tuplakortit</h3>
</div>
@@ -308,7 +308,7 @@
</table>
</div>
<!-- Tourist cards -->
- <div class="card foli-card">
+ <div class="card foli-card box-shadow">
<div class="card-header">
<h3 class="card-title">Matkailijakortit</h3>
</div>
@@ -345,7 +345,7 @@
</table>
</div>
<!-- Mobile tickets -->
- <div class="card foli-card">
+ <div class="card foli-card box-shadow">
<div class="card-header">
<h3 class="card-title">Mobiililippu</h3>
</div>
@@ -358,7 +358,7 @@
</div>
</div>
<!-- Sale and service locations -->
- <div class="card foli-card">
+ <div class="card foli-card box-shadow">
<div class="card-header">
<h3 class="card-title">Myynti- ja palvelupisteet</h3>
</div>
@@ -390,7 +390,7 @@
</div>
</div>
<!-- Foli card top-up locations -->
- <div class="card foli-card">
+ <div class="card foli-card box-shadow">
<div class="card-header">
<h3 class="card-title">Latauspisteet</h3>
</div>
@@ -403,7 +403,7 @@
</div>
</div>
<!-- Additional information -->
- <div class="card foli-card">
+ <div class="card foli-card box-shadow">
<div class="card-body">
Kortin lunastusmaksu 5,00 € (sis. alv 24 %)<br />
Matkalippujen hinnat sis. alv 10 %
diff --git a/templates/info.html b/templates/info.html
index bbf3062373e5aef3f8336bc279fcc95ce139b6fa..74db11a1405a6483a72c3f3510af2826ee7248b5 100644
--- a/templates/info.html
+++ b/templates/info.html
@@ -8,38 +8,82 @@
{% block content %}
<div class="container">
- <div class="row">
- <div class="col-md-6">
- <div class="card info-card">
- <a class="twitter-timeline" data-height="600" data-dnt="true" data-theme="light" href="https://twitter.com/Turkukaupunki?ref_src=twsrc%5Etfw">Tweets by Turkukaupunki</a>
- <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
- </div>
- </div>
- <div class="col-md-6">
- <div class="card info-card">
- <div class="card-header">
- <h3 class="card-title">Visit Turku -uutiset</h3>
- </div>
- <script type="text/javascript" src="http://output92.rssinclude.com/output?type=js&id=1172169&hash=c1c032487ad85904644bb22308686454"></script>
- </div>
- </div>
- </div>
-
- <div class="row">
- <div class="col-md-6">
- <div class="card info-card" style="overflow: auto;">
- <div class="card-header">
- <h3 class="card-title">AccuWeather - sää</h3>
- </div>
- <a href="https://www.accuweather.com/en/fi/turku/134768/weather-forecast/134768" class="aw-widget-legal">
- </a><div id="awtd1519238716374" class="aw-widget-36hour" data-locationkey="134768" data-unit="c" data-language="fi" data-useip="false" data-uid="awtd1519238716374" data-editlocation="false"></div>
- <script type="text/javascript" src="https://oap.accuweather.com/launch.js"></script>
- </div>
- </div>
- <div class="col-md-6">
- <!-- Empty spot for another card. -->
- </div>
- </div>
+ <div class="row">
+ <div class="col-12">
+ <!-- Automatic height overrides the 600px height from stylesheet.css -->
+ <div class="card info-card box-shadow" style="height: auto;">
+ <div class="card-header">
+ <h3 class="card-title">Forecast7.com -sää</h3>
+ </div>
+ <div id="forecast7">
+ <a class="weatherwidget-io" href="https://forecast7.com/en/60d4522d27/turku/" data-label_1="TURKU" data-label_2="Sää" data-theme="original">TURKU Sää</a>
+ <script>
+ !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = 'https://weatherwidget.io/js/widget.min.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'weatherwidget-io-js');
+ </script>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6">
+ <div class="card info-card box-shadow">
+ <div id="twitter">
+ <a class="twitter-timeline" data-height="600" data-dnt="true" data-theme="light" href="https://twitter.com/Turkukaupunki?ref_src=twsrc%5Etfw">Tweets by Turkukaupunki</a>
+ <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="card info-card box-shadow">
+ <div class="card-header">
+ <h3 class="card-title">Visit Turku -uutiset</h3>
+ </div>
+ <div id="visitTurku">
+ <script type="text/javascript" src="http://output92.rssinclude.com/output?type=js&id=1172169&hash=c1c032487ad85904644bb22308686454"></script>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
{% endblock content %}
+
+{% block scripts %}
+{{- super() }}
+
+<script>
+
+ $(document).ready(function () {
+ console.log("Document ready.");
+
+ $('#visitTurku').disableExternalLinks(); //Working
+ $('#forecast7').disableExternalLinks(); //Not working
+ $('#twitter').disableExternalLinks(); //Not working
+
+ // First, load the widgets.js file asynchronously
+ window.twttr = (function (d, s, id) {
+ console.log("window.twttr");
+ var js, fjs = d.getElementsByTagName(s)[0],
+ t = window.twttr || {};
+ if (d.getElementById(id)) return;
+ js = d.createElement(s);
+ js.id = id;
+ js.src = "https://platform.twitter.com/widgets.js";
+ fjs.parentNode.insertBefore(js, fjs);
+
+ t._e = [];
+ t.ready = function (f) {
+ t._e.push(f);
+ };
+
+ return t;
+ }(document, "script", "twitter-wjs"));
+
+ twttr.events.ready(function (twttr) {
+ console.log("twttr.events.ready");
+ twttr.events.bind('loaded', function () { $('#twitter').disableExternalLinks(); })
+ });
+ });
+</script>
+
+{% endblock scripts %}
\ No newline at end of file