Skip to content

Commit b2aaa37

Browse files
LrxGaelleLrxGaelle
committed
add routing for user guide and add user guide on homepage
1 parent 3a2696a commit b2aaa37

22 files changed

Lines changed: 168 additions & 68 deletions

File tree

‎src/.vuepress/components/Home.vue‎

Lines changed: 143 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -2,44 +2,108 @@
22
<div class="bimdata-documentation__home">
33
<Navbar />
44
<section class="bimdata-documentation__home__header m-b-48">
5-
<h1 class="bimdata-h1">Documentation</h1>
6-
<div class="home_illustration flex items-center justify-center m-b-18">
7-
<img :src="$withBase('/assets/img/home_illu.svg')" alt="" />
5+
<div class="home_title flex">
6+
<h1 class="bimdata-h1">Documentation</h1>
7+
<h2>Go from idea to integration: guides, APIs, and examples.</h2>
88
</div>
99
<div class="home_links flex justify-center">
10-
<BIMDataCard>
10+
<BIMDataCard borderRadius="8px">
1111
<template #content>
12-
<img :src="$withBase('/assets/img/bimdata_icon-viewer.svg')" alt="" />
13-
<h3 class="color-primary">Viewer</h3>
14-
<p>BIMData provides you a customizable 3D Viewer, to see and manipulate your models.</p>
15-
<RouterLink to="/viewer/">
16-
<BIMDataButton width="165px" color="primary" fill radius>Viewer</BIMDataButton>
12+
<img
13+
:src="$withBase('/assets/img/bimdata_icon-api.png')"
14+
alt=""
15+
height="111px"
16+
width="144px"
17+
/>
18+
<div>
19+
<h3 class="color-primary">API</h3>
20+
<p>
21+
BIMData’s API gives you the tools to upload and manage your project models (IFC,
22+
PDFs, DWGs, point clouds, and 360° photos) and retrieve structured data from them.
23+
</p>
24+
</div>
25+
<RouterLink to="/api/introduction/overview">
26+
<BIMDataButton color="primary" outline width="45px" height="45px">
27+
<span class="btn-arrow">
28+
<Icon :name="'arrow'" :rotate="180" size="xxs" />
29+
</span>
30+
<span class="btn-text m-l-12">Voir plus</span>
31+
</BIMDataButton>
1732
</RouterLink>
1833
</template>
1934
</BIMDataCard>
20-
<BIMDataCard>
35+
<BIMDataCard borderRadius="8px">
2136
<template #content>
22-
<img :src="$withBase('/assets/img/bimdata_icon-api.svg')" alt="" />
23-
<h3 class="color-primary">API</h3>
24-
<p>
25-
BIMData's API provides you tools to upload IFCs, manage your files and retreive your
26-
model data.
27-
</p>
28-
<RouterLink to="/api/introduction/overview">
29-
<BIMDataButton width="165px" color="primary" fill radius>API</BIMDataButton>
37+
<img
38+
:src="$withBase('/assets/img/bimdata_icon-viewer.png')"
39+
alt=""
40+
height="111px"
41+
width="170px"
42+
/>
43+
<div>
44+
<h3 class="color-primary">Viewer</h3>
45+
<p>
46+
BIMData offers a customizable 3D viewer that lets you view, inspect, and manipulate
47+
your models in real time.
48+
</p>
49+
</div>
50+
<RouterLink to="/viewer/">
51+
<BIMDataButton color="primary" outline width="45px" height="45px">
52+
<span class="btn-arrow">
53+
<Icon :name="'arrow'" :rotate="180" size="xxs" />
54+
</span>
55+
<span class="btn-text m-l-12">Voir plus</span>
56+
</BIMDataButton>
3057
</RouterLink>
3158
</template>
3259
</BIMDataCard>
33-
<BIMDataCard>
60+
<BIMDataCard borderRadius="8px">
3461
<template #content>
35-
<img :src="$withBase('/assets/img/bimdata_icon-on_premises.svg')" alt="" />
36-
<h3 class="color-primary">On-Premises</h3>
37-
<p>
38-
BIMData's On-Premises provides you the possibility to host our solutions on your
39-
servers.
40-
</p>
62+
<img
63+
:src="$withBase('/assets/img/bimdata_icon-on_premises.png')"
64+
alt=""
65+
height="111px"
66+
width="140px"
67+
/>
68+
<div>
69+
<h3 class="color-primary">On-Premises</h3>
70+
<p>
71+
BIMData's On-Premises provides you the possibility to host our solutions on your
72+
servers.
73+
</p>
74+
</div>
4175
<RouterLink to="/on-premises/getting_started.html">
42-
<BIMDataButton width="165px" color="primary" fill radius>On-Premises</BIMDataButton>
76+
<BIMDataButton color="primary" outline width="45px" height="45px">
77+
<span class="btn-arrow">
78+
<Icon :name="'arrow'" :rotate="180" size="xxs" />
79+
</span>
80+
<span class="btn-text m-l-12">Voir plus</span>
81+
</BIMDataButton>
82+
</RouterLink>
83+
</template>
84+
</BIMDataCard>
85+
<BIMDataCard borderRadius="8px">
86+
<template #content>
87+
<img
88+
:src="$withBase('/assets/img/bimdata_icon-user_guide.png')"
89+
alt=""
90+
height="104px"
91+
width="154px"
92+
/>
93+
<div>
94+
<h3 class="color-primary">User-Guide</h3>
95+
<p>
96+
User guides help you get started with BIMData and walk you through key workflows
97+
step by step.
98+
</p>
99+
</div>
100+
<RouterLink to="/user-guide/creer-un-compte-bimdata/creer-un-compte-bimdata.html">
101+
<BIMDataButton color="primary" outline width="45px" height="45px">
102+
<span class="btn-arrow">
103+
<Icon :name="'arrow'" :rotate="180" size="xxs" />
104+
</span>
105+
<span class="btn-text m-l-12">Voir plus</span>
106+
</BIMDataButton>
43107
</RouterLink>
44108
</template>
45109
</BIMDataCard>
@@ -180,7 +244,7 @@
180244
</template>
181245

