├── .gitignore
├── netlify.toml
├── .vuepress
├── public
│ ├── front.jpg
│ ├── hero.png
│ ├── logo.png
│ ├── sidebar.jpg
│ ├── icons
│ │ ├── favicon-16x16.png
│ │ ├── favicon-32x32.png
│ │ ├── mstile-150x150.png
│ │ ├── apple-touch-icon.png
│ │ ├── android-chrome-192x192.png
│ │ ├── android-chrome-512x512.png
│ │ ├── apple-touch-icon-60x60.png
│ │ ├── apple-touch-icon-76x76.png
│ │ ├── apple-touch-icon-120x120.png
│ │ ├── apple-touch-icon-152x152.png
│ │ ├── apple-touch-icon-180x180.png
│ │ ├── msapplication-icon-144x144.png
│ │ └── safari-pinned-tab.svg
│ ├── admin
│ │ ├── index.html
│ │ └── config.yml
│ └── manifest.json
├── dist
│ └── assets
│ │ └── img
│ │ └── vuepress-deploy.jpg
├── config.js
└── override.styl
├── docs
├── progressive-web-apps.md
├── netlifycms-configuration.md
└── README.md
├── package.json
├── LICENSE
└── README.md
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | .vuepress/dist/
3 |
--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
1 | [build]
2 | command = "npm run build"
3 | publish = ".vuepress/dist/"
4 |
--------------------------------------------------------------------------------
/.vuepress/public/front.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/front.jpg
--------------------------------------------------------------------------------
/.vuepress/public/hero.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/hero.png
--------------------------------------------------------------------------------
/.vuepress/public/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/logo.png
--------------------------------------------------------------------------------
/.vuepress/public/sidebar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/sidebar.jpg
--------------------------------------------------------------------------------
/.vuepress/public/icons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/favicon-16x16.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/favicon-32x32.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/mstile-150x150.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/apple-touch-icon.png
--------------------------------------------------------------------------------
/.vuepress/dist/assets/img/vuepress-deploy.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/dist/assets/img/vuepress-deploy.jpg
--------------------------------------------------------------------------------
/.vuepress/public/icons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/android-chrome-192x192.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/android-chrome-512x512.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/apple-touch-icon-60x60.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/apple-touch-icon-60x60.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/apple-touch-icon-76x76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/apple-touch-icon-76x76.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/apple-touch-icon-120x120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/apple-touch-icon-120x120.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/apple-touch-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/apple-touch-icon-152x152.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/apple-touch-icon-180x180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/apple-touch-icon-180x180.png
--------------------------------------------------------------------------------
/.vuepress/public/icons/msapplication-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/capriosa/vuepress-deploy/HEAD/.vuepress/public/icons/msapplication-icon-144x144.png
--------------------------------------------------------------------------------
/docs/progressive-web-apps.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Progressive Web Apps
3 | ---
4 | # Progressive Web Apps
5 |
6 | ## Anforderungen
7 |
8 | ## Entwicklung einer PWA
9 |
10 | ## Wie funktioniert eine PWA?
11 |
12 | ## Vorteile einer PWA
13 |
14 | ## PWA testen
15 |
--------------------------------------------------------------------------------
/.vuepress/public/admin/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Content Manager
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/.vuepress/public/admin/config.yml:
--------------------------------------------------------------------------------
1 | backend:
2 | name: github
3 | repo: capriosa/vuepress-deploy
4 | branch: master
5 |
6 | public_folder: ".vuepress/dist/"
7 | media_folder: ".vuepress/dist/assets/img"
8 |
9 | collections:
10 | - name: "doc"
11 | label: "Doc"
12 | folder: "docs"
13 | create: true
14 | slug: "{{slug}}"
15 | fields:
16 | - {label: "Title", name: "title", widget: "string"}
17 | - {label: "Body", name: "body", widget: "markdown"}
18 |
19 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vuepress",
3 | "version": "1.0.0",
4 | "repository": "https://github.com/capriosa/vuepress-deploy",
5 | "description": "Starter template for a VuePress site",
6 | "author": "Meinolf Droste ",
7 | "license": "MIT",
8 | "scripts": {
9 | "dev": "vuepress dev",
10 | "build": "vuepress build"
11 | },
12 | "devDependencies": {
13 | "vuepress": "^0.6.0"
14 | },
15 | "dependencies": {
16 | "eslint": "^4.19.1",
17 | "npm": "^6.14.6"
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/.vuepress/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "VuePress Deploy",
3 | "short_name": "VuePress",
4 | "icons": [{
5 | "src": "/icons/android-chrome-192x192.png",
6 | "sizes": "192x192",
7 | "type": "image/png"
8 | },
9 | {
10 | "src": "/icons/android-chrome-512x512.png",
11 | "sizes": "512x512",
12 | "type": "image/png"
13 | }
14 | ],
15 | "start_url": "/index.html",
16 | "display": "standalone",
17 | "background_color": "#fff",
18 | "theme_color": "#4527a0"
19 | }
--------------------------------------------------------------------------------
/docs/netlifycms-configuration.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: NetlifyCMS
3 | ---
4 | # NetlifyCMS
5 |
6 | ## NetlifyCMS configuration
7 |
8 | 
9 |
10 | In '.vuepress/public/config.yml' change the repo name
11 |
12 | ```
13 | backend:
14 | name: github
15 | repo: capriosa/vuepress-deploy
16 | branch: master
17 | ```
18 |
19 | Then add an Oauth app to your github account: https://github.com/settings/developers
20 | For the Authorization callback URL, enter https://api.netlify.com/auth/done.
21 |
22 | When you complete the registration, you’ll be given a Client ID and a Client Secret for the app. You’ll need to add these to your Netlify project:
23 |
24 | ```
25 | Go to your Netlify dashboard and click on your project.
26 | Navigate to Settings > Access control > OAuth.
27 | Under Authentication Providers, click Install Provider.
28 | Select GitHub and enter the Client ID and Client Secret, then save.
29 | ```
30 |
31 | Now you can loggin to your NetlifyCMS with '/admin' after the URL of your site.
32 |
33 | ## Bedienung des CMS
34 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2018 Anish Karandikar
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | home: true
3 | pageClass: front
4 | actionText: Hello VuePress →
5 | actionLink: /docs/
6 | features:
7 | - title: One-click Deploy
8 | details: Use the ”Deploy to Netlify“ button below to create a new VuePress installation with one simple click. Get my wonderful VuePress theme for free.
9 | - title: Github
10 | details: You need a Github and a Netlify account. Otherwise the Deploy Button doesn't work.
11 | - title: Netlify
12 | details: The “Deploy to Netlify” button helps users deploy new sites from templates with one single click on Netlify.
13 |
14 | ---
15 |
16 |
17 |
18 | # VuePress Deploy
19 |
20 | This is a Starter template for a [VuePress](https://vuepress.vuejs.org) with a Progressive Web App (PWA) out of the box.
21 | And it integrates the NetlifyCMS with VuePress.
22 |
23 | ## One-click Deploy
24 |
25 | [](https://app.netlify.com/start/deploy?repository=https://github.com/capriosa/vuepress-deploy)
26 |
27 | ## Local Development
28 |
29 | To try it out locally, clone this repo and generate a static site.
30 |
31 | ```bash{3}
32 | git clone https://github.com/capriosa/vuepress-deploy
33 | cd vuepress-deploy
34 | npm install
35 | npm run build or npm run dev to start a local server
36 | ```
37 |
38 | For more information, see [VuePress Docs](https://vuepress.vuejs.org)
39 |
--------------------------------------------------------------------------------
/.vuepress/config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | title: "VuePress Deploy",
3 | locales: {
4 | '/': {
5 | lang: 'de-DE',
6 | title: 'VuePress Deploy',
7 | description: 'Vuepress with Netlify Deploy Button'
8 | }
9 | },
10 | head: [
11 | ['link', { rel: 'icon', href: `/logo.png` }],
12 | ['link', { rel: 'manifest', href: '/manifest.json' }],
13 | ['link', { rel: 'canonical', href: 'https://vuepress-deploy.netlify.com' }],
14 | ['meta', { name: 'theme-color', content: '#3eaf7c' }],
15 | ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
16 | ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
17 | ['link', { rel: 'apple-touch-icon', href: `/icons/apple-touch-icon-152x152.png` }],
18 | ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3eaf7c' }],
19 | ['meta', { name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' }],
20 | ['meta', { name: 'msapplication-TileColor', content: '#000000' }]
21 | ],
22 | serviceWorker: true,
23 | themeConfig: {
24 | docsDir: 'docs',
25 | repo: 'capriosa/vuepress-deploy',
26 |
27 | nav: [{
28 | text: 'Start',
29 | link: '/docs/',
30 | },
31 | {
32 | text: 'Admin',
33 | link: '/admin',
34 | },
35 | {
36 | text: 'NetlifyCMS Config Help',
37 | link: '/docs/netlifycms-configuration.html',
38 | }
39 |
40 | ]
41 |
42 | }
43 | }
--------------------------------------------------------------------------------
/.vuepress/override.styl:
--------------------------------------------------------------------------------
1 | $accentColor = #4527a0
2 | $textColor = #212121
3 | $borderColor = #bdbdbd
4 | $codeBgColor = #282c34
5 |
6 | .front {
7 | background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url("/front.jpg");
8 | background-size: cover;
9 | padding-top: 10%;
10 |
11 |
12 | }
13 |
14 | .sidebar {
15 | background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)), url("/sidebar.jpg");
16 | background-size: cover;
17 | }
18 |
19 | h1, h2, h3 {
20 | border-bottom: none !important;
21 | }
22 |
23 | .content h1:after,.content h2:after,.content h3:after {
24 | content: ""; /* This is necessary for the pseudo element to work. */
25 | display: block; /* This will put the pseudo element on its own line. */
26 | margin: 0 0; /* This will center the border. */
27 | width: 5%; /* Change this to whatever width you want. */
28 | padding-top: 20px; /* This creates some space between the element and the border. */
29 | border-bottom: 3px solid #4527a0; /* This creates the border. Replace black with whatever color you want. */
30 | }
31 |
32 | body
33 | overflow-x: hidden !important;
34 |
35 | @media (min-width: 1000px)
36 | .front
37 | max-height: 85vh;
38 | .home .features
39 | margin-bottom: 170px !important;
40 |
41 |
42 | @media (max-width:999px)
43 | .content.custom
44 |
45 | background: #fff;
46 | position: absolute;
47 | padding: 20px 30px 0 20px !important;
48 | margin: 0;
49 | max-width: 100%;
50 | left: 0;
51 | overflow-x: hidden !important;
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 | .home .hero, .home .description, .home .feature h2, .home .feature p{
60 | color: #fff !important;
61 | }
62 |
63 | .sidebar {
64 | background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.85)), url("/sidebar.jpg");
65 | color: #fff
66 | }
67 |
68 | .sidebar a {
69 | color: #fff;
70 | }
71 |
72 | .sidebar-links {
73 | background-color: #19212b;
74 | border-top: 1px solid #404854;
75 | border-bottom: 1px solid #404854;
76 | margin-top: 60px !important
77 | }
78 |
79 | .sidebar .nav-links {
80 | background-color: #19212b;
81 | border-top: none;
82 | border-bottom: 1px solid #404854;
83 | }
84 |
85 | .theme-container .sidebar {
86 | background-color: #262f3d;
87 | }
88 |
89 | .theme-container .search-box input,
90 | .theme-container .search-box .suggestion a {
91 | color: #009688;
92 | }
93 |
94 | .theme-container .content code {
95 | background-color: #2e3d44;
96 | }
97 |
98 | .navbar {
99 | background-color: #7953d2 !important;
100 | }
101 |
102 | .site-name {
103 | color: #fff !important;
104 | }
105 |
106 | .nav-links, .nav-links a:hover, .nav-links a.router-link-active {
107 | color: #fff;
108 | }
109 |
110 | .search-box {
111 | display: inline-block;
112 | position: absolute;
113 | right: -15rem;
114 | }
115 |
116 | .navbar .links {
117 | font-size: 0.9rem;
118 | position: absolute;
119 | right: 16.5rem;
120 | top: 0.7rem;
121 | }
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | sidebar: auto
3 | title: Markdown examples
4 | ---
5 | # Markdown examples
6 | Edit on 30.04.2018 with NetlifyCMS
7 |
8 | # h1 HmHm 8-)
9 |
10 | ## h2 Heading
11 |
12 | ### h3 Heading
13 |
14 | #### h4 Heading
15 |
16 | ##### h5 Heading
17 |
18 | ###### h6 Heading
19 |
20 | ```
21 | # h1 HmHm 8-)
22 | ## h2 Heading
23 | ### h3 Heading
24 | #### h4 Heading
25 | ##### h5 Heading
26 | ###### h6 Heading
27 | ```
28 |
29 | ## Horizontal Rules
30 |
31 | - - -
32 |
33 | ```
34 | - - -
35 | ```
36 |
37 | ## Typographic replacement
38 |
39 | (c) (C) (r) (R) (tm) (TM) (p) (P) +-
40 | ```
41 | (c) (C) (r) (R) (tm) (TM) (p) (P) +-
42 | ```
43 | ## Emphasis
44 |
45 | **This is bold text**
46 |
47 | __This is bold text__
48 |
49 | *This is italic text*
50 |
51 | _This is italic text_
52 |
53 | ~~Strikethrough~~
54 | ```
55 | **This is bold text**
56 |
57 | __This is bold text__
58 |
59 | _This is italic text_
60 |
61 | *This is italic text*
62 |
63 | ~~Strikethrough~~
64 | ```
65 |
66 | ## Blockquotes
67 |
68 | > Blockquotes can also be nested...
69 | >
70 | > > ...by using additional greater-than signs right next to each other...
71 | > >
72 | > > > ...or with spaces between arrows.
73 | ```
74 | > Blockquotes can also be nested...
75 | >
76 | > > ...by using additional greater-than signs right next to each other...
77 | > >
78 | > > > ...or with spaces between arrows.
79 | ```
80 |
81 | ## Lists
82 |
83 | Unordered
84 |
85 | * Create a list by starting a line with `+`, `-`, or `*`
86 | * Sub-lists are made by indenting 2 spaces:
87 | * Marker character change forces new list start:
88 | * Ac tristique libero volutpat at
89 | * Facilisis in pretium nisl aliquet
90 | * Nulla volutpat aliquam velit
91 | * Very easy!
92 | ```
93 | * Create a list by starting a line with `+`, `-`, or `*`
94 | * Sub-lists are made by indenting 2 spaces:
95 | * Marker character change forces new list start:
96 | * Ac tristique libero volutpat at
97 | * Facilisis in pretium nisl aliquet
98 | * Nulla volutpat aliquam velit
99 | * Very easy!
100 | ```
101 |
102 | Ordered
103 |
104 | 1. Lorem ipsum dolor sit amet
105 | 2. Consectetur adipiscing elit
106 | 3. Integer molestie lorem at massa
107 | 4. You can use sequential numbers...
108 | 5. ...or keep all the numbers as `1.`
109 |
110 | Start numbering with offset:
111 |
112 | 57. foo
113 | 58. bar
114 | ```
115 | Ordered
116 |
117 | 1. Lorem ipsum dolor sit amet
118 | 2. Consectetur adipiscing elit
119 | 3. Integer molestie lorem at massa
120 | 4. You can use sequential numbers...
121 | 5. ...or keep all the numbers as `1.`
122 |
123 | Start numbering with offset:
124 |
125 | 57. foo
126 | 58. bar
127 | ```
128 |
129 | ## Code
130 |
131 | Syntax highlighting
132 |
133 | ```js
134 | var foo = function (bar) {
135 | return bar++;
136 | };
137 |
138 | console.log(foo(5));
139 | ```
140 |
141 | ## Tables
142 |
143 | | Option | Description |
144 | | ------ | ------------------------------------------------------------------------- |
145 | | data | path to data files to supply the data that will be passed into templates. |
146 | | engine | engine to be used for processing templates. Handlebars is the default. |
147 | | ext | extension to be used for dest files. |
148 |
149 | Right aligned columns
150 |
151 | | Option | Description |
152 | | ------ | ------------------------------------------------------------------------- |
153 | | data | path to data files to supply the data that will be passed into templates. |
154 | | engine | engine to be used for processing templates. Handlebars is the default. |
155 | | ext | extension to be used for dest files. |
156 | ```
157 | | Option | Description |
158 | | ------ | ------------------------------------------------------------------------- |
159 | | data | path to data files to supply the data that will be passed into templates. |
160 | | engine | engine to be used for processing templates. Handlebars is the default. |
161 | | ext | extension to be used for dest files. |
162 |
163 | Right aligned columns
164 |
165 | | Option | Description |
166 | | ------ | ------------------------------------------------------------------------- |
167 | | data | path to data files to supply the data that will be passed into templates. |
168 | | engine | engine to be used for processing templates. Handlebars is the default. |
169 | | ext | extension to be used for dest files. |
170 | ```
171 |
172 | ## Links
173 |
174 | [link text](http://dev.nodeca.com)
175 |
176 | [link with title](http://nodeca.github.io/pica/demo/ "title text!")
177 | ```
178 | [link text](http://dev.nodeca.com)
179 |
180 | [link with title](http://nodeca.github.io/pica/demo/ "title text!")
181 | ```
182 |
183 | ## Images
184 |
185 | 
186 | 
187 |
188 | Like links, Images also have a footnote style syntax
189 |
190 | 
191 |
192 | With a reference later in the document defining the URL location:
193 |
194 | ```
195 | 
196 | 
197 |
198 | Like links, Images also have a footnote style syntax
199 |
200 | 
201 | ```
202 |
203 | ### [Emojies](https://github.com/markdown-it/markdown-it-emoji)
204 |
205 | > Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
206 | >
207 | > Shortcuts (emoticons): :-) :-( 8-) ;)
208 | ```
209 | > Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
210 | >
211 | > Shortcuts (emoticons): :-) :-( 8-) ;)
212 | ```
213 |
214 | ::: warning
215 | _here be dragons_
216 | :::
217 | ```
218 | ::: warning
219 | _here be dragons_
220 | :::
221 | ```
222 |
--------------------------------------------------------------------------------
/.vuepress/public/icons/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
150 |
--------------------------------------------------------------------------------