Skip to content

Instantly share code, notes, and snippets.

💻
Coding

Livin Livin21

💻
Coding
  • Riafy Technologies
  • Cochin, India
Block or report user

Report or block Livin21

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@Livin21
Livin21 / (Buildable Frontend Projects) bitbucket-pipelines.yml
Last active Jan 24, 2020
Ultron - Riafy Deployment Management Tool
View (Buildable Frontend Projects) bitbucket-pipelines.yml
image: samueldebruyn/debian-git
pipelines:
branches:
master:
- step:
caches:
- node
script:
- apt-get update
- apt-get -qq install curl
View cofounders.vue
<template>
<div class="hello">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<h1>{{ msg }}</h1>
<ul>
<li v-for="mem in members">
<p class="w3-card-2 w3-center">
<!-- profile image -->
<img class="round-profile-image" :src="mem.image"/><BR /><BR />
View template.html
<template>
<div class="hello">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<h1>{{ msg }}</h1>
<ul>
<li v-for="mem in members">
<p class="w3-card-2 w3-center">
<!-- profile image -->
<img class="round-profile-image" :src="mem.image"/><BR /><BR />
View script
<script>
import mems from '../assets/members.json'
export default {
name: 'founders',
data () {
return {
msg: 'Team',
members: mems
}
}
View main.vue
<template>
<div class="hello">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<h1>{{ msg }}</h1>
<ul>
<li v-for="mem in members">
<p class="w3-card-2 w3-center">
<!-- profile image -->
<img class="round-profile-image" :src="mem.image"/><BR /><BR />
View Hello.vue
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<h2>Essential Links</h2>
<ul>
<li><a href="https://vuejs.org" target="_blank">Core Docs</a></li>
<li><a href="https://forum.vuejs.org" target="_blank">Forum</a></li>
<li><a href="https://chat.vuejs.org" target="_blank">Community Chat</a></li>
<li><a href="https://twitter.com/vuejs" target="_blank">Twitter</a></li>
<br>
View App.vue
<template>
<div id="app">
<img src="./assets/logo.png">
<hello></hello>
</div>
</template>
<script>
import Hello from './components/Hello'
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>myapp</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
View main.js
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
View contact-teammates.json
[
{
"name": "Livin",
"surname": "Mathew",
"role": "Co-Founder",
"image": "https://pimg-guru.com/1/848/1848078/livin_9ee335cb-2d64-410c-9c55-196082bce9dc.jpg",
"title": "CIO",
"country": "India",
"city": "Kochi",
"links": {
You can’t perform that action at this time.