evan/ewpratten.com
1
Fork 0
Code Actions

ipv6 canvas

Browse Source
This commit is contained in:
Evan Pratten 2023-02-07 14:56:36 -05:00
parent 6adce7f6e9
commit bcf5e8510d
7 changed files with 57 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
content/blog/2023-02-07-ipv6-canvas.md Normal file
View File

@ -0,0 +1,37 @@
---
layout: page
title: "Blatant self-advertising on the IPv6 Canvas"
description: "An ungodly amount of pings for a small bitmap"
date: 2023-02-07
tags: project
draft: false
extra:
auto_center_images: true
excerpt: "Using some python, I have a reference to this website semi-permanently implanted on the IPv6 Canvas"
---
Yesterday, the [IPv6 Canvas](https://blog.tugzrida.xyz/2023/02/06/introducing-the-ipv6-canvas/) was pushed to the public.
Of course, as soon as I learned of this, I threw together a script to place my domain `ewpratten.com` on the canvas for all to see.
## Screenshots
![](/images/posts/ipv6-canvas/v6_canvas_1.png)
![](/images/posts/ipv6-canvas/v6_canvas_2.png)
## How I'm doing this
The code is [public](https://github.com/ewpratten/v6-canvas-writer) for anyone wanting to do this themselves, and the process for getting everything working was pretty simple.
1. I designed the graphic in a random online pixel art editor
2. The design was converted to a bitmap
3. I have a Python script that can read an arbitrary bitmap and convert it to a list of IPv6 addresses
4. Hundreds of `ping -c 1` processes are spawned in the background to write the image to the canvas
This script is executed via a Cron job on one of my edge routers for maximum IP nerdiness.
### Why ping?
I considered doing this with some clever `mtr` commands, or even crafting the ICMP ECHO packets straight from the script, but that was slightly too much work for the 5 minutes I had before work this morning.

15
sass/styles/components/navbar.scss
View File

@ -1,6 +1,6 @@
.ewp-navbar { .ewp-navbar {
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; // margin-bottom: 1em;
text-align: center; text-align: center;
.navbar-items { .navbar-items {
@ -13,10 +13,21 @@
// & > li { // & > li {
// display: inline-block; // display: inline-block;
// .dropdown-menu { // .dropdown-menu {
// box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; // box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
// } // }
// } // }
} }
} }
.announcement {
text-align: center;
font-weight: bold;
background-color: rgb(239, 239, 239);
margin-top: 0;
padding: 0.25em;
border: 2px dashed grey;
border-top: none;
color:dimgray;
}

BIN
static/images/posts/ipv6-canvas/v6_canvas_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 565 KiB

BIN
static/images/posts/ipv6-canvas/v6_canvas_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 695 KiB

5
templates/base.html
View File

@ -5,6 +5,7 @@
{% set is_article = false %} {% set is_article = false %}
{% set feature_flags = [] %} {% set feature_flags = [] %}
{% set redirect_target = "" %} {% set redirect_target = "" %}
{% set announcement = "" %}
{% endblock variable_wormhole %} {% endblock variable_wormhole %}
<!DOCTYPE html> <!DOCTYPE html>
@ -58,6 +59,10 @@
{# Navbar #} {# Navbar #}
<div class="container"> <div class="container">
{% include "components/navbar.html" %} {% include "components/navbar.html" %}
{% if announcement %}
<p class="announcement">{{announcement | safe}}</p>
{% endif %}
</div> </div>
{# Actual content #} {# Actual content #}

2
templates/components/navbar.html
View File

@ -30,5 +30,5 @@
&centerdot; &centerdot;
<a href="/contact">Contact</a> <a href="/contact">Contact</a>
</span> </span>
<hr> <hr style="margin-bottom:0;">
</div> </div>

1
templates/index.html
View File

@ -30,6 +30,7 @@
{% if section.extra.uses %} {% if section.extra.uses %}
{% set feature_flags = section.extra.uses %} {% set feature_flags = section.extra.uses %}
{% endif %} {% endif %}
{% set announcement = "Found me though the IPv6 Canvas? Click <a href='/blog/ipv6-canvas'>here</a>." %}
{% endblock variable_wormhole %} {% endblock variable_wormhole %}
{# Page content #} {# Page content #}