Skip to content

Commit d2f0442

Browse files
dmitriyzhukdmitriyzhuk
committed
added themes image
1 parent f801502 commit d2f0442

File tree

7 files changed

+30
-60
lines changed

7 files changed

+30
-60
lines changed

Diff for: ‎.vuepress/components/appLayout.vue

+3-3
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
<p>The AppStore is on its way. We are at the stage of designing the architecture of VueFront and preparing for the first Production release. Once we have a production tested version, we will start adding APPs.</p>
1010

1111
<p>
12-
You can start today by
13-
<router-link to="/support.html">contacting us</router-link>to get started with developing the very first VueFront Apps. Once we are out, your apps will be the first in the list.
12+
Start today with developing the very first VueFront App. Once we launch the AppStore, your app will be the first in the list. Learn more by
13+
<router-link to="/support.html">contacting us</router-link>.
1414
</p>
1515
</div>
1616
</template>
@@ -25,7 +25,7 @@
2525
padding: 15px;
2626
}
2727
.apps-img {
28-
width: 75%;
28+
width: 75% !important;
2929
display: block;
3030
box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.15);
3131
border-radius: 5px;

Diff for: ‎.vuepress/components/cmsLayout.vue

+13-4
Original file line numberDiff line numberDiff line change
@@ -39,22 +39,22 @@
3939
</p>
4040
<div class="row">
4141
<div class="col">
42-
<img src="/img/cms/drupal.jpg" />
42+
<img src="/img/cms/drupal.jpg" class="inactive" />
4343
<h4>Drupal</h4>
4444
<small>Coming soon</small>
4545
</div>
4646
<div class="col">
47-
<img src="/img/cms/shopify.jpg" />
47+
<img src="/img/cms/shopify.jpg" class="inactive" />
4848
<h4>Shopify</h4>
4949
<small>Coming soon</small>
5050
</div>
5151
<div class="col">
52-
<img src="/img/cms/bigcommerce.jpg" />
52+
<img src="/img/cms/bigcommerce.jpg" class="inactive" />
5353
<h4>Bigcommerce</h4>
5454
<small>Coming soon</small>
5555
</div>
5656
<div class="col">
57-
<img src="/img/cms/volusion.jpg" />
57+
<img src="/img/cms/volusion.jpg" class="inactive" />
5858
<h4>Volusion</h4>
5959
<small>Coming soon</small>
6060
</div>
@@ -73,6 +73,15 @@
7373
}
7474
.themes-page img {
7575
width: 100%;
76+
border-radius: 5px;
77+
transition: box-shadow 0.2s ease-in-out;
78+
}
79+
.themes-page img.inactive {
80+
filter: grayscale(1);
81+
}
82+
.themes-page img:hover {
83+
box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.05);
84+
transition: box-shadow 0.2s ease-in-out;
7685
}
7786
hr {
7887
margin: 20px 0px;

Diff for: ‎.vuepress/components/themeLayout.vue

+10-51
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,10 @@
11
<template>
22
<div class="home themes-page">
3-
<h1>VueFront Themes</h1>
4-
<p>Install amazing VueFront themes for your Website or Ecommerce site.</p>
5-
<div class="row">
6-
<div class="col">
7-
<img
8-
src="https://themes.getbootstrap.com/wp-content/uploads/2019/03/preview_screenshot-600x450.jpg"
9-
>
10-
<h4>Default theme</h4>
11-
<p>The default theme for VueFront</p>
12-
</div>
13-
<div class="col">
14-
<img src="https://themes.getbootstrap.com/wp-content/uploads/2019/03/screenshot-1.png">
15-
<h4>Default theme</h4>
16-
<small>The default theme for VueFront</small>
17-
</div>
18-
<div class="col">
19-
<img
20-
src="https://themes.getbootstrap.com/wp-content/uploads/2018/02/BS_Marketing-768x576.png"
21-
>
22-
<h4>Default theme</h4>
23-
<small>The default theme for VueFront</small>
24-
</div>
25-
</div>
26-
<hr>
27-
<div class="row">
28-
<div class="col">
29-
<img
30-
src="https://themes.getbootstrap.com/wp-content/uploads/2018/05/front-preview-screenshot.jpg"
31-
>
32-
<h4>Default theme</h4>
33-
<small>The default theme for VueFront</small>
34-
</div>
35-
<div class="col">
36-
<img src="https://themes.getbootstrap.com/wp-content/uploads/2019/03/leap-1200x900.png">
37-
<h4>Default theme</h4>
38-
<small>The default theme for VueFront</small>
39-
</div>
40-
</div>
41-
<div class="row">
42-
<div class="col">
43-
<img src="https://themes.getbootstrap.com/wp-content/uploads/2018/09/screenshot-1.png">
44-
<h4>Default theme</h4>
45-
<small>The default theme for VueFront</small>
46-
</div>
47-
<div class="col">
48-
<img src="https://themes.getbootstrap.com/wp-content/uploads/2019/02/screenshot.jpg">
49-
<h4>Default theme</h4>
50-
<small>The default theme for VueFront</small>
51-
</div>
3+
<div class="center">
4+
<h1>VueFront Themes</h1>
5+
<p>Install amazing VueFront themes for your Website or Ecommerce site.</p>
526
</div>
7+
<img src="/img/themes.png" class="themes-img" />
538
</div>
549
</template>
5510

@@ -62,8 +17,12 @@
6217
flex: 1;
6318
padding: 15px;
6419
}
65-
.themes-page img {
66-
width: 100%;
20+
.themes-img {
21+
width: 75% !important;
22+
display: block;
23+
box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.15);
24+
border-radius: 5px;
25+
margin: 75px auto;
6726
}
6827
hr {
6928
margin: 20px 0px;

Diff for: ‎.vuepress/public/img/themes.png

678 KB
Loading

Diff for: ‎README.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: VueFront
33
lang: en-US
44
meta:
55
- name: description
6-
content: Vue powered agnostic SPA frontend for your old fashioned Blog and E-commerce site.
6+
content: Vue Powered CMS agnostic SPA & PWA frontend for your old-fashioned Blog and E-commerce site.
77
- name: keywords
88
content: Vue, VueFront, SPA, PWA, Nuxt, agnostic, frontend, framework
99
home: true
@@ -12,7 +12,7 @@ actionText: Get Started →
1212
actionLink: /guide/
1313
features:
1414
- title: Use it today
15-
details: Compatible with Wordpress, Woocommerce, Shopify, Magento, Drupal, Joomla, Opencart and more.
15+
details: Compatible with Wordpress, Woocommerce, Opencart, Prestashop, Magento, Shopify, Drupal, Joomla, and more.
1616
- title: Build for the future
1717
details: Single Page application (SPA) and Progressive Web App (PWA) out of the box.
1818
- title: Just works

Diff for: ‎apps/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ meta:
88
content: VueFront Documentation. Learn how to setup, extend and develop your fully functional SPA and PWA frontend.
99
- name: keywords
1010
content: vuefront, vuejs, nuxt, agnostic framework, documentation
11+
footer: MIT Licensed | Copyright © 2018-present Dreamvention
1112
---
1213

1314
# Apps

Diff for: ‎community/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ meta:
77
content: VueFront Documentation. Learn how to setup, extend and develop your fully functional SPA and PWA frontend.
88
- name: keywords
99
content: vuefront, vuejs, nuxt, agnostic framework, documentation
10+
footer: MIT Licensed | Copyright © 2018-present Dreamvention
1011
---
1112

1213
# Directory Structure

0 commit comments

Comments
 (0)