Skip to content

Instantly share code, notes, and snippets.

View mfaridzia's full-sized avatar
📒
storyteller

Muhammad Farid Zia mfaridzia

📒
storyteller
127 followers · 76 following
View GitHub Profile
@mfaridzia
mfaridzia / kulgram-inventory-quiz.sql
Created December 22, 2016 12:40 — forked from hidayat365/kulgram-inventory-quiz.sql
script sql untuk tantangan membuat query kartu stok
-- tabel master barang
create table items (
id int auto_increment not null,
code varchar(50) not null,
name varchar(200) not null,
primary key (id),
constraint ak_items unique key (code)
);
-- tabel transaksi barang masuk
@mfaridzia
mfaridzia / Opacity.html
Last active May 22, 2017 15:47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.hide {
opacity: 0;
}
</style>
@mfaridzia
mfaridzia / Display.html
Created May 22, 2017 15:58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.hide {
display: none;
}
</style>
@mfaridzia
mfaridzia / Visibility.html
Created May 22, 2017 16:10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.hide {
visibility: hidden;
}
</style>
@mfaridzia
mfaridzia / search-form.css
Created December 10, 2017 16:33
form search css
<style>
.search-field{position:relative;width:9.3em}.search-field__input{border:0;border-bottom:2px solid #ccc;background:0 0;text-overflow:ellipsis}.search-field__input:focus{outline:0}.search-field__input::-webkit-input-placeholder{color:#e6e6e6}.search-field__input:-ms-input-placeholder{color:#e6e6e6}.search-field__input::placeholder{color:#e6e6e6}.search-field__icon{position:absolute;right:-50px;top:45%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width:0) and (max-width:599px){.search-field{width:90%;font-size:32px}.search-field__icon{right:-30px}}.search-field--large{width:100%}.search-field--large .search-field__input{border-bottom:2px solid #e6e6e6;font-family:Larsseit-Bold,sans-serif;font-weight:400}
input, input::-webkit-input-placeholder {
font-size: 30px;
line-height: 2;
font-weight: bold
}
@mfaridzia
mfaridzia / test.css
Created January 9, 2018 14:34
test css
h1 {
color:red;
font-size:80px;
}
@mfaridzia
mfaridzia / indexnuxt.vue
Created February 8, 2018 19:50
<template>
<div class="container">
<nuxt-link v-for="coin in coins" :key="coin.id" class="list-data" :to="'/coins/'+coin.id">
{{ coin.name }}
</nuxt-link>
</div>
</template>
<script>
import axios from 'axios'
@mfaridzia
mfaridzia / default.vue
Created February 8, 2018 20:55
<template>
<div class="container">
<ul class="menu">
<li> <nuxt-link to="/"> Home </nuxt-link> </li>
</ul>
<nuxt/>
</div>
</template>
<style>
@mfaridzia
mfaridzia / index-builds.js
Created February 21, 2018 20:06
build: {
// Template for index.html
index: path.resolve(__dirname, '../docs/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../docs'),
assetsSubDirectory: 'static',
assetsPublicPath: '',
/**
@mfaridzia
mfaridzia / spa-app.vue
Last active March 9, 2018 13:56
<template>
<div id="app">
<div class="detail">
<router-view></router-view>
</div>
</div>
</template>
<script>
export default {