diff options
author | Alexandru Croitor <alexandru.croitor@qt.io> | 2016-08-10 13:31:04 +0200 |
---|---|---|
committer | Alexandru Croitor <alexandru.croitor@qt.io> | 2016-08-31 15:29:40 +0000 |
commit | f5e690bff349d48d8493695088bf90025898bf39 (patch) | |
tree | ace30868050cac48eeaab5a3659896d30f931db4 /examples/webengine/recipebrowser/resources/pages/pizza.html | |
parent | f3a8486ffb9551818c7823b9e2d3ad09dab53b56 (diff) |
Add recipebrowser example
The example uses WebEngineView and Qt Quick Controls 2 items to
demonstrate how to write a small hybrid QtQuick / HTML application,
and also shows the usage of the new focusOnNavigationEnabled setting.
Task-number: QTBUG-52999
Change-Id: I1813a658a2f46e90f9ca4e8229a8c8fbb6590248
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@qt.io>
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
Reviewed-by: Michal Klocek <michal.klocek@qt.io>
Diffstat (limited to 'examples/webengine/recipebrowser/resources/pages/pizza.html')
-rw-r--r-- | examples/webengine/recipebrowser/resources/pages/pizza.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/examples/webengine/recipebrowser/resources/pages/pizza.html b/examples/webengine/recipebrowser/resources/pages/pizza.html new file mode 100644 index 000000000..a1ebfa18e --- /dev/null +++ b/examples/webengine/recipebrowser/resources/pages/pizza.html @@ -0,0 +1,48 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Pizza Diavola</title> + <link rel="stylesheet" type="text/css" href="assets/3rdparty/markdown.css"> + <link rel="stylesheet" type="text/css" href="assets/custom.css"> +</head> +<body> + <div id="placeholder"></div> + <div id="content"> + +<img src="images/pizza.jpg" alt="Pizza Diavola" title="Pizza Diavola" /> +Pizza Diavola +============= + +### Ingredients + +* 2 pizza dough balls +* 100g Mozzarella +* 400g Passata +* 200 g Spicy Salami +* 2 fresh chillies +* Extra virgin olive oil +* Salt + +### Instructions +1. Preheat oven to 210 oc. +2. Get your pizza dough balls ( depending on how many you are making) and roll them out to about 12 inches diameter using your hands in a circular stretching technique or using a rolling pin. +3. With the dough prepared now get our sauce ready by mixing the passata with three tbsp of the olive oil and a good pinch of salt. +4. Now slice up your salami into thin-ish slices and also finely chop the fresh chillies. +5. Next, slice or dice your mozzarella and we are ready to dress the pizza. +6. Add half the tomato sauce to each base and spread evenly leaving a half inch perimeter. +7. Add the mozzarella, salami and finish with the chillies. +8. Finally drizzle with some more olive oil and your are ready to cook your pizza diavola. +9. Place in the oven for ten minutes or until golden. +10. Remove from the oven, slice, and enjoy your pizza diavola. + +**Enjoy!** + + </div><!--End of content--> + <script src="assets/3rdparty/marked.min.js"></script> + <script src="assets/custom.js"></script> +</body> +</html> + + + |