Skip to content

Instantly share code, notes, and snippets.

View kufre-abasi's full-sized avatar
🏠
Working from home

Kufre-abasi Bassey kufre-abasi

🏠
Working from home
View GitHub Profile
<template>
<div class="editor">
<label v-if="label" :class="{required: required}">{{ label }}</label>
<trix-editor
:contenteditable="!disabledEditor"
:class="['trix-content']"
:placeholder="placeholder"
:input="computedId"
ref="trix"
@trix-change="handleContentChange"
@kufre-abasi
kufre-abasi / gist:331d4893f51a9460c785ac8b5bb3ae7b
Created March 25, 2024 20:13 — forked from DevAdedeji/gist:eb4152bd0e12f370e1622e8ed667cf3a
List of countries with name, phone code and flag
export const countries = [
{
name: "Cyprus",
phone_code: "+357",
flag: "https://flagcdn.com/cy.svg",
},
{
name: "Eritrea",
phone_code: "+291",
flag: "https://flagcdn.com/er.svg",
@kufre-abasi
kufre-abasi / RadioBox.vue
Created November 16, 2023 12:59 — forked from Jonarod/RadioBox.vue
Simple custom Radio component for Vue.js, compatible with v-model.
/**
* @usage:
*
* <RadioBox label="Foo" value="foo" v-model="MySelectedValue" />
* <RadioBox label="Bar" value="bar" v-model="MySelectedValue" />
* <RadioBox label="Baz" value="baz" v-model="MySelectedValue" />
*
* data(){
* return {
* MySelectedValue: "",
@kufre-abasi
kufre-abasi / not_too_clever.md
Created October 19, 2023 21:57 — forked from raphlinus/not_too_clever.md
Translation of grugbrain.dev into English

The not-too-clever programmer

This is a translation of grugbrain.dev into clear English. All props to the original author.

Introduction

This is a collection of thoughts on software development, originally written by an pseudonymous author styling themselves the "grug brain developer," but then translated into clear English by Raph Levien.

I am not an extremely smart developer, but I have many years of experience and have learned some things, although still don't know everything.

@kufre-abasi
kufre-abasi / nigeria-state-and-lgas.json
Created September 16, 2023 10:28 — forked from devhammed/nigeria-state-and-lgas.json
Nigeria States and LGAs in one JSON file
[
{
"state": "Adamawa",
"alias": "adamawa",
"lgas": [
"Demsa",
"Fufure",
"Ganye",
"Gayuk",
"Gombi",
@kufre-abasi
kufre-abasi / Dockerfile
Created July 28, 2023 07:55 — forked from bbachi/Dockerfile
webapp
FROM node:10 AS ui-build
WORKDIR /usr/src/app
COPY my-app/ ./my-app/
RUN cd my-app && npm install && npm run build
FROM node:10 AS server-build
WORKDIR /root/
COPY --from=ui-build /usr/src/app/my-app/dist ./my-app/dist
COPY api/package*.json ./api/
RUN cd api && npm install
@kufre-abasi
kufre-abasi / box-shadow.html
Created May 31, 2022 14:18 — forked from ocean90/box-shadow.html
CSS3 Box Shadow, only top/right/bottom/left and all
<!DOCTYPE html>
<html>
<head>
<title>Box Shadow</title>
<style>
.box {
height: 150px;
width: 300px;
margin: 20px;
@kufre-abasi
kufre-abasi / git_newrepo
Created March 24, 2022 12:18 — forked from c0ldlimit/git_newrepo
Git: Push a new or existing repo to Github
# Create a new repository on the command line
touch README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/c0ldlimit/vimcolors.git
git push -u origin master
# Push an existing repository from the command line
@kufre-abasi
kufre-abasi / PasswordField.vue
Created June 23, 2021 22:21 — forked from imadphp/PasswordField.vue
Show/Hide password in VueJS (Bootstrap, FontAwesome)
<template>
<div class="form-inline">
<div v-if="!passwordHidden">
<label>
<span class="strong-label">{{ fieldLabel }}</span>
<input type="text" class="password-field form-control d-inline" v-model="passwordText" />
<span class="display-eye fa fa-eye-slash" @click="hidePassword"></span>
</label>
</div>
<div v-if="passwordHidden">