Add turnh264 to links

zeptofine · Jul 9, 2023 · 0504d98 · 0504d98
1 parent 8a83669
commit 0504d98
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 3 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -207,6 +207,9 @@ a:visited {
 .nowrap {
     white-space: nowrap;
 }
+.clip-hidden {
+    overflow: hidden;
+}
 
 #container {
     position: absolute;
@@ -317,6 +320,11 @@ a:visited {
     color: black;
 }
 
+#TH264 {
+    background-image: url("../images/TH264.png");
+    color: white;
+}
+
 #resetLayoutButton {
     color: white;
     height: 100%;

diff --git a/images/TH264.png b/images/TH264.png
diff --git a/index.html b/index.html
@@ -29,10 +29,10 @@ <h2 id="hello">Hi</h2>
                         <p>I know some html, css, and js (enough to make this site).</p>
                         <hr>
                         <p>she / her / they / them</p>
-                        <p>I hope you enjoy your stay</p>
+                        <p>I hope you enjoy your stay. the `Links` tab is disabled on mobile.</p>
                     </div>
                 </div>
-                <div id="tablebox" class="outlined boxed-inset column fullheight">
+                <div id="tablebox" class="outlined boxed-inset column fullheight clip-hidden">
                     <div id="tablesdiv" class="gapless row fullheight">
                         <div class="tables outlined boxed-inset sharp-top" data-name="Social">
                             <table rules="rows">
@@ -77,6 +77,15 @@ <h2 id="hello">Hi</h2>
                                     </tbody>
                                 </table>
                             </button>
+                            <button id="TH264" class="linkcell outlined-hovered"
+                                data-link="https://zeptofine.github.io/TurnH264/"
+                                data-source="https://github.com/zeptofine/TurnH264">
+                                <table class="blurred-background boxed-inset" rules="rows">
+                                    <tbody>
+                                        <tr><th>TurnH264: </th><td>A TurnH264 fork with a lot of changes</td></tr>
+                                    </tbody>
+                                </table>
+                            </button>
                         </div>
                     </div>
                 </div>
@@ -90,7 +99,7 @@ <h2 id="hello">Hi</h2>
                     </button>
                     <a id="source"></a>
                 </div>
-                <iframe id="embedframe" src="" class="boxed-inset" sandbox="allow-scripts allow-popups">
+                <iframe id="embedframe" src="" class="boxed-inset outlined" sandbox="allow-scripts allow-popups">
                 </iframe>
             </div>
         </div>