Skip to content

Instantly share code, notes, and snippets.

View johnlewisdesign's full-sized avatar

johnlewisdesign

View GitHub Profile
@johnlewisdesign
johnlewisdesign / install-docker-homebrew.sh
Last active June 20, 2020 09:01
Install Hackint0sh-friendly Docker, avoiding MacOS hypervisor virtualisation issues. Note: may need to tweak sys prefs/authenticate
brew install docker docker-machine
brew cask install virtualbox
# below line replaced - disabling virtualisation checks
# docker-machine create --driver virtualbox default
docker-machine create -d virtualbox --virtualbox-no-vtx-check default
docker-machine env default
eval "$(docker-machine env default)"
docker run hello-world
docker-machine stop default
@johnlewisdesign
johnlewisdesign / yinyang-purecss.css
Last active July 3, 2020 12:01
A Yin Yang in pure css
#yin-yang {
width: 96px;
box-sizing: content-box;
height: 48px;
background: #eee;
border-color: red;
border-style: solid;
border-width: 2px 2px 50px 2px;
border-radius: 100%;
position: relative;
<table>
<tbody>
<tr>
<td><br></td>
<td><br></td>
<td><br></td>
<td>COVID-19 DEATHS</td>
</tr>
<tr>
<td><a href="https://geoportal.statistics.gov.uk/datasets/middle-layer-super-output-areas-december-2011-names-and-codes-in-england-and-wales" rel="nofollow"><strong>ONS geography MSOA name</strong></a></td>
@johnlewisdesign
johnlewisdesign / single-element-x.css
Last active August 4, 2020 01:22
A close button X with a single div element
body{
background:#333;
}
div{
width:40px;
height:40px;
background-color:#333;
position:relative;
border-radius:6px;
@johnlewisdesign
johnlewisdesign / another-close-x-pure-css.html
Created August 4, 2020 01:20
Creates a close button X in pure CSS
<span class="close-x"></span>
<style>
.close-x {
display: inline-block;
width: 20px;
height: 20px;
border: 7px solid #f56b00;
background:
linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#fff 45%,#fff 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
linear-gradient(135deg, #f56b00 0%,#f56b00 43%,#fff 45%,#fff 55%,#f56b00 57%,#f56b00 100%);