-
Notifications
You must be signed in to change notification settings - Fork 128
/
about.vue
executable file
·107 lines (104 loc) · 3.49 KB
/
about.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<template>
<div id="about-page" class="page-wrapper about-page content-page">
<site-hero
title="About Us"
subtitle="Example About Page"
image="/uploads/about-hero.jpg"
></site-hero>
<main-section theme="sidebar-right">
<template v-slot:default>
<div class="content">
<h3>Fake Heading</h3>
<p>
<strong>
Edit this page in<code>/pages/about.vue</code>to fit your needs.
</strong>
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci
eligendi impedit inventore ipsa laboriosam libero magnam modi odio,
sunt temporibus. Distinctio doloremque eum magni nostrum quasi
ratione rem repudiandae sit!
</p>
<h3>Another Fake Heading</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci
eligendi impedit inventore ipsa laboriosam libero magnam modi odio,
sunt temporibus. Distinctio doloremque eum magni nostrum quasi
ratione rem repudiandae sit!
</p>
<quote-card />
<h3>Still More Fake Content</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci
eligendi impedit inventore ipsa laboriosam libero magnam modi odio,
sunt temporibus. Distinctio doloremque eum magni nostrum quasi
ratione rem repudiandae sit! Lorem ipsum dolor sit amet, consectetur
adipisicing elit.
<strong>Alias aut facere harum ipsam</strong> quibusdam quidem
quisquam saepe? Alias architecto blanditiis consequatur consequuntur
dicta ipsa iste modi provident, quod, similique veritatis.
</p>
</div>
<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child box">
<p class="title">
Cool Stuff We Do
</p>
<p class="subtitle">
Sooo Cool
</p>
<figure class="image is-1by1">
<opti-image width="500" height="500" />
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child box">
<p class="title">
Other Cool Things
</p>
<p class="subtitle">
Just as cool
</p>
<figure class="image is-1by1">
<opti-image width="500" height="500" />
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child box">
<p class="title">
All the cool
</p>
<p class="subtitle">
that is all
</p>
<figure class="image is-1by1">
<opti-image width="500" height="500" />
</figure>
</article>
</div>
</div>
</template>
<template v-slot:sidebar>
<h3 class="subtitle is-4">
Latest Posts
</h3>
<posts-grid :per-row="1" :number="2" />
</template>
</main-section>
</div>
</template>
<script>
import QuoteCard from '~/components/cards/QuoteCard'
export default {
head() {
return {
title: `About | ${this.$siteConfig.siteName}`
}
},
components: { QuoteCard }
}
</script>