Old theme and enhance Test page frontend

do_test.php

@@ -204,18 +204,33 @@ function do_test_desktop_page($property=null)
     </div>
 </div>
 <div id="frames-r" 
-style="position: fixed; top: 2%; right: 0; height: 90%; 
-width: <?php echo 97 - $frame_l_width; ?>%;">
+style="position: fixed; top: 2%; right: 0; height: 98vh; 
+width: <?php echo 100 - $frame_l_width; ?>%;display:flex; flex-direction: column;">
     <!-- iFrames wrapper for events -->
-    <iframe src="empty.html" scrolling="auto" name="ro" 
-    style="height: 50%; width: 100%;">
+    <iframe src="empty.html" scrolling="auto"  id="ro" name="ro" 
+    style="height: 50%; width: 100%;resize:vertical;">
         Your browser doesn't support iFrames, update it!
     </iframe>
-    <iframe src="empty.html" scrolling="auto" name="ru" 
+    <iframe src="empty.html" scrolling="auto"  id="ru" name="ru" 
     style="height: 50%; width: 100%;">
         Your browser doesn't support iFrames, update it!
     </iframe>
 </div>
+<script>
+function adjustIframeHeights(entries) {
+  for (const entry of entries) {
+
+
+
+
+            const heightDifference = $("#frames-r").height() - entry.contentRect.height - $('#ru').height();
+            $('#ru').height($('#ru').height() + heightDifference + 'px');
+}
+        }
+
+        var iframeObserver = new ResizeObserver(adjustIframeHeights);
+        iframeObserver.observe(document.getElementById("ro"));
+</script>
 <audio id="success_sound">
     <source src="<?php print_file_path("sounds/success.mp3") ?>" type="audio/mpeg" />
     Your browser does not support audio element!
@@ -242,10 +257,52 @@ function do_test_page($p)
 {
     pagestart_nobody(
         'Test',
-        "body {
+        "
+        #test-html {
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+            overflow: none;
+          }
+
+        body {
             margin: 20px;
             max-width: 100%;
-        }"
+        }
+        #frame-h {
+            display: flex;
+            flex-flow: column;
+            justify-content: center;
+            align-items: stretch;
+            overflow: auto;
+            resize: vertical;
+            height: 10.773em;
+        }
+        #frames-l {
+            top: 2%;
+            left: 0;
+            width: 50%;
+            position: absolute;
+            overflow: hidden;
+        }
+        #frames-r{
+            overflow: hidden;
+            position: absolute;
+            top: 2%;
+            right: 0;
+            height: 99vh;
+            width: 50%;
+        }
+        .h4{ 
+
+            display: block;
+            margin-top: 1.33em;
+            margin-bottom: 1.33em;
+            margin-left: 0;
+            margin-right: 0;
+            font-weight: bold;
+        }
+        "
     );
 
     if (is_mobile()) {
@@ -275,7 +332,7 @@ function try_start_test($p): void
     }
 }
 
-if (get_test_property() != '') {
-    try_start_test(get_test_property());
-}
+
+try_start_test(get_test_property());
+
 ?>

do_test_header.php

@@ -139,21 +139,24 @@ function get_test_counts($testsql)
 function do_test_header_row($_p)
 {
     ?>
-<div class="flex-header">
+<div class="h4" style="
+    display: flex;">
     <div>
         <a href="edit_texts.php" target="_top">
             <?php echo_lwt_logo(); ?>
-        </a>
-    </div>
+            LWT-fork
+        </a>&nbsp; | &nbsp;</div>
     <?php 
     // This part only works if $textid is set
     if (is_numeric(getreq('text'))) {
         $textid = (int) getreq('text');
         echo '<div>' . getPreviousAndNextTextLinks(
             $textid, 'do_test.php?text=', false, ''
-        ) . '</div>';
+        ) . '</div>&nbsp; | &nbsp;';
 
         ?>
+    <div>
+        <?php quickMenu("test"); ?>&nbsp; | &nbsp;</div>
     <div>
         <a href="do_text.php?start=<?php echo $textid; ?>" target="_top">
             <img src="icn/book-open-bookmark.png" title="Read" alt="Read" />
@@ -166,9 +169,6 @@ function do_test_header_row($_p)
         <?php
     }
     ?>
-    <div>
-        <?php quickMenu(); ?>
-    </div>
 </div>
     <?php
 }
@@ -223,7 +223,7 @@ function startTestTable(property) {
 function do_test_header_content($title, $p, $totalcountdue, $totalcount, $language)
 {
     ?>
-<h1>TEST ▶ <?php echo tohtml($title) ?></h1>
+<h3>TEST ▶ <?php echo tohtml($title) ?></h3>
 <div style="margin: 5px;">
     Word<?php echo intval($totalcount) > 1 ? 's' : ''; ?> due today: 
     <?php echo htmlspecialchars($totalcount); ?>, 

docs/howto.md

@@ -121,6 +121,7 @@ You can also import a longer text into LWT with the possibility to split it up i
 ![Image](../img/33.jpg)  
 
 ## Newsfeed
+<a name="feed_imp"></a>
 
 ### Newsfeed Import
 
@@ -142,15 +143,15 @@ If you hover over an article title, a description of the article will be shown.
 You can open the article and, if available, the audio in a new window.  
 
 ![Image](../img/37.jpg)  
-
+<a name="man_feed"></a>
 ### Manage Feeds
 
 Multi Actions for marked newsfeeds: You can update feeds, unset unloadable articles 
 (see [Newsfeed Import](info.html#Newsfeed%20Import)), delete all articles or delete feeds.  
 Actions: You can edit, update, delete a feed or follow the link to the newsfeed.  
 
 ![Image](../img/38.jpg)  
-
+<a name="new_feed"></a>
 ### New/Edit Feeds
 
 Explanations of the input fields
@@ -170,7 +171,7 @@ Explanations of the input fields
   * Article Source: some feeds have its texts integrated in the description. The articles can be cached in the database, which results in a faster download and a bigger database. Feeds with cached articles should have less Max. Links. The feed wizard can be used to detect the Article Source. If this is unchecked, each article will be downloaded from the internet.
 
     ![Image](../img/41.jpg)  
-
+<a name="feed_wizard"></a>
 ### Feed Wizard  
 
 Here you can edit or set up a new newsfeed in 4 steps.