Skip to content

Instantly share code, notes, and snippets.

View akhbar's full-sized avatar
🧵
Focusing

akhbar akhbar

🧵
Focusing
View GitHub Profile
@akhbar
akhbar / tsx
Created January 21, 2022 02:06
react Carousel tsx
import { cloneElement, DetailedReactHTMLElement, useEffect, useState } from "react";
function Carousel(props: { [x: string]: any; carouselItems: any; }) {
const [active, setActive] = useState(0);
let scrollInterval = null;
const style = {
carousel: {
position: "relative"
},
carouselItem: {
@akhbar
akhbar / app.js
Created December 24, 2018 18:26
react native grid
import React from 'react';
import {
StyleSheet, Text, View, Image, ScrollView, Dimensions, SafeAreaView, TouchableOpacity
} from 'react-native';
import axios from 'axios';
const origImageSize = {
width: 240,
height: 144,
};
@akhbar
akhbar / welcome email
Last active November 17, 2018 11:50
welcome upquotes
<div style="max-width:550px; min-width:320px; background-color: white; border: 1px solid #DDDDDD; margin-right: auto; margin-left: auto;">
<div style="margin-left:30px;margin-right:30px;">
<p>&nbsp;</p>
<p><a href="https://updesk.io" style="text-decoration:none;font-family:Verdana, Geneva, sans-serif;font-weight: bold; color: #3D3D3D;font-size: 15px;">upquotes.updesk.io</a></p>
<hr style="margin-top:10px;margin-bottom:65px;border:none;border-bottom:1px solid red;"/>
<h1 style="font-family: Tahoma, Geneva, sans-serif; font-weight: normal; color: #2A2A2A; text-align: center; margin-bottom: 65px;font-size: 20px; letter-spacing: 6px;font-weight: normal; border: 2px solid black; padding: 15px;">WELCOME ON BOARD!</h1>
<h3 style="font-family:Palatino Linotype, Book Antiqua, Palatino, serif;font-style:italic;font-weight:500;">Hi there <span style="border-bottom: 1px solid red;">{{email-user-here}}</span></h3>
<p style="font-family:Palatino Linotype, Book Antiqua, Palatino, serif;font-size:
@akhbar
akhbar / .scss
Created September 27, 2018 07:12
colors
Black = #000000,
Navy Blue = #000080,
Dark Blue = #0000C8,
Blue = #0000FF,
Stratos = #000741,
Swamp = #001B1C,
Resolution Blue = #002387,
Deep Fir = #002900,
Burnham = #002E20,
@akhbar
akhbar / gist:aeaacf459c84a7d5302dcd8c7ec47f6d
Last active September 20, 2018 10:07
console log to div
(function initConsoleLogDiv() {
'use strict';
if (console.log.toDiv) {
return;
}
function toString(x) {
return typeof x === 'string' ? x : JSON.stringify(x);
import Vue from 'vue';
import Vuex from 'vuex';
import createPersistedState from "vuex-persistedstate";
import * as Cookies from "js-cookie";
Vue.use(Vuex);
export const store = new Vuex.Store({
state: {
data:{}
import axios from 'axios';
import {
isNull
} from 'util';
import swal from 'sweetalert2';
import port from '../../../Properties/launchSettings.json';
import {
store
} from '../../store/store.js';
import router from '../../router/index.js';
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Facebook sharing information tags -->
<meta property="og:title" content="*|MC:SUBJECT|*" />
<title>*|MC:SUBJECT|*</title>
<style type="text/css">
ּ_בּ
בּ_בּ
טּ_טּ
כּ‗כּ
לּ_לּ
מּ_מּ
סּ_סּ
תּ_תּ
٩(×̯×)۶
٩(̾●̮̮̃̾•̃̾)۶
@akhbar
akhbar / Site Mapper.markdown
Created November 2, 2015 07:31
Site Mapper