Browse Source

Try inline CSS to hide code blocks

Matt Raible 7 years ago
parent
commit
53399291cd
1 changed files with 9 additions and 10 deletions
  1. 9
    10
      DEMO.md

+ 9
- 10
DEMO.md View File

1
 # Spring Boot, Ionic, and Stormpath
1
 # Spring Boot, Ionic, and Stormpath
2
 
2
 
3
-This tutorial shows how to build a secure Spring Boot API with Stormpath. It also shows how to build an Ionic app that securely connects to this API and can be deployed to a mobile device.
3
+<style type="text/css">
4
+.highlight-source-java, .highlight-source-ts, .highlight-text-html-basic {
5
+  display: none
6
+}
7
+</style>
8
+
9
+This demo script shows Matt's IntelliJ Live Template shortcuts to build an Ionic and Spring Boot app.
4
 
10
 
5
 **Prerequisites**: Java 8, Node.js, Maven, a [Stormpath Account](https://api.stormpath.com/register), and an `apiKey.properties` file in `~/stormpath/`.
11
 **Prerequisites**: Java 8, Node.js, Maven, a [Stormpath Account](https://api.stormpath.com/register), and an `apiKey.properties` file in `~/stormpath/`.
6
 
12
 
9
 Create your Spring Boot API project using [start.spring.io](https://start.spring.io).
15
 Create your Spring Boot API project using [start.spring.io](https://start.spring.io).
10
 
16
 
11
 ```
17
 ```
12
-http https://start.spring.io/starter.zip \
18
+http https://start.spring.io/starter.zip \/
13
 dependencies==data-jpa,data-rest,h2,web,devtools,security,stormpath -d
19
 dependencies==data-jpa,data-rest,h2,web,devtools,security,stormpath -d
14
 ```
20
 ```
15
 
21
 
811
 
817
 
812
 After making these additions, you should be able to add, edit and delete beers.
818
 After making these additions, you should be able to add, edit and delete beers.
813
 
819
 
814
-<p align="center">
815
-<img src="./static/beer-modal.png" width="350">&nbsp;&nbsp;
816
-<img src="./static/beer-delete.png" width="350">
817
-</div>
818
-
819
 ## PWAs with Ionic
820
 ## PWAs with Ionic
820
 
821
 
821
-Ionic 2 ships with support for creating progressive web apps (PWAs). If you’d like to learn more about what PWAs are, see [Navigating the World of Progressive Web Apps with Ionic 2](http://blog.ionic.io/navigating-the-world-of-progressive-web-apps-with-ionic-2/). 
822
-
823
-If you run the [Lighthouse Chrome extension](https://developers.google.com/web/tools/lighthouse/) on this application, you’ll get a mediocre score (54/100).
822
+Ionic 2 ships with support for creating progressive web apps (PWAs). Run the [Lighthouse Chrome extension](https://developers.google.com/web/tools/lighthouse/) on this application.
824
 
823
 
825
 To register a service worker, and improve the app’s score, uncomment the following block in `index.html`.
824
 To register a service worker, and improve the app’s score, uncomment the following block in `index.html`.
826
 
825