CINXE.COM
Polskie Radio - Strona nie została odnaleziona.
<!DOCTYPE html> <!--[if lt IE 7 ]> <html lang="pl-PL" class="ie6"> <![endif]--> <!--[if IE 7 ]> <html lang="pl-PL" class="ie7"> <![endif]--> <!--[if IE 8 ]> <html lang="pl-PL" class="ie8"> <![endif]--> <!--[if IE 9 ]> <html lang="pl-PL" class="ie9"> <![endif]--> <!--[if !(IE)]><!--><html lang="pl-PL"><!--<![endif]--> <head> <title>Polskie Radio - Strona nie została odnaleziona.</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script> <script src="https://static.polskieradio.pl/error/_js/jquery-3.5.1.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800&subset=latin,latin-ext" rel="stylesheet" type="text/css"> </head> <body> <div id="container" class="container"> <div id="scene" class="scene" data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="5" data-scalar-y="5" > <div data-depth="0.10" class="layer"> <div class="background background-2"> <div class="windmill-wrapper"> <div class="windmill windmill-1"></div> <div class="windmill windmill-2"></div> <div class="windmill windmill-3"></div> </div> <div class="plane-wrapper"> <!-- <div class="plane-banner"></div> --> <div class="plane"> <div class="plane-airscrew"></div> </div> </div> </div> </div> <div data-depth="0.20" class="layer"> <div class="background background-3"> <div class="canvas-wrapper"> <canvas id="canv" class="canvas"></canvas> </div> </div> </div> <div data-depth="0.30" class="layer"> <div class="background background-4"> <div class="tractor-wrapper"> <div class="background tractor"></div> </div> <div class="windmill-wrapper-4"> <div class="windmill-old windmill-4"></div> </div> </div> </div> <div data-depth="0.50" class="layer"> <div class="background background-5"></div> </div> <div data-depth="0.10" class="layer"> <div class="background background-6"></div> </div> </div> <div class="articles-container"> <div class="articles-container-title"> Wygląda na to, że strona której szukasz nie istnieje. Może zainteresuje Cię: </div> <div class="articles-wrapper" id="articles-wrapper"> </div> </div> </div> </body> </html> <script> fetch("https://apipr.polskieradio.pl/api/articles?PageNumber=1&PageSize=10&categoryTags=3") .then(response => { const contentType = response.headers.get('content-type'); if (!contentType || !contentType.includes('application/json')) { throw new TypeError("Oops, we haven't got JSON!"); } return response.json(); }) .then(data => { let articles = data.ApiArticles; let articlesLength = articles !== null && articles.length >= 6 ? 6 : articles.length; for(let i = 0; i < articlesLength; i++) { let articleImg = articles[i].Attachments !== null ? articles[i].Attachments[0].Photo + "?format=700" : "https://static.polskieradio.pl/_img/mobilezaslepka.png"; $('#articles-wrapper') .append("<a class='article' href=" + articles[i].ArticleUrl + ">" + "<div class='article-img-wrapper'>" + "<div class='article-img' style='background-image: url(" + articleImg +");'></div>" + "</div>" + "<div class='article-title'>" + articles[i].Title + "</div>" + "</a>"); } }) .catch(error => { console.log(error) $('#articles-wrapper') .append("<p>Nie udało się wczytać artykułów.</p>"); }); let is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; if (is_chrome) { var scene = document.getElementById("scene"); var parallaxInstance = new Parallax(scene); } var Bird = { def: function (n, m, s) { if (m) this.e(n.prototype, m); if (s) this.e(n, s); return n; }, e: function (o, p) { for (prop in p) o[prop] = p[prop]; return o; }, v: [ [5, 0, 0], [-5, -2, 1], [-5, 0, 0], [-5, -2, -1], [0, 2, -6], [0, 2, 6], [2, 0, 0], [-3, 0, 0], ], beak: [ [0, 1, 2], [4, 7, 6], [5, 6, 7], ], L: null, V: { x: 0, y: 0, z: 5000, }, }; Bird.obj = Bird.def( function () { (this.vtr = new Bird.Vtr()), this.accel, (this.width = 600), (this.height = 600), (this.depth = 300), this.ept, (this.area = 200), (this.msp = 4), (this.mfrc = 0.1), (this.coll = false); this.pos = new Bird.Vtr(); this.vel = new Bird.Vtr(); this.accel = new Bird.Vtr(); }, { _coll: function (value) { this.coll = value; }, param: function (w, h, dth) { this.width = w; this.height = h; this.depth = dth; }, run: function (b) { if (this.coll) { this.vtr.set(-this.width, this.pos.y, this.pos.z); this.vtr = this.detect(this.vtr); this.vtr.scale(5); this.accel.add(this.vtr); this.vtr.set(this.width, this.pos.y, this.pos.z); this.vtr = this.detect(this.vtr); this.vtr.scale(5); this.accel.add(this.vtr); this.vtr.set(this.pos.x, -this.height, this.pos.z); this.vtr = this.detect(this.vtr); this.vtr.scale(5); this.accel.add(this.vtr); this.vtr.set(this.pos.x, this.height, this.pos.z); this.vtr = this.detect(this.vtr); this.vtr.scale(5); this.accel.add(this.vtr); this.vtr.set(this.pos.x, this.pos.y, -this.depth); this.vtr = this.detect(this.vtr); this.vtr.scale(5); this.accel.add(this.vtr); this.vtr.set(this.pos.x, this.pos.y, this.depth); this.vtr = this.detect(this.vtr); this.vtr.scale(5); this.accel.add(this.vtr); } if (Math.random() > 0.5) { this.fly(b); } this.move(); }, fly: function (b) { if (this.ept) { this.accel.add(this.meet(this.ept, 0.005)); } this.accel.add(this.line(b)); this.accel.add(this.togeth(b)); this.accel.add(this.apart(b)); }, move: function () { this.vel.add(this.accel); var l = this.vel.len(); if (l > this.msp) { this.vel.lowscale(l / this.msp); } this.pos.add(this.vel); this.accel.set(0, 0, 0); }, detect: function (pt) { var dir = new Bird.Vtr(); dir.copy(this.pos); dir.sub(pt); dir.scale(1 / this.pos.dsq(pt)); return dir; }, rep: function (pt) { var dist = this.pos.dst(pt); if (dist < 150) { var dir = new Bird.Vtr(); dir.subv(this.pos, pt); dir.scale(0.5 / dist); this.accel.add(dir); } }, meet: function (pt, amt) { var dir = new Bird.Vtr(); dir.subv(pt, this.pos); dir.scale(amt); return dir; }, line: function (b) { var _b, totvel = new Bird.Vtr(), cnt = 0; for (var i = 0, il = b.length; i < il; i++) { if (Math.random() > 0.6) continue; _b = b[i]; var dist = _b.pos.dst(this.pos); if (dist > 0 && dist <= this.area) { totvel.add(_b.vel); cnt++; } } if (cnt > 0) { totvel.lowscale(cnt); var v = totvel.len(); if (v > this.mfrc) { totvel.lowscale(v / this.mfrc); } } return totvel; }, togeth: function (b) { var _b, dist, plus = new Bird.Vtr(), dir = new Bird.Vtr(), cnt = 0; for (var i = 0, il = b.length; i < il; i++) { if (Math.random() > 0.6) continue; _b = b[i]; dist = _b.pos.dst(this.pos); if (dist > 0 && dist <= this.area) { plus.add(_b.pos); cnt++; } } if (cnt > 0) { plus.lowscale(cnt); } dir.subv(plus, this.pos); var l = dir.len(); if (l > this.mfrc) { dir.lowscale(l / this.mfrc); } return dir; }, apart: function (b) { var _b, dist, plus = new Bird.Vtr(), rep = new Bird.Vtr(); for (var i = 0, il = b.length; i < il; i++) { if (Math.random() > 0.6) continue; _b = b[i]; dist = _b.pos.dst(this.pos); if (dist > 0 && dist <= this.area) { rep.subv(this.pos, _b.pos); rep.level(); rep.lowscale(dist); plus.add(rep); } } return plus; }, } ); Bird.Build = Bird.def( function () { (this.base = 0), (this.left = 1), (this.right = 2); this.pos = new Bird.Vtr(); this.rot = new Bird.Vtr(); this.bbase = this.tri(this.base); this.leftwing = this.tri(this.left); this.rightwing = this.tri(this.right); }, { matrix: function () { this.bbase.vtx(); this.leftwing.vtx(); this.rightwing.vtx(); this.leftwing.wingY(this.wY); this.rightwing.wingY(this.wY); this.bbase.rotY(this.rot.y); this.bbase.rotZ(this.rot.z); this.leftwing.rotY(this.rot.y); this.leftwing.rotZ(this.rot.z); this.rightwing.rotY(this.rot.y); this.rightwing.rotZ(this.rot.z); this.bbase.trans(this.pos); this.leftwing.trans(this.pos); this.rightwing.trans(this.pos); }, draw: function () { this.bbase.draw(); this.leftwing.draw(); this.rightwing.draw(); }, tri: function (i) { var v1, v2, v3, v; v = Bird.v[Bird.beak[i][0]]; v1 = new Bird.Vtr(v[0], v[1], v[2]); v = Bird.v[Bird.beak[i][1]]; v2 = new Bird.Vtr(v[0], v[1], v[2]); v = Bird.v[Bird.beak[i][2]]; v3 = new Bird.Vtr(v[0], v[1], v[2]); return new Bird.Tri(v1, v2, v3); }, wang: function (y) { var v1 = Bird.v[Bird.beak[1][1]]; this.rot.x = Math.atan2(y, v1[0]); }, zpos: function () { var z1 = this.bbase._z(); var z2 = this.leftwing._z(); var z3 = this.rightwing._z(); return Math.min(z1, z2, z3); }, wing: function (y) { this.wY = y; }, } ); Bird.Tri = Bird.def( function (p1, p2, p3) { this.mainv = [p1.copy(), p2.copy(), p3.copy()]; this.Vtxs = [p1.copy(), p2.copy(), p3.copy()]; this.bv = new Bird.Vtr(0.5, 0.5, 0.8); }, { draw: function () { var v1 = [this.Vtxs[0].Pt().x, this.Vtxs[0].Pt().y]; var v2 = [this.Vtxs[1].Pt().x, this.Vtxs[1].Pt().y]; var v3 = [this.Vtxs[2].Pt().x, this.Vtxs[2].Pt().y]; var col = this.col(); Bird.$.fillStyle = col; Bird.$.strokeStyle = col; Bird.$.lineWidth = 0.1; Bird.$.beginPath(); Bird.$.moveTo(v1[0], v1[1]); Bird.$.lineTo(v2[0], v2[1]); Bird.$.lineTo(v3[0], v3[1]); Bird.$.lineTo(v1[0], v1[1]); Bird.$.closePath(); Bird.$.fill(); Bird.$.stroke(); }, rotX: function (a) { var ang = a; this.Vtxs.forEach(function (e, i, a) { Bird.Matrix.rotX(e, ang); }); }, rotY: function (a) { var ang = a; this.Vtxs.forEach(function (e, i, a) { Bird.Matrix.rotY(e, ang); }); }, rotZ: function (a) { var ang = a; this.Vtxs.forEach(function (e, i, a) { Bird.Matrix.rotZ(e, ang); }); }, trans: function (s) { var trans = s; this.Vtxs.forEach(function (e, i, a) { Bird.Matrix.trans(e, [trans.x, trans.y, trans.z]); }); }, vtx: function (idx) { for (var i = 0; i < 3; i++) { var x = this.mainv[i].x; var y = this.mainv[i].y; var z = this.mainv[i].z; this.Vtxs[i].x = x; this.Vtxs[i].y = y; this.Vtxs[i].z = z; } }, wingY: function (y) { this.Vtxs[0].y = y; }, _z: function () { return Math.min(this.Vtxs[0].z, this.Vtxs[1].z, this.Vtxs[2].z); }, col: function () { var e = 0.3, f = 0.3, g = 0.7; var bw = new Bird.Vtr(1, 1, 1); var n = this.norm(); var x = this.Vtxs[0].copy(); var v = x.sub(Bird.V); v.level(); x = this.Vtxs[0].copy(); var l = x.sub(Bird.L); l.level(); var p = l.p(n); var x1 = n.copy(); x1.scale(p); x1.scale(2); var r = l.copy(); r.sub(x1); x1.scale(-1); p = Math.max(x1.p(l), 0); var col = this.bv.copy(); col.scale(p); col.scale(col, e); x1 = col.copy(); var x2 = r.copy(); x2.scale(-1); p = Math.pow(Math.max(x2.p(v)), 20); x2 = bw.copy(); x2.scale(p * f); var x3 = this.bv.copy(); x3.scale(g); x1.add(x2); x1.add(x3); var _r = Math.floor(x1.x * 255); var _g = Math.floor(x1.y * 255); var _b = Math.floor(x1.z * 255); return "rgb(" + _r + "," + _g + "," + _b + ")"; }, norm: function () { var v1 = this.Vtxs[0]; var v2 = this.Vtxs[1]; var v3 = this.Vtxs[2]; v3.sub(v2); v1.sub(v3); v3.cross(v1); v3.level(); return v3; }, } ); Bird.Vtr = Bird.def( function (x, y, z) { this.x = x || 0; this.y = y || 0; this.z = z || 0; this.fl = 1000; }, { Pt: function () { var zsc = this.fl + this.z; var scale = this.fl / zsc; var x = this.x * scale; var y = this.y * scale; return { x: x, y: y, scale: scale, }; }, set: function (x, y, z) { this.x = x; this.y = y; this.z = z; return this; }, len: function () { return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z); }, add: function (v, w) { this.x += v.x; this.y += v.y; this.z += v.z; return this; }, sub: function (v, w) { this.x -= v.x; this.y -= v.y; this.z -= v.z; return this; }, subv: function (a, b) { this.x = a.x - b.x; this.y = a.y - b.y; this.z = a.z - b.z; return this; }, scale: function (upd) { this.x *= upd; this.y *= upd; this.z *= upd; return this; }, lowscale: function (upd) { if (upd !== 0) { var inv = 1 / upd; this.x *= inv; this.y *= inv; this.z *= inv; } else { this.x = 0; this.y = 0; this.z = 0; } return this; }, copy: function (v) { this.x = v.x; this.y = v.y; this.z = v.z; return this; }, dst: function (v) { return Math.sqrt(this.dsq(v)); }, dsq: function (v) { var dx = this.x - v.x; var dy = this.y - v.y; var dz = this.z - v.z; return dx * dx + dy * dy + dz * dz; }, cross: function (v, w) { var x = this.x, y = this.y, z = this.z; this.x = y * v.z - z * v.y; this.y = z * v.x - x * v.z; this.z = x * v.y - y * v.x; return this; }, p: function (v) { return this.x * v.x + this.y * v.y + this.z * v.z; }, level: function () { return this.lowscale(this.len()); }, copy: function () { return new Bird.Vtr(this.x, this.y, this.z); }, } ); Bird.Matrix = { rotX: function (pt, angX) { var pos = [pt.x, pt.y, pt.z]; var asin = Math.sin(angX); var acos = Math.cos(angX); var xrot = []; xrot[0] = [1, 0, 0]; xrot[1] = [0, acos, asin]; xrot[2] = [0, -asin, acos]; var calc = this.mm(pos, xrot); pt.x = calc[0]; pt.y = calc[1]; pt.z = calc[2]; }, rotY: function (pt, angY) { var pos = [pt.x, pt.y, pt.z]; var asin = Math.sin(angY); var acos = Math.cos(angY); var yrot = []; yrot[0] = [acos, 0, asin]; yrot[1] = [0, 1, 0]; yrot[2] = [-asin, 0, acos]; var calc = this.mm(pos, yrot); pt.x = calc[0]; pt.y = calc[1]; pt.z = calc[2]; }, rotZ: function (pt, angZ) { var pos = [pt.x, pt.y, pt.z]; var asin = Math.sin(angZ); var acos = Math.cos(angZ); var yrot = []; yrot[0] = [acos, asin, 0]; yrot[1] = [-asin, acos, 0]; yrot[2] = [0, 0, 1]; var calc = this.mm(pos, yrot); pt.x = calc[0]; pt.y = calc[1]; pt.z = calc[2]; }, trans: function (pt, s) { pt.x += s[0]; pt.y += s[1]; pt.z += s[2]; }, scale: function (pt, s) { pt.x *= s[0]; pt.y *= s[1]; pt.z *= s[2]; }, mm: function (m1, m2) { var calc = []; calc[0] = m1[0] * m2[0][0] + m1[1] * m2[1][0] + m1[2] * m2[2][0]; calc[1] = m1[0] * m2[0][1] + m1[1] * m2[1][1] + m1[2] * m2[2][1]; calc[2] = m1[0] * m2[0][2] + m1[1] * m2[1][2] + m1[2] * m2[2][2]; return calc; }, }; function draw() { var c = document.getElementById("canv"); Bird.$ = c.getContext("2d"); Bird.canv = { w: (c.width = window.innerWidth), h: (c.height = window.innerHeight), }; Bird.L = new Bird.Vtr(0, 2000, 5000); Bird.V = new Bird.Vtr(0, 0, 5000); var birds = []; var b = []; for (var i = 0; i < 20; i++) { _b = b[i] = new Bird.obj(); _b.pos.x = Math.random() * 800 - 400; _b.pos.y = Math.random() * 800 - 400; _b.pos.z = Math.random() * 800 - 400; _b.vel.x = Math.random() * 2 - 1; _b.vel.y = Math.random() * 2 - 1; _b.vel.z = Math.random() * 2 - 1; _b._coll(true); _b.param(400, 400, 800); bird = birds[i] = new Bird.Build(); bird.phase = Math.floor(Math.random() * 62.83); bird.pos = b[i].pos; } run(); function run() { window.requestAnimationFrame(run); draw(); } function draw() { Bird.$.setTransform(1, 0, 0, 1, 0, 0); Bird.$.translate(Bird.canv.w / 2, Bird.canv.h / 2); Bird.$.clearRect( -Bird.canv.w / 2, -Bird.canv.h / 2, Bird.canv.w, Bird.canv.h ); Bird.$.scale(1, -1); var arr = []; b.forEach(function (e, i, a) { var _b = b[i]; _b.run(b); var bird = birds[i]; bird.rot.y = Math.atan2(-_b.vel.z, _b.vel.x); bird.rot.z = Math.asin(_b.vel.y / _b.vel.len()); bird.phase = (bird.phase + (Math.max(0, bird.rot.z) + 0.1)) % 62.83; bird.wing(Math.sin(bird.phase) * 5); bird.matrix(); arr.push({ z: bird.zpos(), o: bird, }); }); arr.sort(function (a, b) { return a.z < b.z ? -1 : a.z > b.z ? 1 : 0; }); arr.forEach(function (e, i, a) { e.o.draw(); }); } } draw(); window.addEventListener('resize',function(c){ if(c.width!==window.innerWidth && c.height!==window.innerHeight){ Bird.canv = { w: c.width = window.innerWidth, h: c.height = window.innerHeight }; } }); </script> <style> .ie6 body, .ie7 body, .ie8 body, .ie9 body { margin: 0; padding: 0; background-image: url("https://static.polskieradio.pl/error/_img/ie_bg.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://static.polskieradio.pl/error/_img/ie_bg.jpg", sizingMethod=scale); background-position: right bottom; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: whitesmoke; } .ie6 div, .ie7 div, .ie8 div, .ie9 div, .ie1011 div{ display: none; } body { margin: 0; padding: 0; background-image: url("https://static.polskieradio.pl/error/_img/layer_1.png"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: 120% 100%; background-color: whitesmoke; } .canvas-wrapper { position: absolute; width: 35%; height: 35%; right: 7%; top: 27%; } .canvas { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .scene { display: block; width: 100vw; height: 100%; padding: 0; margin: 0; position: relative; overflow: hidden; } .layer { width: 100%; height: 100%; position: absolute; } .background { position: relative; width: 120vw; left: -5%; height: 120vh; top: -5%; background-repeat: no-repeat; background-position: right bottom; background-size: 100% auto; overflow: hidden; overscroll-behavior: none; } .articles-container { background: rgba(255, 255, 255, 0.6); padding: 15px; position: absolute; right: 15%; top: 5%; width: 40%; max-height: 90vh; -webkit-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.2); } .articles-container-title { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 19px; color: #222; line-height: 1.2; margin-bottom: 15px; text-transform: uppercase; } .articles-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; height: 100%; } .article { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-bottom: 15px; text-decoration: none; width: 50%; } .article-img-wrapper { flex: 0 0 40%; } .article-img { padding-top: 56.25%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .article-title { padding: 0 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 15px; color: #222; line-height: 1.2; } img { display: block; width: 100%; } .background-2 { background-image: url("https://static.polskieradio.pl/error/_img/layer_2.png"); } .background-3 { background-image: url("https://static.polskieradio.pl/error/_img/layer_3.png"); } .background-4 { background-image: url("https://static.polskieradio.pl/error/_img/layer_4.png"); } .background-5 { background-image: url("https://static.polskieradio.pl/error/_img/layer_5.png"); background-size: cover; } .background-6 { background-image: url("https://static.polskieradio.pl/error/_img/layer_7.png"); background-position: center; background-size: cover; } .windmill-wrapper { position: absolute; width: 66.7%; height: 35.1vw; right: 0; bottom: 0; display: flex; } .windmill-wrapper-4 { position: absolute; width: 18.8%; height: 29.4vw; right: 0; bottom: 0; transform: skewY(-5deg); } .tractor-wrapper { position: absolute; width: 77.5%; height: 22.5vw; right: 0; bottom: 0; } .windmill { background-repeat: no-repeat; background-size: cover; width: 3vw; height: 3vw; } .windmill-old { background-repeat: no-repeat; background-size: cover; width: 5vw; height: 5vw; } .windmill-1 { animation: spin 9s linear infinite; background-image: url("https://static.polskieradio.pl/error/_img/windmill.png"); } .windmill-2 { margin-left: -0.7vw; margin-top: -0.6vw; animation: spin 5s linear infinite; background-image: url("https://static.polskieradio.pl/error/_img/windmill.png"); } .windmill-3 { animation: spin 7s linear infinite; background-image: url("https://static.polskieradio.pl/error/_img/windmill.png"); } .windmill-4 { animation: spin 7s linear infinite; background-image: url("https://static.polskieradio.pl/error/_img/smiglo.png"); } .container { width: 100vw; height: 100vh; overflow: hidden; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .plane-wrapper { position: absolute; top: 35vh; left: 0; display: -webkit-flex; display: flex; align-items: center; animation: fly linear 16s forwards; } .plane-banner { width: 606px; height: 93px; background: url("https://static.polskieradio.pl/error/_img/plane_banner.png") center center no-repeat; background-size: cover; animation: wave linear 8s infinite; } .plane { width: 4.5vw; height: 2.4vw; background: url("https://static.polskieradio.pl/error/_img/plane.png") center center no-repeat; background-size: cover; margin-left: -8px; margin-top: 20px; z-index: 1; animation: translateY linear 8s infinite; } .plane-airscrew { width: 0.2vw; height: 2vw; background: url("https://static.polskieradio.pl/error/_img/Plane_airscrew.png") center center no-repeat; background-size: cover; position: absolute; right: 0; top: 0.3vw; z-index: 1; animation: scaleY linear 0.2s infinite; } .tractor { width: 4vw; height: 3vw; background-image: url("https://static.polskieradio.pl/error/_img/traktor.png"); animation: ride linear 300s forwards; } @keyframes ride { 0% { transform: translate(0%, 0%); } 80% { transform: translate(6000px, 1000px); } 100% { transform: translate(8000px, 1100px); display: none; } } @keyframes fly { 0% { transform: translateX(0%); } 100% { transform: translateX(120vw); display: none; } } @keyframes scaleY { 0% { transform: scaleY(1); } 50% { transform: scaleY(0); } 100% { transform: scaleY(1); } } @keyframes translateY { 0% { transform: translateY(7px); } 50% { transform: translateY(-7px); } 100% { transform: translateY(7px); } } @keyframes wave { 0% { transform: skew(2deg, 1deg); } 50% { transform: skew(-2deg, -1deg); } 100% { transform: skew(2deg, 1deg); } } @media (max-width: 1600px) and (min-width: 1301px) { .articles-container { width: 50%; right: 5%; max-height: 90vh; } .articles-container-title { font-size: 14px; } .article-title { font-size: 12px; text-overflow: ellipsis; overflow: hidden; } } @media (max-width: 1300px) and (min-width: 992px) { .articles-container { width: 60%; right: 5%; max-height: 90vh; } .articles-wrapper { overflow-y: auto; max-height: 50vh; } .articles-container-title { font-size: 14px; } .article-title { font-size: 12px; text-overflow: ellipsis; overflow: hidden; } .windmill-wrapper, .windmill-old { display: none; } .tractor-wrapper { width: 90%; height: 34.2vw; } .background-4 { background-image: url("https://static.polskieradio.pl/error/_img/layer_4_l.png"); } .background-5 { display: none; } .tractor { width: 7.5vw; height: 3.5vw; background-size: contain; } } @media (max-width: 991px) and (orientation: portrait) { html, body { overflow-x: hidden; overscroll-behavior: none; } body { background-image: url("https://static.polskieradio.pl/error/_img/layer_1_m.png"); background-position: 78% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: auto 120%; overscroll-behavior: none; overflow: hidden; position: relative; } .canvas-wrapper { display: none; } .articles-container { left: 7%; top: 3%; width: 80%; max-height: 70vh; } .articles-wrapper { overflow-y: auto; max-height: 50vh; } .articles-container-title { font-size: 14px; } .article { display: flex; flex-flow: row; padding: 5px; width: 95%; } .article-title { font-weight: 600; font-size: 12px; text-overflow: ellipsis; overflow: hidden; } .windmill-wrapper, .windmill-old { display: none; } .background-4 { width: 110vw; height: 110vh; background-image: url("https://static.polskieradio.pl/error/_img/layer_4_m.png"); background-position: right bottom; } .background-5 { display: none; } .background-6 { background-position: -11% 0; } .plane { width: 11.25vw; height: 7.2vw; } .plane-airscrew { width: 0.6vw; height: 6vw; right: -1vw; top: 0.3vw; } .tractor-wrapper { width: 95%; height: 42vw; } .tractor { width: 12vw; height: 6.5vw; background-size: contain; } } @media (max-width: 991px) and (orientation: landscape) { .articles-container { width: 80%; right: 12%; max-height: 90vh; } .articles-wrapper { max-height: 70vh; overflow-y: auto; } .article-title { font-size: 12px; } } @media all and (-ms-high-contrast:none) { .articles-container { display: none } /* IE10 */ *::-ms-backdrop, .articles-container { display: none } /* IE11 */ } </style>