Skip to content

Instantly share code, notes, and snippets.

@Teguh010
Teguh010 / index.html
Created December 6, 2019 03:51
Vue.js CRUD application
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Vue.js CRUD application</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
@Teguh010
Teguh010 / index.html
Created November 27, 2019 10:26
Vue.js slider
<div id="app">
<div class="buttons">
<button
@click="removeSlide"
:disabled="slides <= 2"
>Remove Slide</button>
<button
@click="addSlide"
:disabled="slides >= 10"
>Add Slide</button>
@Teguh010
Teguh010 / index.html
Created November 23, 2019 09:16
Owl Carousel 2 sync demo with loop/autoplay
<div id="sync1" class="owl-carousel owl-theme">
<div class="item">
<h1>1</h1></div>
<div class="item">
<h1>2</h1></div>
<div class="item">
<h1>3</h1></div>
<div class="item">
<h1>4</h1></div>
<div class="item">
@Teguh010
Teguh010 / index.html
Created November 23, 2019 07:48
Owl Carousel 2 sync demo with loop/autoplay
<div id="sync1" class="owl-carousel owl-theme">
<div class="item">
<h1>1</h1></div>
<div class="item">
<h1>2</h1></div>
<div class="item">
<h1>3</h1></div>
<div class="item">
<h1>4</h1></div>
<div class="item">
@Teguh010
Teguh010 / index.html
Last active November 26, 2019 07:02
quasar Vue.js
<div id="app">
<div class="wrapper">
<!-- Header -->
<header class="header">
<div class="header__image">
<svg id="svg-knuckles" viewBox="0 0 100 61" width="100px" height="100px">
<path fill="currentColor" d="M14.461,59.2c0.825-2.102,3.405-2.551,5.278-3.441
c1.841-0.876,4.195-1.754,5.507-3.213c4.019-4.468,1.548-13.749-3.441-14.684c-2.275-0.427-4.793,0.711-7.113,0.688
C3.452,38.436-1.843,27.13,2.53,18.587c0.904-1.766,2.756-2.908,3.671-4.359c0.609-0.969,0.544-2.387,1.376-3.213
c0.594-0.589,2.54-1.46,3.901-1.376c1.311,0.082,1.936,1.2,3.213,1.606c1.002,0.319,2.718,0.327,4.129,0.688
@Teguh010
Teguh010 / flexbox-resume-challenge.markdown
Created November 11, 2019 08:33
Flexbox Resume Challenge
@Teguh010
Teguh010 / index.html
Created November 4, 2019 09:27
VwwQmvw
<script src="https://unpkg.com/vuex@3.1.1/dist/vuex.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@quasar/extras/material-icons/material-icons.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/quasar/dist/quasar.min.css">
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/quasar/dist/quasar.umd.min.js"></script>
<div id="q-app">
@Teguh010
Teguh010 / crud-table-editing-quasar.markdown
Created November 1, 2019 06:10
Crud Table Editing Quasar
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.