-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
luciano_bestia
committed
Feb 9, 2024
1 parent
40427e0
commit 7454344
Showing
4 changed files
with
97 additions
and
76 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
105 changes: 59 additions & 46 deletions
105
template_new_pwa_wasm/web_server_folder/pwa_short_name/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,55 +1,68 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0"><!-- classic header for a web page --> | ||
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> | ||
<title>pwa_name</title> | ||
<meta name="Description" content="pwa_description"> | ||
<meta name="author" content="project_author"> | ||
<meta name="viewport" content="width = device-width,initial-scale = 1.0"> | ||
<link rel="stylesheet" href="css/normalize.css"> | ||
<link rel="stylesheet" href="css/basic_style.css"> | ||
<link rel="stylesheet" href="css/fontawesome.css"><!-- favicons generic--> | ||
<link rel="icon" type="image/png" href="icons/icon-032.png" sizes="32x32"> | ||
<link rel="icon" type="image/png" href="icons/icon-128.png" sizes="128x128"> | ||
<link rel="icon" type="image/png" href="icons/icon-192.png" sizes="192x192"><!-- favicons Android --> | ||
<link rel="shortcut icon" href="icons/icon-196.png" sizes="196x196"><!-- favicons iOS --> | ||
<link rel="apple-touch-icon" href="icons/icon-152.png" sizes="152x152"> | ||
<link rel="apple-touch-icon" href="icons/icon-167.png" sizes="167x167"> | ||
<link rel="apple-touch-icon" href="icons/icon-180.png" sizes="180x180"><!-- Metadata for PWA --> | ||
<link rel="manifest" href="manifest.json"> | ||
<meta name="mobile-web-app-capable" content="yes"> | ||
<meta name="apple-mobile-web-app-capable" content="yes"> | ||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> | ||
<meta name="theme-color" content="#000000"> | ||
<link rel="apple-touch-icon" sizes="120x120" href="icons/icon-120.png"> | ||
<link rel="apple-touch-icon" sizes="180x180" href="icons/icon-180.png"> | ||
<!-- classic header for a web page --> | ||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> | ||
<title>pwa_name</title> | ||
<meta name="Description" content="pwa_description"> | ||
<meta name="author" content="project_author"> | ||
<meta name="viewport" content="width = device-width,initial-scale = 1.0" /> | ||
<link rel="stylesheet" href="css/normalize.css" /> | ||
<link rel="stylesheet" href="css/basic_style.css" /> | ||
<link rel="stylesheet" href="css/fontawesome.css" /> | ||
|
||
<!-- favicons generic--> | ||
<link rel="icon" type="image/png" href="icons/icon-032.png" sizes="32x32"> | ||
<link rel="icon" type="image/png" href="icons/icon-128.png" sizes="128x128"> | ||
<link rel="icon" type="image/png" href="icons/icon-192.png" sizes="192x192"> | ||
<!-- favicons Android --> | ||
<link rel="shortcut icon" href="icons/icon-196.png" sizes="196x196"> | ||
<!-- favicons iOS --> | ||
<link rel="apple-touch-icon" href="icons/icon-152.png" sizes="152x152"> | ||
<link rel="apple-touch-icon" href="icons/icon-167.png" sizes="167x167"> | ||
<link rel="apple-touch-icon" href="icons/icon-180.png" sizes="180x180"> | ||
|
||
<!-- Metadata for PWA --> | ||
<link rel="manifest" href="manifest.json"> | ||
<meta name="mobile-web-app-capable" content="yes"> | ||
<meta name="apple-mobile-web-app-capable" content="yes" /> | ||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> | ||
<meta name="theme-color" content="#000000"> | ||
<link rel="apple-touch-icon" sizes="120x120" href="icons/icon-120.png"> | ||
<link rel="apple-touch-icon" sizes="180x180" href="icons/icon-180.png"> | ||
</head> | ||
<body> | ||
<!-- a standard service worker is a must for PWA --> | ||
<script src="start_service_worker.js"></script> <!-- warning if javascript is not enabled --> | ||
<noscript> | ||
<h2>!!!???!!!<br> | ||
This web app<br> | ||
cannot work<br> | ||
without javascript<br> | ||
enabled<br> | ||
!!!???!!!</h2> | ||
</noscript> <!-- display a text while waiting for wasm download. | ||
<!-- a standard service worker is a must for PWA --> | ||
<script src="start_service_worker.js"></script> | ||
<!-- warning if javascript is not enabled --> | ||
<noscript> | ||
<h2> | ||
!!!???!!!<br> | ||
This web app <br> | ||
cannot work <br> | ||
without javascript<br> | ||
enabled<br> | ||
!!!???!!! | ||
</h2> | ||
</noscript> | ||
|
||
<!-- display a text while waiting for wasm download. | ||
This content will change from the wasm code.--> | ||
<div id="div_for_wasm_html_injecting"> | ||
<h2>Waiting to<br> | ||
download<br> | ||
the web app...<br> | ||
This is<br> | ||
very quick on fast<br> | ||
networks...<br></h2> | ||
</div> | ||
<div class="fc_red" id="div_for_errors"></div> | ||
<!-- import and init the wasm code --> | ||
<script type="module"> | ||
<div id="div_for_wasm_html_injecting"> | ||
<h2> | ||
Waiting to<br> | ||
download <br> | ||
the web app...<br> | ||
This is <br> | ||
very quick on fast<br> | ||
networks...<br> | ||
</h2> | ||
</div> | ||
<div class="fc_red" id="div_for_errors"></div> | ||
<!-- import and init the wasm code --> | ||
<script type="module"> | ||
import init from "./pkg/rust_project_name.js"; | ||
init("./pkg/rust_project_name_bg.wasm"); | ||
</script> | ||
</script> | ||
</body> | ||
</html> | ||
</html> |
64 changes: 36 additions & 28 deletions
64
template_new_wasm/web_server_folder/cargo_auto_template_new_wasm/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,37 +1,45 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0"><!-- classic header for a web page --> | ||
<title>cargo_auto_template_new_wasm</title> | ||
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> | ||
<meta name="Description" content="template for a minimal wasm project for browser"> | ||
<meta name="author" content="https://github.com/bestia-dev/cargo_auto_template_new_wasm"> | ||
<link rel="stylesheet" href="css/basic_style.css"> | ||
<!-- classic header for a web page --> | ||
<title>cargo_auto_template_new_wasm</title> | ||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> | ||
<meta name="Description" content="template for a minimal wasm project for browser"> | ||
<meta name="author" content="https://github.com/bestia-dev/cargo_auto_template_new_wasm"> | ||
<link rel="stylesheet" href="css/basic_style.css"> | ||
|
||
</head> | ||
|
||
<body> | ||
<!-- warning if javascript iis not enabled --> | ||
<noscript> | ||
<h2>!!!???!!!<br> | ||
This web app<br> | ||
cannot work<br> | ||
without javascript<br> | ||
enabled<br> | ||
!!!???!!!</h2> | ||
</noscript> <!-- display a text while waiting for wasm download. | ||
<!-- warning if javascript iis not enabled --> | ||
<noscript> | ||
<h2> | ||
!!!???!!!<br> | ||
This web app <br> | ||
cannot work <br> | ||
without javascript<br> | ||
enabled<br> | ||
!!!???!!!</h2> | ||
</noscript> | ||
<!-- display a text while waiting for wasm download. | ||
This content will change from the wasm code.--> | ||
<div id="div_for_wasm_html_injecting"> | ||
<h2>Waiting to<br> | ||
download<br> | ||
the web app...<br> | ||
This is<br> | ||
very quick on fast<br> | ||
networks...<br></h2> | ||
</div> | ||
<p class="fc_red" id="div_for_errors"></p> | ||
<!-- import and init the wasm code --> | ||
<script type="module"> | ||
<div id="div_for_wasm_html_injecting"> | ||
<h2> | ||
Waiting to<br> | ||
download <br> | ||
the web app...<br> | ||
This is <br> | ||
very quick on fast<br> | ||
networks...<br> | ||
</h2> | ||
</div> | ||
<p class="fc_red" id="div_for_errors"></p> | ||
<!-- import and init the wasm code --> | ||
<script type="module"> | ||
import init from "./pkg/cargo_auto_template_new_wasm.js"; | ||
init("./pkg/cargo_auto_template_new_wasm_bg.wasm"); | ||
</script> | ||
</script> | ||
</body> | ||
</html> | ||
|
||
</html> |