SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated App.vue

Browse source 
Added image gallery component
Moved helper functions to Helper.js
This commit is contained in:
Sebin Nyshkim 2019-11-05 22:16:56 +01:00
parent 216e78fc5f
commit 2c07bd1a33
2 changed files with 53 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/App.vue
View file

@ -55,27 +55,9 @@
</section>
<section class="prose">
<h2>Musculature</h2>
<img-p imgPos="left" imgSrc="/img/chest-ref.jpg"
>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nemo
quaerat eaque in illum deserunt dolore suscipit eveniet atque sapiente
soluta quia sint sed tempore minima omnis enim quos? Neque!</img-p
>
<img-p imgPos="right" imgSrc="/img/muscle-ref1.jpg"
>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nemo
quaerat eaque in illum deserunt dolore suscipit eveniet atque sapiente
soluta quia sint sed tempore minima omnis enim quos? Neque!</img-p
>
<img-p imgPos="bottom" imgSrc="/img/muscle-ref2.jpg"
>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nemo
quaerat eaque in illum deserunt dolore suscipit eveniet atque sapiente
soluta quia sint sed tempore minima omnis enim quos? Neque!</img-p
>
<img-p imgPos="bottom" imgSrc="/img/iu-17.jpeg"
>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nemo
quaerat eaque in illum deserunt dolore suscipit eveniet atque sapiente
soluta quia sint sed tempore minima omnis enim quos? Neque!</img-p
>
<h2>Muscle Reference</h2>
<p>Sebin loves working out! As a result his body is very muscular.</p>
<gallery :images="muscleRefs"></gallery>
</section>
<section class="prose">
@ -110,7 +92,6 @@
bottomless briefs. He is vers, with a preference to top.
</p>
</section>
<gallery :images="images"></gallery>
</div>
</template>
@ -118,7 +99,9 @@
import DataTable from "./components/DataTable.vue";
import ImgP from "./components/ImageParagraph.vue";
import Gallery from "./components/Gallery.vue";
import Sebin from "./mixins/Sebin.js";
import Helper from "./mixins/Helper.js";
export default {
name: "app",
@ -129,10 +112,10 @@ export default {
},
data() {
return {
images: []
muscleRefs: this.getMuscleRefPics(17)
};
},
mixins: [Sebin]
mixins: [Sebin, Helper]
};
</script>