Skip to content

Instantly share code, notes, and snippets.

View boschDev's full-sized avatar

Roeland Bosch boschDev

  • Utrecht, Netherlands
View GitHub Profile
@boschDev
boschDev / skills.html
Last active October 25, 2016 18:48
A jquery skills animation.
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<style>
.skillbar {
position:relative;
display:block;
@boschDev
boschDev / website.conf
Created October 25, 2016 18:52
Apache2 website without forbidden message
<VirtualHost *:80>
ServerAdmin {{email}}
ServerName {{domain}}
DocumentRoot {{website root}}
<Directory />
Options FollowSymLinks
AllowOverride None
</Directory>
@boschDev
boschDev / Route.php
Last active November 30, 2016 15:15
microRouter
<?php
Class Route{
$routes = array();
function on($url,callable $call){
$this->routes[$url]=$call;
}
function notFound(callable $call){
$this->routes['404']=$call;
}
function run(){
@boschDev
boschDev / graphiql.html
Created May 1, 2018 07:16
graphqlRouter arangodb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="robots" content="noindex" />
<meta name="referrer" content="origin" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>SWAPI GraphQL API</title>
<style>
@boschDev
boschDev / UserAvatar.css
Created June 25, 2018 06:20
React Material UI User Avatar
.UserAvatar {
--UserAvatarColor: #000;
--UserAvatarSize: 40px;
position: relative;
border-radius: 100%;
text-align: center;
background-color: var(--UserAvatarColor);
font-size: var(--UserAvatarSize);
height: var(--UserAvatarSize);
width: var(--UserAvatarSize);