armedoctopus’s gists

armedoctopus / html5-upload-xhr-to-cloudinary.markdown

Created December 29, 2019 23:53

HTML5 upload (xhr) to Cloudinary

armedoctopus / audio-visualizer-ver2.markdown

Created June 11, 2019 01:52

Audio Visualizer ver2

armedoctopus / Chat.vue

Last active May 12, 2019 18:28

reactive v-if button with Facebook Comments plugin

	<template>
	<q-btn push dense round text-color="white" @click="refreshChat">
	<q-icon name="far fa-comments" v-show="!(startchat)"></q-icon>
	<q-icon name="fas fa-times" v-show="(startchat)"></q-icon>
	<q-popover ref="popover" @show="startchat = true" @hide="startchat = false" keep-on-screen fit>
	<q-list>
	<q-item>
	<q-item-main>Songxy Community Chat</q-item-main>
	<q-item-side right>
	<q-btn size="md" push dense round no-shadow icon="fas fa-sync" @click.native="refreshChat"/>

armedoctopus / index.html

Created May 12, 2019 17:35

Facebook JavaScript SDK initialization

	<!DOCTYPE html>
	<html lang="en-us">
	<head>
	</head>
	<body>
	<div id="fb-root"></div>
	<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>
	</body>
	</html>

armedoctopus / FacebookCommentPlugin.vue

Created May 12, 2019 17:27

Reactive Facebook Comment Plugin for vue spa

	<template>
	<div class="fb-comments" data-href="https://songxy.com/mastering" data-numposts="5" data-colorscheme="light" data-width="280px"></div>
	</template>

	<script>
	export default {
	name: 'FacebookComments',
	mounted(){
	this.init()
	},

armedoctopus / timer.h

Created April 22, 2019 22:56

high resolution rdtsc timer for 32 bit os

armedoctopus / index.pug

Created December 13, 2018 02:16

Only CSS: Color Slime Shake Shake

armedoctopus / FinalSchema.gql

Created November 5, 2018 21:36 — forked from dabit3/FinalSchema.gql

Cities App Schema

armedoctopus / Tasks.vue

Created November 5, 2018 21:32 — forked from dabit3/Tasks.vue

Task list component for AppSync + GraphQL + Vue application

	<template>
	<div class="tasks">
	<h1>Task Manager</h1>
	<input v-model="taskname" placeholder="Task Name" class="input">
	<button @click="createTask()" class="taskButton">Create Task</button>
	<ul>
	<li
	class="task"
	v-for="(task, index) in tasks" :key="index"
	>

armedoctopus / App.vue

Created October 9, 2018 04:00 — forked from dabit3/App.vue

AWS Amplify example - Vue auth

	<template>
	<div id="app">
	<div v-if="!signedIn">
	<amplify-authenticator></amplify-authenticator>
	</div>
	<div v-if="signedIn">
	<amplify-sign-out class="signout" v-bind:signOutOptions="signOutOptions"></amplify-sign-out>
	<img alt="Vue logo" src="./assets/logo.png">
	<HelloWorld msg="Welcome to Your Vue.js App"/>
	<!-- <button v-on:click="signOut">Sign Out</button> -->