4 changed files with 12 additions and 168 deletions
--- a/da/index.html
+++ b/da/index.html
@ -32,15 +32,8 @@ vil være mistænkte for børnemisbrug&#x1F46E;.
 </p>


-<div id="app-area"><!-- two columns -->
-<div id="phone_frame">
-  <div style="background-image: url(../img/phone_frame.svg)">
-    <object id="movie"
-        data="../img/chatapp.svg?lang=da"
-        type="image/svg+xml"></object>
-    <div style="min-height: 102px"></div><!-- spacer -->
-  </div>
-</div>
+<div id="app-area">
+<object id="movie" data="../img/chatapp.svg?lang=da" type="image/svg+xml"></object>
 <div id="movie-sidetext">
  <p>
 Lær mere om ChatControllen og hvorfor det er en dårlig idé, i vores interaktive ChatControl film ude til venstre.
@ -58,7 +51,7 @@ Lær mere om ChatControllen og hvorfor det er en dårlig idé, i vores interakti
  Du kan bruge den blå pil for at åbne kontaktlisten
  </p>
 </div>
-</div><!-- end #app-area -->
+</div>

 <p>
 Hvad kan man så gøre imod lovforslaget?&#x1F607; Det er vigtigt at folk bliver oplyste om det&#x1F4E3;.
@ -69,8 +62,8 @@ Det er vigtigt at der er en offentlig diskussion om emnet&#x1F5E8; og at politik
 at loven er en elendig idé&#x1F640; - selvom tanken er god&#x1F63E;.
 </p>

-</div><!-- end #content -->
-</div><!-- end center content -->
+</div>
+</div>
 <script>
 function swipe_viewport() {
    document.getElementById('movie').contentDocument.getElementById('to_contact_list_button').onclick();
--- a/en/index.html
+++ b/en/index.html
@ -7,7 +7,7 @@
        <link rel="stylesheet" type="text/css" href="../style.css" />
    </head>
 <body>
-<div style="width: 100%"><!-- center content -->
+<div style="width: 100%">
 <div id="content">

 <div id="language_choice">
@ -33,15 +33,8 @@ because all users of regular communication services
 will be treated as suspects for child abuse&#x1F46E;.
 </p>

-<div id="app-area"><!-- two columns -->
-<div id="phone_frame">
-  <div style="background-image: url(../img/phone_frame.svg)">
-    <object id="movie"
-        data="../img/chatapp.svg?lang=en"
-        type="image/svg+xml"></object>
-    <div style="min-height: 102px"></div><!-- spacer -->
-  </div>
-</div>
+<div id="app-area">
+<object id="movie" data="../img/chatapp.svg?lang=en" type="image/svg+xml"></object>
 <div id="movie-sidetext">
  <p>
 Learn more about Chat Control and why it is a bad idea by watching our
@ -60,7 +53,7 @@ interactive film on the left.
  You can use the blue arrow to open the contact list
  </p>
 </div>
-</div><!-- end #app-area -->
+</div>

 <p>
 Whan can be done against this proposed law?&#x1F607;
@ -74,8 +67,8 @@ so that politicians realise that the law is a bad idea&#x1F640;
 even though this is for a good cause&#x1F63E;
 </p>

-</div><!-- end #content -->
-</div><!-- end center content -->
+</div>
+</div>
 <script>
 function swipe_viewport() {
    document.getElementById('movie').contentDocument.getElementById('to_contact_list_button').onclick();
--- a/img/phone_frame.svg
+++ b/img/phone_frame.svg
@ -1,137 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="480"
-   height="1020"
-   viewBox="20 100 130 100"
-   version="1.1"
-   id="svg8"
-   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
-   sodipodi:docname="phone_frame.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:dc="http://purl.org/dc/elements/1.1/">
-  <!--
-  license: public domain
-  origin: https://freesvg.org/mobile-phone-silhouette
-  -->
-  <title
-     id="title3727">generic_edge_android_phone_device</title>
-  <defs
-     id="defs2">
-    <linearGradient
-       inkscape:collect="always"
-       id="linearGradient3719">
-      <stop
-         style="stop-color:#666666;stop-opacity:1"
-         offset="0"
-         id="stop3715" />
-      <stop
-         id="stop3725"
-         offset="0.08058813"
-         style="stop-color:#f3f3f3;stop-opacity:1;" />
-      <stop
-         id="stop3723"
-         offset="0.90476203"
-         style="stop-color:#ffffff;stop-opacity:1" />
-      <stop
-         style="stop-color:#f2f2f2;stop-opacity:0;"
-         offset="1"
-         id="stop3717" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient3719"
-       id="linearGradient3721"
-       x1="109.84773"
-       y1="45.198696"
-       x2="129.29164"
-       y2="45.131882"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(4.9876188,0,0,6.181233,-528.78249,-67.440936)" />
-  </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.4"
-     inkscape:cx="92.142857"
-     inkscape:cy="586.78571"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     units="px"
-     inkscape:window-width="1676"
-     inkscape:window-height="1004"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:showpageshadow="2"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>generic_edge_android_phone_device</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(0,-106.49998)">
-    <rect
-       id="rect10"
-       width="89.313583"
-       height="200.25793"
-       x="21.762379"
-       y="122.34576"
-       style="stroke-width:1.46436"
-       ry="14.773128"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90" />
-    <rect
-       style="fill:url(#linearGradient3721);fill-opacity:1;stroke:none;stroke-width:1.55052"
-       id="rect20"
-       width="85.314461"
-       height="168.09663"
-       x="23.761925"
-       y="133.67665"
-       ry="5.9881759"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90" />
-    <circle
-       style="fill:#f2f2f2;stroke:none;stroke-width:1.31964"
-       id="path22"
-       cx="66.419189"
-       cy="311.68604"
-       r="5.8320432"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90" />
-    <rect
-       style="fill:#f2f2f2;stroke:none;stroke-width:1.31964076"
-       id="rect24"
-       width="19.794613"
-       height="2.7099769"
-       x="56.521885"
-       y="126.9505"
-       ry="1.3549885"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90" />
-  </g>
-</svg>
--- a/style.css
+++ b/style.css
@ -27,17 +27,12 @@ p {
    grid-auto-rows: minmax(350px, auto);
 }

-#phone_frame {
+#movie {
  margin-left: 10px;
  grid-column: 1;
  grid-row: 1;
 }

-#movie {
-    margin-left: 17px;
-    margin-top: 77px;
-}
-
 #movie-sidetext {
  grid-column: 2;
  grid-row: 1;