Skip to content

Commit

Permalink
vuepress update, added docsfold banner
Browse files Browse the repository at this point in the history
  • Loading branch information
@gmsa
gmsa committed Apr 28, 2023
1 parent ed51f94 commit 2b1d5ce
Show file tree
Hide file tree
Showing 4 changed files with 265 additions and 129 deletions.
176 changes: 128 additions & 48 deletions website/docs/.vuepress/components/HomepageGrid.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,62 +15,72 @@
:h="item.h"
:i="item.i"
>
<div v-if="item.i === '2'" style="width: 90%;margin-left: auto;margin-right: auto;margin-top: 5px;height: 90%;">
<iframe src="https://github.com/sponsors/jbaysolutions/card" title="Sponsor jbaysolutions" height="100%" width="100%" style="border: 0;"></iframe>
<!-- <iframe src="https://github.com/sponsors/jbaysolutions/button" title="Sponsor jbaysolutions" height="35" width="100%" style="border: 0; margin-left:auto;margin-right: auto;"></iframe>-->
<div v-if="item.i === '2'" class="docsfold-features">
<img src="assets/img/docsfold-logo-sm.png" alt="DocsFold" style="max-width: 100%;"/>
<div class="content">
<h2>API to generate image and PDF documents</h2>
<div style="padding:10px 0;">

<a href="https://www.docsfold.com?utm_source=vue-grid-layout-website&utm_medium=web&utm_campaign=vue-grid-layout" target="_blank" class="btn-read-more">Get started for FREE</a>
</div>
</div>
</div>
<span v-else class="text">{{itemTitle(item)}}</span>
<!-- <div v-if="item.i === '999'" style="width: 90%;margin-left: auto;margin-right: auto;margin-top: 5px;height: 90%;">
<iframe src="https://github.com/sponsors/jbaysolutions/card" title="Sponsor jbaysolutions" height="100%" width="100%" style="border: 0;"></iframe>
&lt;!&ndash; <iframe src="https://github.com/sponsors/jbaysolutions/button" title="Sponsor jbaysolutions" height="35" width="100%" style="border: 0; margin-left:auto;margin-right: auto;"></iframe>&ndash;&gt;
</div>-->
<span v-else class="text">{{ itemTitle(item) }}</span>
</grid-item>
</grid-layout>
</template>

<script>
import { GridLayout, GridItem } from "vue-grid-layout"
import {GridLayout, GridItem} from "vue-grid-layout"
export default {
name: "HomepageGrid",
components: {
GridLayout,
GridItem
},
data() {
return {
layout: [
{"x":0,"y":0,"w":2,"h":2,"i":"0", static: false},
{"x":10,"y":0,"w":2,"h":4,"i":"1", static: true},
{"x":2,"y":0,"w":8,"h":4,"i":"2", static: false},
{"x":6,"y":4,"w":2,"h":3,"i":"3", static: false},
{"x":8,"y":4,"w":2,"h":3,"i":"4", static: false},
{"x":10,"y":4,"w":2,"h":3,"i":"5", static: false},
{"x":0,"y":2,"w":2,"h":5,"i":"6", static: false},
{"x":2,"y":4,"w":2,"h":5,"i":"7", static: false},
{"x":4,"y":4,"w":2,"h":5,"i":"8", static: false},
{"x":6,"y":7,"w":2,"h":4,"i":"9", static: true},
{"x":8,"y":7,"w":2,"h":4,"i":"10", static: false},
{"x":10,"y":7,"w":2,"h":4,"i":"11", static: false},
{"x":0,"y":10,"w":2,"h":5,"i":"12", static: false},
{"x":2,"y":11,"w":2,"h":5,"i":"13", static: false},
{"x":4,"y":9,"w":2,"h":4,"i":"14", static: false},
{"x":6,"y":11,"w":2,"h":4,"i":"15", static: false},
{"x":8,"y":11,"w":2,"h":5,"i":"16", static: false},
{"x":10,"y":11,"w":2,"h":2,"i":"17", static: false},
{"x":0,"y":7,"w":2,"h":3,"i":"18", static: false},
{"x":2,"y":9,"w":2,"h":2,"i":"19", static: false}
],
draggable: true,
resizable: true,
index: 0
}
},
methods: {
itemTitle(item) {
let result = item.i;
if (item.static) {
result += " - Static";
}
return result;
}
}
name: "HomepageGrid",
components: {
GridLayout,
GridItem
},
data() {
return {
layout: [
{"x": 0, "y": 0, "w": 2, "h": 2, "i": "0", static: false},
{"x": 10, "y": 0, "w": 2, "h": 4, "i": "1", static: true},
{"x": 2, "y": 0, "w": 8, "h": 4, "i": "2", static: false},
{"x": 6, "y": 4, "w": 2, "h": 3, "i": "3", static: false},
{"x": 8, "y": 4, "w": 2, "h": 3, "i": "4", static: false},
{"x": 10, "y": 4, "w": 2, "h": 3, "i": "5", static: false},
{"x": 0, "y": 2, "w": 2, "h": 5, "i": "6", static: false},
{"x": 2, "y": 4, "w": 2, "h": 5, "i": "7", static: false},
{"x": 4, "y": 4, "w": 2, "h": 5, "i": "8", static: false},
{"x": 6, "y": 7, "w": 2, "h": 4, "i": "9", static: true},
{"x": 8, "y": 7, "w": 2, "h": 4, "i": "10", static: false},
{"x": 10, "y": 7, "w": 2, "h": 4, "i": "11", static: false},
{"x": 0, "y": 10, "w": 2, "h": 5, "i": "12", static: false},
{"x": 2, "y": 11, "w": 2, "h": 5, "i": "13", static: false},
{"x": 4, "y": 9, "w": 2, "h": 4, "i": "14", static: false},
{"x": 6, "y": 11, "w": 2, "h": 4, "i": "15", static: false},
{"x": 8, "y": 11, "w": 2, "h": 5, "i": "16", static: false},
{"x": 10, "y": 11, "w": 2, "h": 2, "i": "17", static: false},
{"x": 0, "y": 7, "w": 2, "h": 3, "i": "18", static: false},
{"x": 2, "y": 9, "w": 2, "h": 2, "i": "19", static: false}
],
draggable: true,
resizable: true,
index: 0
}
},
methods: {
itemTitle(item) {
let result = item.i;
if (item.static) {
result += " - Static";
}
return result;
}
}
}
</script>

