Skip to content

Instantly share code, notes, and snippets.

View ceuk's full-sized avatar

CEUK ceuk

  • United Kingdom
View GitHub Profile
@ceuk
ceuk / tag-list.lua
Created November 20, 2022 17:18
Awesome taglist
local awful = require('awful')
local beautiful = require('beautiful')
local gears = require('gears')
local wibox = require('wibox')
local taglist_buttons = require('config.mouse.taglist-buttons')
local bling = require("lib.bling") -- https://github.com/BlingCorp/bling
local rubato = require("lib.rubato") -- https://github.com/andOrlando/rubato
local transition_duration = 0.3
local dot_size = 10
@ceuk
ceuk / .bash_functions
Last active February 19, 2021 17:54
Bash $ps1
#!/bin/bash
# Helper functions for color prompts
# You can specify common colors by name (see case
# statement below), 8-bit colors by decimal value,
# and (where available) TrueColor 24-bit colors
# as semicolon delimited decimals.
#
# With no arguments, resets the color to default.
#

Keybase proof

I hereby claim:

  • I am calvin-evans on github.
  • I am calvinevans (https://keybase.io/calvinevans) on keybase.
  • I have a public key ASB-5f1uyCtbzzrEq3btqFHB2HA4hJ8TzWD23g9VcKfr7Ao

To claim this, I am signing this object:

@ceuk
ceuk / Switch.jsx
Last active April 18, 2019 11:20
Allows you to switch between children using the component name and adds a nice slide/fade transition
import React, { Children } from 'react';
import { Transition } from 'react-transition-group';
import PropTypes from 'prop-types';
const visibilityStyles = {
entering: { transform: 'translateX(0)', opacity: 1 },
entered: { transform: 'translateX(0)', opacity: 1 },
exiting: { transform: 'translateX(-5%)', opacity: 0 },
exited: { transform: 'translateX(-5%)', opacity: 0 },
};
import dedent from 'dedent'
import moment from 'moment'
import { twiml } from 'twilio'
const { VoiceResponse } = twiml
const voiceOptions = getVoiceOptionsSomehow()
/**
* an example of voice options could be something like
* {
* voice: 'alice',
@ceuk
ceuk / App.jsx
Last active July 17, 2018 21:04
Sophie Help
import React, { Component } from 'react'
import { Route, withRouter, Redirect, BrowserRouter as Router } from 'react-router-dom'
import Login from 'some/path/Login'
// shitty 'homepage' component
const HomePage = () => (
<div>
Hello logged in person!! :)
</div>
)
@ceuk
ceuk / spinner-facade.css
Last active February 28, 2017 19:08
Mask an element (such as a button) with a spinner and disable pointer events
/* The only requirement is that your element isn't statically positioned */
.loading {
position: relative;
pointer-events: none;
}
.loading:before {
content: " ";
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="spinning-loader" height="20" width="20" style="display: block;"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><defs><filter id="uil-ring-shadow" x="-100%" y="-100%" width="300%" height="300%"><feOffset result="offOut" in="SourceGraphic" dx="0" dy="0"></feOffset><feGaussianBlur result="blurOut" in="offOut" stdDeviation="0"></feGaussianBlur><feBlend in="SourceGraphic" in2="blurOut" mode="normal"></feBlend></filter></defs><path fill="#fff" d="M10,50c0,0,0,0.5,0.1,1.4c0,0.5,0.1,1,0.2,1.7c0,0.3,0.1,0.7,0.1,1.1c0.1,0.4,0.1,0.8,0.2,1.2c0.2,0.8,0.3,1.8,0.5,2.8 c0.3,1,0.6,2.1,0.9,3.2c0.3,1.1,0.9,2.3,1.4,3.5c0.5,1.2