User:R0o0di/Sandbox/Latest news

source code, clean version:

<includeonly>
<div class="slideshow-container">

<div class="arrow left" onclick="prevSlide()">❮</div>
<div class="arrow right" onclick="nextSlide()">❯</div>

<div class="slides-wrapper" id="slides-wrapper">

<!-- Detective Conan -->
<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
  | Header               = Latest episode
  | Case First-Last Ep   = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
  | Case Image           = {{{S2 Case Image|}}}
  | Episode Number       = {{{S2 Episode Number}}}
  | Case Name            = {{{S2 Case Name}}}
  | Case Part Name       = {{{S2 Case Part Name}}}
  | Next Episode Number  = {{{S3 Episode Number}}}
  | Next Case Name       = {{{S3 Case Name}}}
  | Next Case Part Name  = {{{S3 Case Part Name}}}
  | Next Episode Date    = {{{S3 Episode Airdate}}}
  | Anime footnotes      = {{{Anime footnotes|}}}
}}

| {{Latest news/Latest ep
  | Header               = Latest episode
  | Case First-Last Ep   = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
  | Case Image           = {{{S1 Case Image|}}}
  | Episode Number       = {{{S1 Episode Number}}}
  | Case Name            = {{{S1 Case Name}}}
  | Case Part Name       = {{{S1 Case Part Name}}}
  | Next Episode Number  = {{{S2 Episode Number}}}
  | Next Case Name       = {{{S2 Case Name}}}
  | Next Case Part Name  = {{{S2 Case Part Name}}}
  | Next Episode Date    = {{{S2 Episode Airdate}}}
  | Anime footnotes      = {{{Anime footnotes|}}}
}}
}}
</div>

<!-- Yaiba -->
<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
  | Series               = Yaiba
  | Header               = Latest Yaiba episode
  | Case First-Last Ep   = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
  | Episode Number       = {{{S2 Yaiba Episode Number}}}
  | Case Name            = {{{S2 Yaiba Name}}}
  | Case Part Name       = {{{S2 Yaiba Part Name}}}
  | Next Episode Number  = {{{S3 Yaiba Episode Number}}}
  | Next Case Name       = {{{S3 Yaiba Name}}}
  | Next Case Part Name  = {{{S3 Yaiba Part Name}}}
  | Next Episode Date    = {{{S3 Yaiba Episode Airdate}}}
  | Anime footnotes      = {{{Yaiba footnotes|}}}
}}

| {{Latest news/Latest ep
  | Series               = Yaiba
  | Header               = Latest Yaiba episode
  | Case First-Last Ep   = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
  | Episode Number       = {{{S1 Yaiba Episode Number}}}
  | Case Name            = {{{S1 Yaiba Name}}}
  | Case Part Name       = {{{S1 Yaiba Part Name}}}
  | Next Episode Number  = {{{S2 Yaiba Episode Number}}}
  | Next Case Name       = {{{S2 Yaiba Name}}}
  | Next Case Part Name  = {{{S2 Yaiba Part Name}}}
  | Next Episode Date    = {{{S2 Yaiba Episode Airdate}}}
  | Anime footnotes      = {{{Yaiba footnotes|}}}
}}
}}
</div>

<!-- Manga -->
<div class="slide">
<div class="card">

<div class="card-header">
<b>Latest chapter</b>
</div>

<div class="card-body">

<div class="card-image-container">

<figure class="card-image">
{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</figure>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div>

{{Latest news/Next ep
 | Type                = Manga
 | Next Episode Number = {{{Next chapter number}}}
 | Next Case Name      = {{{Next chapter name}}}
 | Next Episode Date   = {{{Next chapter date}}}
 | Anime footnotes     = {{{Manga footnotes|}}}
}}

</div>

</div>
</div>
</div>

</div>
</div>

<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div>

</includeonly>