Skip to content

Instantly share code, notes, and snippets.


Thibaud Colas thibaudcolas

View GitHub Profile
View test.j2
{% extends "base.html" %}
{% load wagtailcore_tags %}
{% load wagtailimages_tags %}
{% load wagtailpictureproposal_tags %}
{% block body_class %}template-homepage{% endblock %}
{% block content %}
View gist:a4fca9ae4b21ecc76d42c7eea59378e3
96: content: map-get($icons, 'arrow-down');
235: content: map-get($icons, 'date');
241: content: map-get($icons, 'time');
247: content: map-get($icons, 'link');
33: content: map-get($icons, 'help');
51: content: map-get($icons, 'warning');
View settings.json
"Git Bash": {
"path": "C:\\Program Files\\Git\\bin\\bash.exe",
"args": [
thibaudcolas / owa.tracker.diff
Last active Feb 6, 2021
diff a/owa.tracker-combined-min-1.6.2.js b/owa-tgs.js (both run through Prettier first, after removing the extra closure around the whole TGS code)
View owa.tracker.diff
diff --git a/owa.tracker-combined-min-1.6.2.js b/owa-tgs.js
index c718d10..2c5fd6e 100644
--- a/owa.tracker-combined-min-1.6.2.js
+++ b/owa-pretty.js
@@ -1,7 +1,3 @@
-/* OWA owa.tracker package file created Sun, 03 Jun 18 20:57:14 -0700 */
-/* Start of json2 */
if (!this.JSON) {
thibaudcolas /
Last active Dec 2, 2021
Video Downloader professional kmdldgcmokdpmacblnehppgkjphcbpnn background.js

Video Downloader professional kmdldgcmokdpmacblnehppgkjphcbpnn background.js

This is the source of background.js for a now-unpublished Chrome extension called "Video Downloader professional" (ID kmdldgcmokdpmacblnehppgkjphcbpnn, since then replaced with another "Video Downloader professional" (ID bacakpdjpomjaelpkpkabmedhkoongbi). This script is republished here for educational / research purposes. It has initially been extracted from the extension’s archive available as v2.4 on

Why is this interesting?

The extension has appeared in malware discussions in the past. Its replacement of Video downloader professional "bacakpdjpomjaelpkpkabmedhkoongbi" seems related to the [ownership change of The Great Suspender](

thibaudcolas / BaseUnitToggle.vue
Created Dec 15, 2020
Sample Vue + Tailwind code – a real-world form component that’s not too complex
View BaseUnitToggle.vue
:aria-label="`${formattedValue} ${unitConfig[selectedSystem].label}`"
<slot :formattedValue="formattedValue">
{{ formattedValue }}
class="text-body-xs lg:block inline-block"
thibaudcolas /
Created Sep 4, 2020
Quick and dirty Wagtail page or URL link chooser, with separate fields, with validation rules
class LinkFields(models.Model):
Adds fields for internal and external links with some methods to simplify the rendering:
{% raw %}<a href="{{ obj.get_link_url }}">{{ obj.get_link_text }}</a>{% endraw %}
link_page = models.ForeignKey(
"wagtailcore.Page", blank=True, null=True, on_delete=models.SET_NULL
thibaudcolas / glide.esm.js
Created Jun 30, 2020
Latest @glidejs/glide, with the bug fix from a year ago.
View glide.esm.js
// See bug fix line 3244,
* Glide.js v3.4.1
* (c) 2013-2019 Jędrzej Chałubek <> (
* Released under the MIT License.
var defaults = {
* Type of the movement.
thibaudcolas /
Last active Jun 4, 2020
Reviewing front-end tooling changes to Wagtail

Reviewing front-end tooling changes to Wagtail

Here are the steps I take when reviewing tooling changes to Wagtail. Those steps help us assess whether the tooling changes are likely to result in UI changes for end users, thereby informing how much testing might be needed.

  • Those commands assume some familiarity with command-line tools.
  • I use those commands with zsh. Glob patterns might be slightly different for bash.
  • Always test your work manually to some extent, even if the commands above seem to indicate no significant changes.

View all input and output files

thibaudcolas / index.html
Created May 29, 2020
strong vs. b, em vs. i
View index.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>strong vs. b, em vs. i</title>
<h1>strong vs. b, em vs. i</h1>