Home Verkennen Help
Inloggen
lenn
/
libsdl-org-mirror
spiegel van https://github.com/libsdl-org/SDL.git
1
0
Vork 0
Bestanden Issues 0 Wiki
Bladeren bron

examples: first shot at description text at top of page. Not working yet.

Ryan C. Gordon 8 maanden geleden
bovenliggende
b881e19896
commit
69a2d7960c
2 gewijzigde bestanden met toevoegingen van 13 en 5 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 3 4
      build-scripts/build-web-examples.pl
  2. 10 1
      examples/template.html

+ 3 - 4
build-scripts/build-web-examples.pl
Bestand weergeven 

@@ -103,16 +103,15 @@ sub handle_example_dir {
 
     my $jsdst = "$dst/$jsfname";
 
     my $wasmdst = "$dst/$wasmfname";
 
 
-    my $print_description = '';
 
+    my $description = '';
 
     if (open(my $readmetxth, '<', "$examples_dir/$category/$example/README.txt")) {
 
         my $spc = '';
 
         while (<$readmetxth>) {
 
             chomp;
 
             s/\"/\\"/g;
 
-            $print_description .= "${spc}Module.print(\"$_\");";
 
+            $description .= "$spc$_";
 
             $spc = ' ';
 
         }
 
-        $print_description .= "${spc}Module.print(\"\");";
 
         close($readmetxth);
 
     }
 
 
@@ -155,7 +154,7 @@ sub handle_example_dir {
 
         s/\@example_name\@/$example/g;
 
         s/\@javascript_file\@/$jsfname/g;
 
         s/\@htmlified_source_code\@/$htmlified_source_code/g;
 
-        s/\@print_description\@/$print_description/g;
 
+        s/\@description\@/$description/g;
 
         $html .= $_;
 
     }
 
     close($htmltemplate);

+ 10 - 1
examples/template.html
Bestand weergeven 

@@ -133,10 +133,20 @@
 
         height: 100%;
 
         overflow: scroll;
 
       }
 
+
 
+      #example-description {
 
+        background: black;
 
+        color: white;
 
+        height: 100%;
 
+        align-items: center;
 
+      }
 
     </style>
 
     <link rel="stylesheet" type="text/css" href="highlight.css">
 
   </head>
 
   <body>
 
+    <div id="example-description">
 
+      @description@
 
+    </div>
 
     <div class="canvas-container">
 
       <canvas id="canvas" oncontextmenu="event.preventDefault()" tabindex="-1"></canvas>
 
     </div>
 
@@ -201,7 +211,6 @@
 
           if (text) console.error('[post-exception status] ' + text);
 
         };
 
       };
 
-      @print_description@
 
     </script>
 
     <script async type="text/javascript" src="@javascript_file@"></script>
 
   </body>