-
Notifications
You must be signed in to change notification settings - Fork 0
/
review.html
151 lines (148 loc) · 14.5 KB
/
review.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/html5reset.css">
<link rel="stylesheet" href="css/style.css">
<title>Serena's Portfolio</title>
</head>
<body>
<div class="skip"><a href="#main">Skip to Main Content</a></div>
<header>
<nav>
<ul>
<li><a href = "index.html" >Home</a></li>
<li class="active"><a href = "review.html">Reviews</a></li>
<li><a href = "notebook.html">Longform Writing</a></li>
</ul>
</nav>
</header>
<main id = "main">
<h1>Review Samples</h1>
<p>Filter by: </p>
<div class="container">
<div class="controls">
<button type="button" data-filter="all">All</button>
<button type="button" data-filter=".tv">TV</button>
<button type="button" data-filter=".music">Music</button>
<button type="button" data-filter=".film">Film</button>
</div>
<div class="targets">
<div class="review">
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/succession-resets-the-chessboard-for-season-four/" target="_blank"><img src="images/succession.jpg" alt="Cast of the TV show Succession"></a>
<a href="https://www.michigandaily.com/tv/succession-resets-the-chessboard-for-season-four/" target="_blank"><figcaption>"Succession" resets the chessboard for season four</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/that-90s-show-isnt-all-that-and-a-bag-of-chips/" target="_blank"><img src="images/that-90s-show.webp" alt="Teens in the TV show That '90s Show"></a>
<a href="https://www.michigandaily.com/tv/that-90s-show-isnt-all-that-and-a-bag-of-chips/" target="_blank"><figcaption>"That ‘90s Show" isn’t all that and a bag of chips</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/wednesday-is-creepy-kooky-and-just-the-right-amount-of-spooky/" target="_blank"><img src="images/wednesday.webp" alt="Jenna Ortega in the TV show Wednesday"></a>
<a href="https://www.michigandaily.com/tv/wednesday-is-creepy-kooky-and-just-the-right-amount-of-spooky/" target="_blank"><figcaption>"Wednesday" is creepy, kooky and just the right amount of spooky</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/blockbuster-is-certainly-resting-in-peace-with-netflixs-latest-flop/" target="_blank"><img src="images/blockbuster.webp" alt="Man on the phone in the TV show Blockbuster"></a>
<a href="https://www.michigandaily.com/tv/blockbuster-is-certainly-resting-in-peace-with-netflixs-latest-flop/" target="_blank"><figcaption>"Blockbuster" is certainly resting in peace with Netflix's latest flop</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/the-peripheral-cant-see-beyond-its-futuristic-vision/" target="_blank"><img src="images/the-peripheral.webp" alt="Chloe Grace Moretz in the TV show The Peripheral"></a>
<a href="https://www.michigandaily.com/tv/the-peripheral-cant-see-beyond-its-futuristic-vision/" target="_blank"><figcaption>"The Peripheral" can’t see beyond its futuristic vision</figcaption></a>
</figure>
<figure class="mix music">
<a href="https://www.michigandaily.com/music/alvvays-is-back-and-better-than-ever-with-blue-rev/" target="_blank"><img src="images/alvvays.webp" alt="Album cover of Alvvays' Blue Rev"></a>
<a href="https://www.michigandaily.com/music/alvvays-is-back-and-better-than-ever-with-blue-rev/" target="_blank"><figcaption>Alvvays is back and better than ever with "Blue Rev"</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/lets-go-back-to-school-with-abbott-elementary-season-two/" target="_blank"><img src="images/abbott-elementary.webp" alt="Teachers from the TV show Abbott Elementary"></a>
<a href="https://www.michigandaily.com/tv/lets-go-back-to-school-with-abbott-elementary-season-two/" target="_blank"><figcaption>Let's go back to school with "Abbott Elementary" season two</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/fakes-explores-teenage-friendship-firsts-foolery-forgery-and-fraudulent-activity/" target="_blank"><img src="images/fakes.webp" alt="Teens in front of a fire in the TV show Fakes"></a>
<a href="https://www.michigandaily.com/tv/fakes-explores-teenage-friendship-firsts-foolery-forgery-and-fraudulent-activity/" target="_blank"><figcaption>"Fakes" explores teenage friendship firsts: foolery, forgery and fraudalent activity</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/wallah-bro-mo-is-modern-day-muslim-arab-american-realness%ef%bf%bc/" target="_blank"><img src="images/mo.webp" alt="Mohammed Amer in the TV show Mo"></a>
<a href="https://www.michigandaily.com/tv/wallah-bro-mo-is-modern-day-muslim-arab-american-realness%ef%bf%bc/" target="_blank"><figcaption>Wallah, bro, "Mo" is modern-day Muslim-Arab American realness</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/pretty-little-liars-original-sin-is-a-sharp-and-frightfully-fun-teen-slasher-with-style-%ef%bf%bc/" target="_blank"><img src="images/pretty-little-liars-original-sin.webp" alt="Cast of TV show Pretty Little Liars: Original Sin"></a>
<a href="https://www.michigandaily.com/tv/pretty-little-liars-original-sin-is-a-sharp-and-frightfully-fun-teen-slasher-with-style-%ef%bf%bc/" target="_blank"><figcaption>"Pretty Little Liars: Original Sin" is A shArp and frightfully fun teen slAsher with style</figcaption></a>
</figure>
<figure class="mix music">
<a href="https://www.michigandaily.com/music/surrender-to-your-feelings-with-maggie-rogerss-joyous-sophomore-album/" target="_blank"><img src="images/maggie.webp" alt="Album cover of Maggie Rogers' Surrender"></a>
<a href="https://www.michigandaily.com/music/surrender-to-your-feelings-with-maggie-rogerss-joyous-sophomore-album/" target="_blank"><figcaption>"Surrender" to your feelings with Maggie Rogers's joyous sophomore album</figcaption></a>
</figure>
<figure class="mix film">
<a href="https://www.michigandaily.com/arts/film/cha-cha-real-smooth-has-all-the-moves-to-be-your-new-favorite-indie-darling/" target="_blank"><img src="images/chacha.webp" alt="Dakota Johnson and Cooper Raiff in the film Cha Cha Real Smooth"></a>
<a href="https://www.michigandaily.com/arts/film/cha-cha-real-smooth-has-all-the-moves-to-be-your-new-favorite-indie-darling/" target="_blank"><figcaption>"Cha Cha Real Smooth" has all the moves to be your new favorite indie darling</figcaption></a>
</figure>
<figure class="mix music">
<a href="https://www.michigandaily.com/music/muna-is-here-for-a-hot-mildly-anxious-queer-girl-summer/" target="_blank"><img src="images/muna.webp" alt="Album cover of Muna's Muna"></a>
<a href="https://www.michigandaily.com/music/muna-is-here-for-a-hot-mildly-anxious-queer-girl-summer/" target="_blank"><figcaption>"Muna" is here for a hot, mildly anxious Queer girl summer</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/take-a-break-from-the-multiverse-and-step-into-the-metaverse-of-irma-vep/" target="_blank"><img src="images/irmavep.webp" alt="Alicia Vikander in the TV show Irma Vep"></a>
<a href="https://www.michigandaily.com/tv/take-a-break-from-the-multiverse-and-step-into-the-metaverse-of-irma-vep/" target="_blank"><figcaption>Take a break from the multiverse and step into the metaverse of "Irma Vep"</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/conversations-with-friends-isnt-the-new-normal-people-and-thats-okay/" target="_blank"><img src="images/sallyrooney.webp" alt="Three women in the TV show Conversations with Friends"></a>
<a href="https://www.michigandaily.com/tv/conversations-with-friends-isnt-the-new-normal-people-and-thats-okay/" target="_blank"><figcaption>"Conversations with Friends" isn’t the new "Normal People" and that’s okay</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/natasha-lyonne-gives-time-a-run-for-its-money-on-season-two-of-russian-doll/" target="_blank"><img src="images/russiandoll.webp" alt="Natasha Lyonne in the TV show Russian Doll"></a>
<a href="https://www.michigandaily.com/tv/natasha-lyonne-gives-time-a-run-for-its-money-on-season-two-of-russian-doll/" target="_blank"><figcaption>Natasha Lyonne gives time a run for its money on season two of "Russian Doll"</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/sci-fi-western-outer-range-is-holy-hole-y-and-wholly-entertaining-to-watch%ef%bf%bc/" target="_blank"><img src="images/outerrange.webp" alt="Imogen Poots in the TV show Outer Range"></a>
<a href="https://www.michigandaily.com/tv/sci-fi-western-outer-range-is-holy-hole-y-and-wholly-entertaining-to-watch%ef%bf%bc/" target="_blank"><figcaption>Sci-fi western "Outer Range" is holy, hole-y and wholly entertaining to watch</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/julia-has-its-cake-and-eats-it-too-with-the-inimitable-julia-child/" target="_blank"><img src="images/julia.webp" alt="Sarah Lancashire as Julia Child in the TV show Julia"></a>
<a href="https://www.michigandaily.com/tv/julia-has-its-cake-and-eats-it-too-with-the-inimitable-julia-child/" target="_blank"><figcaption>"Julia" has its cake and eats it too with the inimitable Julia Child</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/pachinko-transcends-the-expectations-of-a-traditional-immigrant-story%ef%bf%bc/" target="_blank"><img src="images/pachinko.webp" alt="Little girl in TV Show Pachinko"></a>
<a href="https://www.michigandaily.com/tv/pachinko-transcends-the-expectations-of-a-traditional-immigrant-story%ef%bf%bc/" target="_blank"><figcaption>"Pachinko" transcends the expectations of a traditional immigrant story</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/dramedy-life-beth-is-neither-a-good-comedy-nor-a-good-drama%ef%bf%bc/" target="_blank"><img src="images/life-and-beth.webp" alt="Amy Schumer in the TV show Life and Beth"></a>
<a href="https://www.michigandaily.com/tv/dramedy-life-beth-is-neither-a-good-comedy-nor-a-good-drama%ef%bf%bc/" target="_blank"><figcaption>Dramedy "Life and Beth" is neither a good comedy nor a good drama</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/space-force-finds-some-solid-ground-after-a-failure-to-launch-season-one/" target="_blank"><img src="images/space-force.webp" alt="Cast of the TV show Space Force"></a>
<a href="https://www.michigandaily.com/tv/space-force-finds-some-solid-ground-after-a-failure-to-launch-season-one/" target="_blank"><figcaption>"Space Force" finds some solid ground after a failure to launch season one</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/the-titular-protagonist-of-the-marvelous-mrs-maisel-hits-rock-bottom-again/" target="_blank"><img src="images/maisel.webp" alt="Rachel Brosnahan in the TV show The Marvelous Mrs. Maisel"></a>
<a href="https://www.michigandaily.com/tv/the-titular-protagonist-of-the-marvelous-mrs-maisel-hits-rock-bottom-again/" target="_blank"><figcaption>The titular protagonist of "The Marvelous Mrs. Maisel" hits rock bottom... again</figcaption></a>
</figure>
<figure class="mix tv">
<a href="https://www.michigandaily.com/tv/dollface-serves-female-friendship-weirdness-and-not-much-else/" target="_blank"><img src="images/dollface.webp" alt="Kat Dennings in the TV show Dollface"></a>
<a href="https://www.michigandaily.com/tv/dollface-serves-female-friendship-weirdness-and-not-much-else/" target="_blank"><figcaption>"Dollface" serves female friendship weirdness and not much else</figcaption></a>
</figure>
</div>
</div>
</div>
<br>
</main>
<footer>
<p>Serena Irani © 2023</p>
</footer>
<script src="./mixitup/demos/mixitup.min.js"></script>
<script>
var containerEl = document.querySelector('.targets');
const animation_off = window.matchMedia(`(prefers-reduced-motion: reduce)`) === true || window.matchMedia(`(prefers-reduced-motion: reduce)`).matches === true;
if(animation_off){
var mixer = mixitup(containerEl, {
animation: {
enable: false
}
});
} else {
var mixer = mixitup(containerEl);
}
</script>
</body>
</html>