-
Notifications
You must be signed in to change notification settings - Fork 0
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
1 parent
be059de
commit 8b17223
Showing
25 changed files
with
13,046 additions
and
0 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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
# 1DIV - A Window Controls Overlay demo | ||
|
||
➡️ **[Open the demo](https://microsoftedge.github.io/Demos/1DIV/dist/)** ⬅️ | ||
|
||
**1DIV** is a demo web app where you can create CSS designs using just one HTML `div` element. Your designs are saved only locally in the browser's memory. You can create as many as you want. This demo app can be installed locally as a PWA. | ||
|
||
## Requirements | ||
|
||
The main goal of this demo is to showcase the [Window Controls Overlay PWA feature](https://learn.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay), so to make the most use of it, you will need the following things: | ||
|
||
* Use a 93+ Chromium-based browser. | ||
* Enable the Window Controls Overlay feature in about:flags (`Desktop PWA Window Controls Overlay`). | ||
|
||
The demo app also uses [constructable stylesheets](https://developers.google.com/web/updates/2019/02/constructable-stylesheets) which are only supported in Chromium-based browsers, and on Firefox if you enable the `layout.css.constructable-stylesheets.enabled` flag first. | ||
|
||
## Building locally | ||
|
||
The app is not build automatically in CI. If you make a change to a file in `src` or update a dependency, you will need to build locally and commit the generated files. | ||
|
||
To build the app locally: | ||
|
||
* `npm install`, | ||
* and then `npm run build`. |
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 |
---|---|---|
@@ -0,0 +1 @@ | ||
export default __webpack_public_path__ + "aeb98e0beefa59d80a39e9cfbc055a60.ttf"; |
Binary file not shown.
Oops, something went wrong.