hideout/articleWanda.html at master · SofiBarron/hideout · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--Fonts-->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Lato&family=Raleway&display=swap" rel="stylesheet">

    <!--Bootstrap-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
        integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

    <!--Styles-->
    <link rel="stylesheet" href="style/css/style.css">

    <!--Animations-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">

    <!--Favicon-->
    <link rel="apple-touch-icon" sizes="180x180" href="images/favicon_io/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon_io/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon_io/favicon-16x16.png">
    <link rel="manifest" href="images/favicon_io/site.webmanifest">

    <!--Opengraph Protocol-->
    <meta property="og:type" content="blog">
    <meta property="og:title" content="The Hideout | Blog | WandaVision: Impressions on The First MCU TV Show">
    <meta property="og:description" content="We go through our thoughts on the first season of Wanda's very own series.">
    <meta property="og:site_name" content="The Hideout">
    <meta property="og:image" content="../images/wandavisionc.jpg">
    <meta property="og:author" content="SB">
    <meta property="og:locale" content="en_UK">
    <meta property="og:url" content="articleWanda.html">

    <!--SEO Related Tags-->
    <meta name="description" content="The Hideout's take on WandaVision's first season.">
    <meta name="keywords"
        content="Disney, Marvel, MCU, Wanda Maximoff, WandaVisison, comics, TV shows, series, comic books, blog, opinion, Disney+, streaming">

    <title> WandaVision: Impressions on The First MCU TV Show | The Hideout: Home of Stories</title>
</head>

<body class="mainBgColor">
    <!-- Header - Navbar -->
    <header class="menuStyle">
        <nav class="navbar navbar-expand-lg navbar-dark">
            <a class="navbar-brand " href='index.html'>
                <img src="images/Logo.png" alt="The Hideout Logo" class="d-none d-lg-block">
                <img src="images/Logo.png" alt="The Hideout Logo" class="d-lg-none img-fluid logoB">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse justify-content-end align-self-end" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link active" href="blog.html">Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="gallery.html">Gallery</a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <main class="container">
        <!-- Blog - Title -->
        <div class="animate__animated animate__fadeInRight">
            <h1 class="articleTitle">
                WandaVision: Impressions on The First MCU TV Show
            </h1>
            <p class="articleSummary">An overview on the first MCU TV show.</p>
            <span class="articleAuthor">by Mara Malik | Published on May 1st</span>
        </div>

        <!-- Blog - Divider -->
        <span class="line"></span>

        <!-- Blog - Article -->
        <article class="animate__animated animate__fadeInLeft">
            <p class="articleFirstParagraph">
                <span class="firstLetter">W</span>
                andaVision, the very first series from the MCU has finally come to an end. And so, we review a bit of
                the plot, what we loved best, what we thought of the message it left us, and what we may expect moving
                forward.
            </p>

            <p class="articleParagraph">
                Keep in mind this article contains spoilers from the first season of WandaVision!
            </p>

            <div class="articleMedia">
                <img src="images/spoileralert.gif" alt="Spoiler alert with Captain America looking disappointed">
            </div>

            <p class="articleParagraph">
                In contrast to any other MCU movie or show so far, we start WandaVision with a black and white episode.
                It does not, at first, pack the same action punch we may be used to from the movies. Instead, we’re
                offered a sitcom from two of Marvel’s most powerful characters. While it may seem an off start, it pays
                off in the long run. As each episode takes on a different sitcom tribute, it does also start mixing up
                with what may be going on. And that’s one of the main charms of the show: Wanda recreates a life based
                on what she used to watch as a kid, a life where everything is safe, where the possibility of a marriage
                and a family is real.
            </p>

            <p class="articleParagraph">
                But all good things must come to an end. With the reality of what’s going on in Westview uncovered by
                one very perceptive Vision and some clear messages from the outside, the world starts crumbling.
                However, it’s not all Wanda’s fault exactly. Inside the grand reality the Scarlet Witch has created,
                there’s another witch, one that has had a play at each corner to obtain Wanda’s power. A character we
                would not have thought of at first, unless we’ve read House of M. Of course, we’re referring to Agatha
                Harkness. In a way, it’s Agatha who makes Wanda confront her lie: Vision is dead, her kids are not real,
                and the world she “created” has compromised the lives of so many along the way.
            </p>

            <div class="articleMedia">
                <figure>
                    <img class="col-sm-12" src="images/wandavisionc.jpg" alt="Pair of visions with Wanda on the background">
                    <figcaption class="articleCaption figure-caption">WandaVision poster by Butcher Billy</figcaption>
                </figure>
            </div>

            <p class="articleParagraph">
                While the witches face off, there’s another fight going on with the two Visions. The one created by
                SWORD to put a stop to Wanda’s creation. The encounter of these two synthetic humanoids is resolved in
                the most unexpected of ways, through the paradox of Theseus Ship. In an overly simplistic way, the
                paradox begs the following question: If something or someone stops having the same pieces that made up
                its existence at a specific point in time, is it still the same something or someone? This line of
                questioning is what also explains in a way what may be Vision’s identity.
            </p>

            <p class="articleParagraph">
                In the end, Wanda manages to beat Agatha by releasing her power. She became the actual Scarlet Witch,
                the most powerful mutant of all, and one who was interfered with and harmed the daily life of people who
                were just bystanders, the opposite of what is expected of a hero. In truth, Wanda feels horrible, but
                what may be seen through her self-discovery is the five stages of grief. Denial, anger, bargaining,
                depression, and acceptance can all be pinpointed throughout WandaVision. And it’s that build-up that
                makes the story so much more than simply a nice tribute to sitcoms, or just the first MCU tv show.
            </p>
        </article>
    </main>

    <!-- Footer -->
    <footer class="footerStyle">
        <div class="socialLinks">
            <a href="https://instagram.com" target="_blank"><i class="fab fa-instagram fa-2x"></i>
            </a>
            <a href="https://twitter.com" target="_blank"><i class="fab fa-twitter fa-2x twitter"></i>
            </a>
            <a href="https://discord.com" target="_blank"><i class="fab fa-discord fa-2x"></i>
            </a>
        </div>

        <div class="infoLinks">
            <a href="about.html">About</a>
            <p class="dot">•</p>
            <a href="contact.html">Contact</a>
        </div>
    </footer>


    <!--Icons-->
    <script src="https://kit.fontawesome.com/fa21025153.js" crossorigin="anonymous"></script>

    <!-- Bootstrap -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
        integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"
        integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous">
    </script>
</body>

</html>