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>