Expand Down Expand Up @@ -134,4 +144,74 @@ export default {
}
.docsfold-features {
width: 90%;
margin-left: auto;
margin-right: auto;
/*margin-top: 5px;*/
height: 90%;
/*text-align: center!important;*/
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.docsfold-features img {
width: 30%;
height: auto;
object-fit: contain;
}
.docsfold-features .content {
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
align-items: center;
padding: 10px;
}
.docsfold-features h2 {
font-size: 18px;
margin-bottom: 10px;
border:0;
}
.docsfold-features .btn-read-more:hover {
background: #4104f1;
}
.docsfold-features .btn-read-more {
line-height: 0;
/*padding: 15px 40px;*/
padding: 10px 20px;
border-radius: 4px;
transition: 0.5s;
color: #fff;
background: #4154f1;
box-shadow: 0px 5px 25px rgba(65, 84, 241, 0.3);
/*cursor: pointer;*/
}
.docsfold-features .btn-read-more span {
font-family: "Nunito", sans-serif;
font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
}
.docsfold-features .btn-read-more i {
margin-left: 5px;
font-size: 18px !important;
transition: 0.3s;
color: #fff !important;
}
.docsfold-features .btn-read-more:hover i {
transform: translateX(5px);
}
</style>
Binary file added website/docs/.vuepress/public/assets/img/docsfold-logo-sm.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 6 additions & 5 deletions website/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,20 @@
"license": "MIT",
"private": false,
"scripts": {
"dev": "vuepress dev docs",
"dev": "cross-env NODE_OPTIONS=--openssl-legacy-provider vuepress dev docs",
"build": "vuepress build docs",
"serve": "vuepress serve docs"
"serve": "cross-env NODE_OPTIONS=--openssl-legacy-provider vuepress serve docs"
},
"dependencies": {
},
"devDependencies": {
"@vuepress/plugin-back-to-top": "^1.6.0",
"@vuepress/plugin-google-analytics": "^1.6.0",
"cross-env": "^7.0.3",
"@vuepress/plugin-back-to-top": "^1.9.9",
"@vuepress/plugin-google-analytics": "^1.9.9",
"vue-grid-layout": "^2.4.0",
"vuepress-plugin-seo": "^0.1.4",
"vuepress-plugin-sitemap": "^2.3.1",
"vuepress": "^1.7.1",
"vuepress": "^1.9.9",
"vuepress-plugin-serve": "^2.0.4"
},
"resolutions": {
Expand Down
Loading

0 comments on commit 2b1d5ce

Please sign in to comment.