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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Film | Kris Yotam</title>
<link rel="stylesheet" href="c/site.css">
</head>
<body class="wide">
<div class="mode-container">
<input type="radio" name="theme" id="theme-auto" checked>
<label for="theme-auto" class="auto" title="Auto theme"></label>
<input type="radio" name="theme" id="theme-light">
<label for="theme-light" class="light" title="Light theme"></label>
<input type="radio" name="theme" id="theme-dark">
<label for="theme-dark" class="dark" title="Dark theme"></label>
</div>
<div class="top-bar" role="navigation">
<a href="index.html" title="Main page"><img src="c/sigma.svg" alt="Main page"></a>
<a href="about.html" title="About"><img src="c/news.svg" alt="About"></a>
<a href="#" title="Code"><img src="c/code.svg" alt="Code"></a>
<a href="pics.html" title="Photography"><img src="c/camera.svg" alt="Photography"></a>
<a href="#" title="Pictures"><img src="c/picture.svg" alt="Pictures"></a>
<a href="vids.html" title="Videos"><img src="c/video.svg" alt="Videos"></a>
<a href="#" title="Donations"><img src="c/beer.svg" alt="Donations"></a>
<a href="#" title="Social"><img src="c/elephant.svg" alt="Social"></a>
</div>
<h1>Film</h1>
<div class="keepws">(<span class="bold">media-tracking</span>
(<a href="film.html">film</a>) (<a href="lit.html">lit</a>) (<a href="anime.html">anime</a>) (<a href="manga.html">manga</a>))</div>
<div class="stats">
<span><em>2</em> films</span>
<span><em>12</em> fav actors</span>
<span><em>5</em> fav directors</span>
<span><em>23</em> fav characters</span>
</div>
<h2>Favorite Films</h2>
<div class="cover-grid">
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/media/film/1929-pandoras-box-gw-pabst/cover.webp" alt="Pandora's Box">
<div class="cover-label">Pandora's Box</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/media/film/1975-jeanne-dielman-23-quai-du-commerce-1080-bruxelles-chantal-akerman/cover.png" alt="Jeanne Dielman">
<div class="cover-label">Jeanne Dielman</div>
</div>
</div>
<h2>Favorite Actors</h2>
<div class="cover-grid">
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/winona-ryder/portrait.jpg" alt="Winona Ryder">
<div class="cover-label">Winona Ryder</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/jodie-foster/portrait.jpg" alt="Jodie Foster">
<div class="cover-label">Jodie Foster</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/louise-brooks/portrait.jpg" alt="Louise Brooks">
<div class="cover-label">Louise Brooks</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/audrey-hepburn/portrait.jpg" alt="Audrey Hepburn">
<div class="cover-label">Audrey Hepburn</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/denzel-washington/portrait.jpg" alt="Denzel Washington">
<div class="cover-label">Denzel Washington</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/meryl-streep/portrait.jpg" alt="Meryl Streep">
<div class="cover-label">Meryl Streep</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/morgan-freeman/portrait.jpg" alt="Morgan Freeman">
<div class="cover-label">Morgan Freeman</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/jenna-ortega/portrait.jpg" alt="Jenna Ortega">
<div class="cover-label">Jenna Ortega</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/nicole-kidman/portrait.jpg" alt="Nicole Kidman">
<div class="cover-label">Nicole Kidman</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/angelina-jolie/portrait.jpg" alt="Angelina Jolie">
<div class="cover-label">Angelina Jolie</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/marilyn-monroe/portrait.jpg" alt="Marilyn Monroe">
<div class="cover-label">Marilyn Monroe</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/leonardo-dicaprio/portrait.jpg" alt="Leonardo DiCaprio">
<div class="cover-label">Leonardo DiCaprio</div>
</div>
</div>
<h2>Favorite Directors</h2>
<div class="cover-grid">
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/chantal-akerman/portrait.jpg" alt="Chantal Akerman">
<div class="cover-label">Chantal Akerman</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/akira-kurosawa/portrait.jpg" alt="Akira Kurosawa">
<div class="cover-label">Akira Kurosawa</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/barbara-loden/portrait.jpg" alt="Barbara Loden">
<div class="cover-label">Barbara Loden</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/bela-tarr/portrait.jpg" alt="Bela Tarr">
<div class="cover-label">Bela Tarr</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/actors/georges-franju/portrait.jpg" alt="Georges Franju">
<div class="cover-label">Georges Franju</div>
</div>
</div>
<h2>Favorite Characters</h2>
<div class="cover-grid">
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/characters/christiane/portrait.jpg" alt="Christiane">
<div class="cover-label">Christiane</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/characters/susanna-kaysen/portrait.jpg" alt="Susanna Kaysen">
<div class="cover-label">Susanna Kaysen</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/characters/daisy-randone/portrait.jpg" alt="Daisy Randone">
<div class="cover-label">Daisy Randone</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/characters/lisa-rowe/portrait.jpg" alt="Lisa Rowe">
<div class="cover-label">Lisa Rowe</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/characters/veronica-sawyer/portrait.jpg" alt="Veronica Sawyer">
<div class="cover-label">Veronica Sawyer</div>
</div>
<div class="cover-item">
<img src="https://krisyotam.com/cdn/pics/people/characters/lydia-deetz/portrait.jpg" alt="Lydia Deetz">
<div class="cover-label">Lydia Deetz</div>
</div>
</div>
<h2>Watched</h2>
<table class="media">
<tr>
<th></th>
<th>Title</th>
<th>Director</th>
<th>Year</th>
<th>Min</th>
</tr>
<tr>
<td><img class="poster" src="https://krisyotam.com/cdn/pics/media/film/1929-pandoras-box-gw-pabst/cover.webp" alt=""></td>
<td>Pandora's Box</td>
<td>G.W. Pabst</td>
<td>1929</td>
<td>110</td>
</tr>
<tr>
<td><img class="poster" src="https://krisyotam.com/cdn/pics/media/film/1975-jeanne-dielman-23-quai-du-commerce-1080-bruxelles-chantal-akerman/cover.png" alt=""></td>
<td>Jeanne Dielman</td>
<td>Chantal Akerman</td>
<td>1975</td>
<td>201</td>
</tr>
</table>
</body>
</html>