182246
<script>
183-
import { BIMDataButton, BIMDataCard } from "@bimdata/design-system";
247+
import { BIMDataButton, BIMDataCard, BIMDataIcon, BIMDataIconArrow } from "@bimdata/design-system";
184248
//import BIMDataCard from "@bimdata/design-system/dist/js/BIMDataComponents/BIMDataCard.js";
185249
186250
import Navbar from "@vuepress/theme-default/components/Navbar.vue";
@@ -189,6 +253,7 @@ export default {
189253
components: {
190254
BIMDataCard,
191255
BIMDataButton,
256+
BIMDataIconArrow,
192257
Navbar,
193258
},
194259
};
@@ -204,43 +269,70 @@ export default {
204269
h1 {
205270
text-align: center;
206271
}
272+
.home_title {
273+
justify-content: center;
274+
flex-direction: column;
275+
width: 83vw;
276+
align-items: flex-start;
277+
margin: auto;
278+
h1 {
279+
font-size: 43px;
280+
margin-bottom: 0;
281+
}
282+
h2 {
283+
font-size: 18px;
284+
color: #205dbd;
285+
border: none;
286+
}
287+
}
207288
.home_links {
208-
width: 100%;
289+
gap: 12px;
290+
width: 83vw;
291+
margin: auto;
292+
justify-content: space-between;
209293
.bimdata-card {
210-
margin-right: 53px;
211-
padding: 16px;
212-
max-width: 330px;
213-
text-align: center;
214-
img {
215-
margin: auto;
216-
height: 220px;
294+
padding: 8px;
295+
flex: 1;
296+
box-shadow: none;
297+
border: 1px solid #d8d8d8;
298+
:deep(.bimdata-card__content) {
299+
height: 410px;
217300
display: flex;
218-
align-items: center;
219-
justify-content: center;
301+
flex-direction: column;
302+
justify-content: space-around;
220303
}
221304
h3 {
305+
margin: 0;
222306
position: relative;
223-
&::after {
224-
content: "";
225-
position: absolute;
226-
width: 16px;
227-
height: 2px;
228-
bottom: -7px;
229-
left: calc(50% - (16px / 2));
230-
background-color: $color-secondary;
231-
}
307+
font-size: 33px;
232308
}
233309
p {
234-
margin: 18px 0;
310+
margin: 12px 0 0;
235311
min-height: 60px;
236312
display: flex;
237313
align-items: center;
314+
font-size: 16px;
315+
line-height: 24px;
238316
}
239317
.bimdata-btn {
240-
margin: auto;
241-
}
242-
&:last-child {
243-
margin-right: 0;
318+
// font-size: 30px;
319+
border-radius: 50px;
320+
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
321+
.btn-arrow {
322+
}
323+
.btn-text {
324+
display: none;
325+
}
326+
&:hover {
327+
width: 145px;
328+
background-color: $color-primary;
329+
color: $color-white;
330+
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
331+
.btn-text {
332+
display: inline;
333+
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
334+
}
335+
}
244336
}
245337
}
246338
}

‎src/.vuepress/components/Icon.vue‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<BIMDataIcon :name="name" :size="size" />
2+
<BIMDataIcon :name="name" :size="size" :rotate="rotate" />
33
</template>
44

55
<script>
@@ -12,6 +12,7 @@ export default {
1212
props: {
1313
name: String,
1414
size: String,
15+
rotate: Number
1516
}
1617
}
1718
</script>

‎src/.vuepress/config.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ module.exports = {
1313
{ text: "API", link: "/api/introduction/overview.html" },
1414
{ text: "Viewer", link: "/viewer/" },
1515
{ text: "On Premises", link: "/on-premises/getting_started.html" },
16+
{ text: "User Guide", link: "/user-guide/creer-un-compte-bimdata/creer-un-compte-bimdata.html" },
1617
],
1718
sidebar,
1819
searchPlaceholder: "Search",

‎src/.vuepress/public/assets/img/bimdata_icon-api.png‎

95.4 KB
Loading

‎src/.vuepress/public/assets/img/bimdata_icon-on_premises.png‎

86.3 KB
Loading

‎src/.vuepress/public/assets/img/bimdata_icon-user_guide.png‎

95.4 KB
Loading

‎src/.vuepress/public/assets/img/bimdata_icon-viewer.png‎

99.4 KB
Loading

‎src/.vuepress/sidebar.js‎

Lines changed: 21 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,15 @@ module.exports = {
33
"/plateform/": [],
44
"/viewer/": getViewerSidebar(),
55
"/on-premises/": getOnpremSidebar(),
6+
"/user-guide/": getUserGuideSidebar(),
67
};
78

89
function getApiSidebar() {
910
return [
1011
{
1112
title: "Introduction",
1213
collapsable: false,
13-
children: [
14-
"introduction/overview",
15-
"introduction/quick_start",
16-
"introduction/concepts",
17-
],
14+
children: ["introduction/overview", "introduction/quick_start", "introduction/concepts"],
1815
},
1916
{
2017
title: "Guides",
@@ -40,10 +37,7 @@ function getViewerSidebar() {
4037
"",
4138
{
4239
title: "Guide",
43-
children: [
44-
"guide/",
45-
"guide/plugins",
46-
],
40+
children: ["guide/", "guide/plugins"],
4741
},
4842
{
4943
title: "Examples",
@@ -96,10 +90,7 @@ function getOnpremSidebar() {
9690
"install/prerequisites",
9791
{
9892
title: "Quickstart",
99-
children: [
100-
"install/quickstart/install",
101-
"install/quickstart/config",
102-
],
93+
children: ["install/quickstart/install", "install/quickstart/config"],
10394
},
10495
"install/high_availability",
10596
],
@@ -116,9 +107,23 @@ function getOnpremSidebar() {
116107
"config/env/platform_back",
117108
"config/env/archive",
118109
"config/env/workers",
119-
]
120-
}
121-
]
110+
],
111+
},
112+
],
122113
},
123114
];
124115
}
116+
117+
function getUserGuideSidebar() {
118+
return [
119+
{
120+
title: "Créer un compte BIMData",
121+
path: "creer-un-compte-bimdata/creer-un-compte-bimdata",
122+
},
123+
{
124+
title: "Tableau de bord",
125+
path: "tableau-de-bord/tableau-de-bord",
126+
}
127+
];
128+
}
129+

‎src/user-guide/bcf-plateforme/bcf-plateforme.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# BCF Plateforme

src/user-guide/Créer un compte BIMData.md renamed to src/user-guide/compte-de-facturation/compte-de-facturation.md

File renamed without changes.

0 commit comments

Comments
 (0)