Fotis Papadogeorgopoulos fpapado

Accessibility, inclusive design, web performance. Frontend Competence Lead at Wolt.

fpapado / print_today.py

Last active January 18, 2024 08:17

Gets and prints the tasks for "today", from the Todoist API. Intended to be used alongside https://github.com/Doist/todoist-python.

	# Use the todoist API to get tasks from the current day

	import todoist
	from datetime import datetime

	# Log user in; switch to OAuth eventually...
	api = todoist.TodoistAPI()


	def get_todays_tasks(email, password):

fpapado / Box.js

Created December 6, 2017 16:02 — forked from tkh44/Box.js

styled-system with emotion.

	import styled, { css } from 'emotion/react'
	import { space, width, fontSize, color, responsiveStyle } from 'styled-system'


	export const display = responsiveStyle('display')
	export const flex = responsiveStyle('flex')
	export const order = responsiveStyle('order')
	const wrap = responsiveStyle('flex-wrap', 'wrap', 'wrap')
	const direction = responsiveStyle('flexDirection', 'direction')
	const align = responsiveStyle('alignItems', 'align')

fpapado / index.html

Last active December 19, 2017 23:39

PouchDB Replication Check

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>PouchDB Replication</title>
	</head>
	<body>
	<script src="https://unpkg.com/[email protected]/dist/pouchdb.js"></script>
	<script src="https://unpkg.com/[email protected]/dist/pouchdb.memory.js"></script>

fpapado / index_injecting.ts

Created December 20, 2017 11:38

Injecting Streams?

	import xs, { Stream } from 'xstream';
	import { initModule, MyMsg } from './module_injecting';

	// Stuff

	init(
	xs.create({
	start: function(listener) {
	someSource$.subscribe(msg => {
	// do stuff with someSource$ to get it in shape

fpapado / nested_updates_01.elm

Created December 27, 2017 11:34

Elm nested updates

	module Main exposing (..)

	-- Using let..in, newWhatever and inline functions

	import Dict exposing (Dict)


	type alias Model =
	{ something : String
	, somethingElse : String

fpapado / 01_failing.js

Created March 18, 2018 15:27

nanotiming overlapping timers

	// Three operations (loops for simplicity).
	// We want to time the first two separately and all three of them together.
	// Ideally, the ordering of starting the timers would not matter.

	// This case fails because the timer for the first two loops is started first
	var nanotiming = require('nanotiming')

	try {
	var performance = require('perf_hooks').performance
	var timeFirstTwo = nanotiming('my-loop')

fpapado / graphana_pride.css

Created June 27, 2018 15:45

Grafana Custom CSS for Pride

	.scroll-canvas--dashboard {
	background: linear-gradient(180deg, #f00000, #f00000 16.67%, #ff8000 16.67%, #ff8000 33.33%, #ffff00 33.33%, #ffff00 50%, #007940 50%, #007940 66.67%, #4040ff 66.67%, #4040ff 83.33%, #a000c0 83.33%, #a000c0) fixed;
	}

fpapado / FauxButton.tsx

Last active July 12, 2018 12:58

Accessible `<button>` usurper

	import React from "react";

	/**
	* Accessible "button" usurper.
	* Establishes the correct role, tabindex, and key/mouse interaction if interactive.
	* Buttons activate on space and enter.
	*
	* NOTE: Gives 'disabled' attribute if interaction not provided.
	*
	* @see https://www.w3.org/TR/wai-aria-practices-1.1/#button

fpapado / SketchSystems.spec

Last active July 10, 2018 21:26

Unpublished*

fpapado / split_panels.js

Created July 23, 2018 09:01

SpeedCurve split panels

	(function() {
	'use strict';

	// Your code here...
	function addGlobalStyle(css) {
	var head, style;
	head = document.getElementsByTagName('head')[0];
	if (!head) { return; }
	style = document.createElement('style');
	style.type = 'text/css';