Skip to content

Instantly share code, notes, and snippets.

@msaulohenrique

msaulohenrique/index.html

Last active February 21, 2021 16:13
Show Gist options
  • Save msaulohenrique/c05b490a35455b09d50bc74daa70c73d to your computer and use it in GitHub Desktop.
Save msaulohenrique/c05b490a35455b09d50bc74daa70c73d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<head>
<link rel="stylesheet" href="styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="main.js"></script>
</head>
<table align="center" border="0" style="background-color:#6388c4;border-collapse:collapse;border-spacing:0px;color:#333333;font-size:14px;" width="100%"><tbody><tr><td style="padding:20px;">
<table align="center" border="0" style="background-color:#d9e0ec;border-collapse:collapse;border-spacing:0px;" width="100%"><tbody><tr valign="middle"><td align="center" colspan="2">
<a href="https://s18.postimg.cc/erq3vz3rt/banner_cpturbo.png" rel="external nofollow noopener" style="color:#0088cc;" target="_blank"><img alt="https://s18.postimg.cc/erq3vz3rt/banner_cpturbo.png" border="0" src="https://s18.postimg.cc/erq3vz3rt/banner_cpturbo.png" style="border:0px;vertical-align:middle;"></a>
</td>
</tr><tr valign="middle"><td align="center" colspan="2" style="background-color:#6388c4;color:#ffffff;padding:5px;">
<b><font size="5">Vikings</font></b><font size="3"><span>&nbsp;</span>( S05E17 )<span>&nbsp;</span></font><br><font size="2"><i>METCON</i></font>
</td>
</tr><tr valign="middle"><td align="center" colspan="2">
&nbsp;
</td>
</tr><tr valign="middle"><td align="center" style="background-color:#6388c4;color:#ffffff;padding:5px;">
Capa
</td>
<td align="center" style="background-color:#6388c4;color:#ffffff;padding:5px;">
Sinopse
</td>
</tr><tr valign="middle"><td style="padding:15px;" valign="top" width="50%">
<div style="text-align:center;">
<div style="text-align:center;">
<img alt="vikings-returns-for-the-mid-season-five.jpg" src="https://3.bp.blogspot.com/-acKC7V8dybw/XAAIXKKl1RI/AAAAAAAADUk/J3vfLa1PVGEr8TnYiT4oBXTzNALknhU4gCLcBGAs/s420/vikings-returns-for-the-mid-season-five.jpg" style="border:0px;text-align:center;vertical-align:middle;"></div>
</div>
</td>
<td style="padding:15px;" valign="top" width="50%">
<div style="text-align:justify;">
A quinta temporada de Vikings começa com Ivar, o Desossado reivindicando sua liderança sobre o Grande Exército Heathen, enquanto Lagertha reina como Rainha de Kattegat. O assassinato de Sigurd pelo seu irmão Ivar prepara o cenário para batalhas vingativas quando os filhos de Ragnar preparam suas próximas ações depois de vingar a morte de seu pai. Bjorn segue seu destino para o Mar Mediterrâneo, enquanto Floki, que sofre com a perda de sua esposa Helga, se lança aos mares a se submeter à vontade dos deuses.
</div>
</td>
</tr><tr valign="middle"><td align="center" colspan="2" style="background-color:#6388c4;color:#ffffff;padding:5px;">
ScreenShots
</td>
</tr><tr valign="middle"><td align="center" colspan="2">
<a href="https://i.ibb.co/3cJGDF4/vlcsnap-2019-01-11-12h36m14s314.png" rel="external nofollow noopener" style="color:#0088cc;" target="_blank"><img alt="vlcsnap-2019-01-11-12h36m14s314.png" src="https://i.ibb.co/3cJGDF4/vlcsnap-2019-01-11-12h36m14s314.png" style="border:0px;vertical-align:middle;" width="200" class="ipsImage_thumbnailed"></a><span>&nbsp;</span><a href="https://i.ibb.co/nbGkScs/vlcsnap-2019-01-11-12h36m31s019.png" rel="external nofollow noopener" style="color:#0088cc;" target="_blank"><img alt="vlcsnap-2019-01-11-12h36m31s019.png" src="https://i.ibb.co/nbGkScs/vlcsnap-2019-01-11-12h36m31s019.png" style="border:0px;vertical-align:middle;" width="200" class="ipsImage_thumbnailed"></a><span>&nbsp;</span><br>
Clique na imagem para ver em tamanho real
</td>
</tr><tr valign="middle"><td align="center" style="background-color:#6388c4;color:#ffffff;padding:5px;">
<div>
Elenco
</div>
</td>
<td align="center" style="background-color:#6388c4;color:#ffffff;padding:5px;">
<div>
Dados da Série
</div>
</td>
</tr><tr valign="middle"><td style="padding:15px;" valign="top" width="50%">
Gustaf Skarsgård ... Floki<br>
Katheryn Winnick ... Lagertha<br>
Alexander Ludwig ... Bjorn Lothbrok<br>
Travis Fimmel ... Ragnar Lothbrok<br>
Clive Standen ... Rollo<br>
Alex Høgh Andersen ... Ivar<br>
Maude Hirst ... Helga<br>
Jordan Patrick Smith ... Ubbe<br>
Alyssa Sutherland ... Queen Aslaug<br>
Moe Dunford ... Aethelwulf<br>
Linus Roache ... King Ecbert<br>
Jonathan Rhys Meyers ... Bishop Heahmund<br>
Jennie Jacques ... Judith<br>
Georgia Hirst ... Torvi<br>
John Kavanagh ... The Seer
</td>
<td style="padding:15px;" valign="top" width="50%">
<b>Nome do Episódio:</b><span>&nbsp;</span>"The Most Terrible Thing"<br><b>Tempo de Duração:</b><span>&nbsp;</span>45 Min<br><b>Ano de Lançamento:</b><span>&nbsp;</span>2019<br><b>IMDB:</b><span>&nbsp;</span><a href="https://www.imdb.com/title/tt2306299/" rel="external nofollow noopener" target="_blank">https://www.imdb.com/title/tt2306299/</a><br><b>Gênero:</b><span>&nbsp;</span>Ação, Aventura e Drama
</td>
</tr><tr valign="middle"><td align="center" style="background-color:#6388c4;color:#ffffff;padding:5px;">
Dados do Arquivo
</td>
<td align="center" style="background-color:#6388c4;color:#ffffff;padding:5px;">
Dados Técnicos
</td>
</tr><tr ><td style="padding:15px;" valign="top" width="50%">
<b>Vídeo Codec:</b><span>&nbsp;</span>H2&#65279;64<br><b>Áudio Codec:</b><span>&nbsp;</span>AC3 2.0<br><b>Idioma do Áudio:</b><span>&nbsp;</span>Inglês<br><b>Legenda:</b><span>&nbsp;</span>anexada(s) ao Post
</td>
<td style="padding:15px;" valign="top" width="50%">
<b>Qualidade do Vídeo:</b><span>&nbsp;</span>WEB-DL<br><b>Resolução:</b><span>&nbsp;</span>1920 x 1080
</td>
</tr><tr valign="middle"><td align="center" colspan="2" style="background-color:#6388c4;color:#ffffff;padding:5px;">
Informações Gerais
</td>
</tr><tr valign="middle"><td align="center" colspan="2">
<div>
<b>Tamanho do Arquivo:</b><span>&nbsp;</span>1,48GB<br><b>Quantidade de Mídias:</b><span>&nbsp;</span>1<br><b>Tipo de Compartilhamento:</b><span>&nbsp;</span>http
</div>
</td>
</tr><tr valign="middle"><td align="center" colspan="2" style="background-color:#6388c4;color:#ffffff;padding:5px;">
Vídeo/Trailer
</td>
</tr><tr valign="middle"><td align="center" colspan="2">
<div style="text-align:center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/zPK2EIUntvc" width="560"></iframe>
</div>
</td>
</tr><tr valign="middle"><td align="center" colspan="2" style="background-color:#6388c4;color:#ffffff;padding:5px;">
Download
</td>
</tr><tr valign="middle"><td align="center" colspan="2">
<p>
&nbsp;
</p>
<pre class="ipsCode">GOOGLE DRIVE
https://drive.google.com/file/d/1yDAwLnu4sbzcBq3GarorgH5U874_WSR2/view
ONEDRIVE
https://guanghou-my.sharepoint.com/:u:/g/personal/sjun7bgqg_get365_pw/EW5H1XEi8PRPqQ0_XoFdvjgBmys_hfjs2nzxQRBWGO0wjg?e=O9Z14l
AMAZON DRIVE
https://www.amazon.com/clouddrive/share/FBsJ47aHSgvoNYsYRuqWHrTe5EoPYkQFrKNQbYtPtEg
PCLOUD
https://my.pcloud.com/publink/show?code=XZyLtx7ZzbBQM9q00vji8uNjTPUbRb2q5bb7
OPENLOAD - Assista Online! - Legendas em PT e EN
https://openload.co/f/P3caGzbP-rc</pre>
<p><span>&#65279;</span><span>&#65279;</span>
Torrent:&nbsp;<a class="ipsAttachLink" data-fileid="248302" href="http://cptexsx5ccmonane.onion/cpt/applications/core/interface/file/attachment.php?id=248302" rel="">Vikings.S05E17.1080p.WEB.H264-METCON[rarbg].torrent</a>
</p>
<p>
Legenda:&nbsp;<a class="ipsAttachLink" data-fileid="248298" href="http://cptexsx5ccmonane.onion/cpt/applications/core/interface/file/attachment.php?id=248298" rel="">Vikings.S05E17.1080p.WEB.H264-METCON.zip</a>
</p>
</td>
</tr></tbody></table></td>
</tr></tbody></table>
Raw
main.js
// -- After the document is ready
$(function() {
// Find all YouTube and Vimeo videos
var $allVideos = $("iframe[src*='www.youtube.com'], iframe[src*='player.vimeo.com']");
// Figure out and save aspect ratio for each video
$allVideos.each(function() {
$(this)
.data('aspectRatio', this.height / this.width)
// and remove the hard coded width/height
.removeAttr('height')
.removeAttr('width');
});
// When the window is resized
$(window).resize(function() {
// Resize all videos according to their own aspect ratio
$allVideos.each(function() {
var $el = $(this);
// Get parent width of this video
var newWidth = $el.parent().width();
$el
.width(newWidth)
.height(newWidth * $el.data('aspectRatio'));
});
// Kick off one resize to fix all videos on page load
}).resize();
});
Raw
styles.css
table {
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
table tr {
padding: .35em;
}
table th,
table td {
/* padding: .625em; */
text-align: center;
}
table th {
font-size: .85em;
/* letter-spacing: .1em; */
text-transform: uppercase;
}
table img {
max-width: 100%;
height: auto;
}
pre {
white-space: pre-line;
word-wrap: break-word;
}
@media screen and (max-width: 600px) {
table {
border: 0;
}
table caption {
font-size: 1.3em;
}
table thead {
border: none;
overflow: hidden;
padding: 0;
position: absolute;
}
table tr {
display: contents;
/* width: 100%; */
}
table td {
margin: 10px;
padding: 10px;
display: table-row;
vertical-align: center;
text-align: center;
align: center;
width: 100%;
}
table td::before {
/*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
table td:last-child {
border-bottom: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment