john555’s gists

john555 / Stack.md

Last active May 12, 2024 03:36

Tech Stack

john555 / sample.php

Last active March 4, 2020 07:03

	<?php
	$router = new Router(new Request);
	$router->get('/', function() {});

john555 / router.Request.php

Last active March 4, 2020 07:04

	<?php
	include_once 'IRequest.php';

	class Request implements IRequest
	{
	function __construct()
	{
	$this->bootstrapSelf();
	}

john555 / router.Router.php

Last active November 26, 2021 16:32

	<?php

	class Router
	{
	private $request;
	private $supportedHttpMethods = array(
	"GET",
	"POST"
	);

john555 / router.IRequest.php

Last active March 4, 2020 07:04

john555 / router0.php

Created June 28, 2018 07:45

	<?php
	class Router
	{
	private $request;
	function __construct(IRequest $request)
	{
	$this->request = $request;
	}
	}

john555 / router.index.php

Last active June 28, 2018 09:11

	<?php

	include_once 'Request.php';
	include_once 'Router.php';
	$router = new Router(new Request);

	$router->get('/', function() {
	return <<<HTML
	<h1>Hello world</h1>
	HTML;

john555 / script.js

Last active April 26, 2018 08:53

	const svg = document.querySelector('svg');
	const currentTime = new Date();

	svg.style.setProperty('--start-seconds', currentTime.getSeconds());
	svg.style.setProperty('--start-minutes', currentTime.getMinutes());
	svg.style.setProperty('--start-hours', currentTime.getHours() % 12);

john555 / index.html

Created April 26, 2018 07:35

john555 / style.css

Last active April 26, 2018 07:34

	.hour {
	...
	animation: rotateHourHand calc(12 * 60 * 60s) linear infinite;
	animation-delay: calc(calc(var(--start-minutes) * -60 * 1s) + calc(var(--start-seconds) * -1 * 1s));
	}
	@keyframes rotateHourHand {
	from {
	transform: translate(20px, 20px) rotate(calc(var(--start-hours) * 30deg));
	}
	to {