Browse Source

New video.

pull/3/head
Null 3 weeks ago
parent
commit
167e707952

+ 8
- 1
css/main.css View File

@@ -94,6 +94,7 @@ html, body {
94 94
     margin: 0;
95 95
     min-height: 100vh;
96 96
     min-width: 100vw;
97
+    overflow-x: hidden;
97 98
 
98 99
     font-family: 'Open Sans', sans-serif;
99 100
     font-size: 14pt;
@@ -182,15 +183,21 @@ h1, h2, h3, h4, h5, h6 {
182 183
 }
183 184
 
184 185
 figure, video, figcaption {
185
-    margin: 0;
186 186
     padding: 0;
187 187
     max-width: 100%;
188 188
 }
189
+
189 190
     figure {
191
+        width: auto;
192
+        margin: 1em 0;
190 193
         border: 1px solid #ccc;
191 194
         border-radius: 1em;
192 195
         overflow: hidden;
193 196
     }
197
+    figure video {
198
+        display: block;
199
+        width: 100%;
200
+    }
194 201
     figure img {
195 202
         max-width: 100%;
196 203
         display: block;

+ 10
- 0
index.php View File

@@ -147,6 +147,16 @@
147 147
                     <p>Gender abolitionist feminist <a href="https://www.youtube.com/user/Perzikyoghurt">Peachyogurt</a> explains the <?=$name?> <?=$lname?> situation from her point of view.</p>
148 148
                 </figcaption>
149 149
             </figure>
150
+
151
+            <figure class="video">
152
+                <video poster="/video/Public-Freakout-Jonathan-Jessica-Yaniv-Mother-Elevator.jpg" controls>
153
+                    <source src="/video/Public-Freakout-Jonathan-Jessica-Yaniv-Mother-Elevator.webm" type="video/webm" />
154
+                    <source src="/video/Public-Freakout-Jonathan-Jessica-Yaniv-Mother-Elevator.mp4" type="video/mp4" />
155
+                </video>
156
+                <figcaption>
157
+                    <p><?=$lname?>'s public behavior is about as good as one can imagine. <?=his(1)?> mother seems to be a prime enabler, always at <?=his()?> side. <?=he(1)?> threatens a member of the public for recording <?=him()?>, then hides behind <?=his()?> mother while calling an elevator.</p>
158
+                </figcaption>
159
+            </figure>
150 160
          </section>
151 161
 
152 162
          <section id="censoring-the-fallout">

BIN
video/Public-Freakout-Jonathan-Jessica-Yaniv-Mother-Elevator.jpg View File


BIN
video/Public-Freakout-Jonathan-Jessica-Yaniv-Mother-Elevator.mp4 View File


BIN
video/Public-Freakout-Jonathan-Jessica-Yaniv-Mother-Elevator.webm View File


Loading…
Cancel
Save