title: Blog
post: CCCamp23
description: The long-awaited "post"-pandemic German hacker camp
date: 2023-09-06
comments: true
---

<style>
    @font-face {
        font-family: "Questrial-CCCamp23";
        src: url("/camp23/Questrial-Regular.ttf");
    }

    @font-face {
        font-family: "SairaStencilOne-CCCamp23";
        src: url("/camp23/SairaStencilOne-Regular.ttf");
    }

    body {
        background-image: url("/camp23/Fisty-sprayed-Stencil_Neonpink.svg"), url("/camp23/Mildenberg.svg"), url("/camp23/sprayed-23.svg");
        background-size: 30%;
        background-position-y: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position-x: left, center, right;
    }

    #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
        font-family: "SairaStencilOne-CCCamp23";
        text-transform: uppercase;
    }

    #content h1 {
        font-size: 2.5em;
    }

    #content h2 {
        font-size: 1.8em;
    }

    #content h3, #content h4, #content h5, #content h6 {
        font-size: 1.2em;
    }

    #content {
        font-family: "Questrial-CCCamp23";
        font-size: 1.2em;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        border-width: 2px;
        border-style: solid;
        border-radius: 10px;
        border-color: #32CD32;
    }

    #footer {
        width: fit-content;
        margin: auto;
        margin-top: 10px;
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 5px;
    }

    .collapsecontent {
        background-color: rgba(0, 0, 0, 0.0)
    }

    #content, #footer {
        background-color: rgba(255, 255, 255, 0.9)
    }

    @media (prefers-color-scheme: dark) {
        #content, #footer {
            background-color: rgba(17, 17, 17, 0.9)
        }
    }

    #bg-img img {
        width: 100%;
        height: 90%;
        position: fixed;
        top: 10%;
        z-index: -2;
        opacity: 0%;
    }

    #bg-img canvas {
        width: 100%;
        height: 90%;
        position: fixed;
        top: 10%;
        z-index: -1;
    }
</style>

<script type="text/javascript">
    const isReduced = window.matchMedia(`(prefers-reduced-motion: reduce)`).matches === true;

    // remove static background for non-reduced-motion visitors
    // do this at first, to avoid flickering
    if (!isReduced) {
        document.body.style.backgroundImage = 'none';
    }

    var urls = [
        "/camp23/Fisty-sprayed-Stencil_Neonpink.svg",
        "/camp23/Mildenberg.svg",
        "/camp23/sprayed-23.svg",
    ];
    var imgs = [];
    var idx = 0;
    var timer_bg = "";
    var timer_ray = "";
    var timer_shake = "";
    var easter_egg_triggered = 0;

    // animation timings
    const fade_in_t = 50;
    const fade_in_step = 0.025;
    const fade_out_t = 50;
    const fade_out_step = 0.025;
    const show_t = 5000;
    const hide_t = 1000;
    const animate_t = 50;
    const wiggle_t = 50;
    const base_alpha = 0.25;

    function fade_in(element) {
        var op = 0;
        timer_bg = setInterval(function() {
            element.style.opacity = op;
            if (op > 0.99) {
                clearInterval(timer_bg);
                pause();
            }
            op += fade_in_step;
        }, fade_in_t);
    }

    function fade_out(element) {
        var op = 1;
        timer_bg = setInterval(function() {
            element.style.opacity = op;
            if (op < 0.01) {
                clearInterval(timer_bg);
                next();
            }
            op -= fade_out_step;
        }, fade_out_t);
    }

    function pause() {
        timer_bg = setInterval(function() {
            clearInterval(timer_bg);
            fade_out(imgs[idx]);
            idx = (idx + 1) % imgs.length;
        }, show_t);
    }

    function next() {
        timer_bg = setInterval(function() {
            clearInterval(timer_bg);
            fade_in(imgs[idx]);
        }, hide_t);
    }

    function degToRad(degrees) {
        return (degrees * Math.PI) / 180;
    }

    function ray(x, y, n, a) {
        var length = canvas.width + canvas.height;
        var width = 5;

        var x1 = Math.cos(degToRad(a - width / 2)) * length;
        var y1 = Math.sin(degToRad(a - width / 2)) * length;
        var x2 = Math.cos(degToRad(a + width / 2)) * length;
        var y2 = Math.sin(degToRad(a + width / 2)) * length;

        ctx.beginPath();
        ctx.moveTo(x * n, y);
        ctx.lineTo((x + x1) * n, y - y1);
        ctx.lineTo((x + x2) * n, y - y2);
        ctx.moveTo(x * n, y);
        ctx.fill();
    }

    function animation(angle, alpha, rgb) {
        // clear background
        ctx.clearRect(-canvas.width / 2, -canvas.height, canvas.width, canvas.height);

        steps = canvas.height / 100 * 3;
        x_step = -10;
        y_step = 40;
        x_off = canvas.width / 2;
        y_off = (y_step + 1) * steps / 3 * 2;

        for (i = 1; i <= steps; i++) {
            ctx.fillStyle = "rgba(" + rgb + ", " + base_alpha * alpha + ")";

            x = x_off + (x_step * i);
            y = y_off - (y_step * i);

            for (n of [-1, 1]) {
                ray(x, y, n, angle);
            }
        }
    }

    function animate() {
        var start = Date.now();

        timer_ray = setInterval(function() {
            const millis = Date.now() - start;

            //var angle = millis / 1000 * 360;
            var angle = 45;
            var alpha = 1.0;
            var rgb = "63, 255, 33";

            const min = millis % 60000;
            if (min < 5000) {
                // first 5 seconds of a minute
                // default state
            } else if (min < 8000) {
                // 5sec - 8sec: 3sec
                // move to 180deg
                t = (min - 5000) / 3000;
                angle += (180 - angle) * t;
            } else if (min < 10000) {
                // 8sec - 10sec: 2sec
                // stay at 180deg
                angle = 180;
            } else if (min < 11000) {
                // 10sec - 11sec: 1sec
                // fade out
                t = (min - 10000) / 1000;
                alpha = 1 - t;
                angle = 180;
            } else if (min < 15000) {
                // 10sec - 15sec: 5sec
                // lights off
                alpha = 0;
                angle = 180;
            } else if (min < 16000) {
                // 15sec - 16sec: 1sec
                // fade in
                t = (min - 15000) / 1000;
                alpha = t;
                angle = 180;
            } else if (min < 18000) {
                // 16sec - 18sec: 2sec
                // stay at 180deg
                angle = 180;
            } else if (min < 20000) {
                // 18sec - 20sec: 2sec
                // move to 0deg
                t = (min - 18000) / 2000;
                angle = 180 * (1 - t);
            } else if (min < 25000) {
                // 20sec - 25sec: 5sec
                // stay at 0deg
                angle = 0;
            } else if (min < 26000) {
                // 25sec - 26sec: 1sec
                // fade out
                t = (min - 25000) / 1000;
                alpha = 1 - t;
                angle = 0;
            } else if (min < 30000) {
                // 26sec - 30sec: 4sec
                // lights off
                alpha = 0;
                angle = 0;
            } else if (min < 31000) {
                // 30sec - 31sec: 1sec
                // fade in with move to 10deg
                t = (min - 30000) / 1000;
                alpha = t;
                angle = 10 * t;
            } else if (min < 33000) {
                // 31sec - 33sec: 2sec
                // color change with move to 66deg
                t = (min - 31000) / 2000;
                angle = 10 + (66 - 10) * t;

                r_from = 63;
                g_from = 255;
                b_from = 33;

                r_to = 251;
                g_to = 72;
                b_to = 196;

                r = r_from + (r_to - r_from) * t;
                g = g_from + (g_to - g_from) * t;
                b = b_from + (b_to - b_from) * t;
                rgb = r + ", " + g + ", " + b;
            } else if (min < 35000) {
                // 33sec - 35sec: 2sec
                // stay at 66deg
                angle = 66;
                rgb = "251, 72, 196";
            } else if (min < 36000) {
                // 35sec - 36sec: 1sec
                // move to 90deg
                t = (min - 35000) / 1000;
                angle = 66 + (90 - 66) * t;
                rgb = "251, 72, 196";
            } else if (min < 40000) {
                // 36sec - 40sec: 4sec
                // stay at 90deg
                angle = 90;
                rgb = "251, 72, 196";
            } else if (min < 42000) {
                // 40sec - 42sec: 2sec
                // color change to deep purple
                angle = 90;
                t = (min - 40000) / 2000;

                r_from = 251;
                g_from = 72;
                b_from = 196;

                r_to = 58;
                g_to = 50;
                b_to = 178;

                r = r_from + (r_to - r_from) * t;
                g = g_from + (g_to - g_from) * t;
                b = b_from + (b_to - b_from) * t;
                rgb = r + ", " + g + ", " + b;
            } else if (min < 52000) {
                // 42sec - 52sec: 10sec
                // stay at 90deg
                angle = 90;
                rgb = "58, 50, 178";
            } else if (min < 53000) {
                // 52sec - 53sec: 1sec
                // fade out
                t = (min - 52000) / 1000;
                alpha = 1 - t;
                angle = 90;
                rgb = "58, 50, 178";
            } else if (min < 59000) {
                // rest of the minute
                // lights off
                alpha = 0;
            } else {
                // final second
                // fade in
                t = (min - 59000) / 1000;
                alpha = t;
            }

            animation(angle, alpha, rgb);
        }, animate_t);
    }

    function disable_animations() {
        // stop all animations
        clearInterval(timer_bg);
        clearInterval(timer_ray);
        clearInterval(timer_shake);

        // enable easter-egg again
        easter_egg_triggered = 0;

        // hide button to stop animations
        btn = document.getElementById("disable_bg_block");
        btn.style.display = "none";

        // clear canvas
        ctx.clearRect(-canvas.width / 2, -canvas.height, canvas.width, canvas.height);

        // hide all background images
        for (img of imgs) {
            img.style.opacity = "0.0";
        }

        // show static background image
        document.body.style.backgroundImage = 'url("/camp23/Fisty-sprayed-Stencil_Neonpink.svg"), url("/camp23/Mildenberg.svg"), url("/camp23/sprayed-23.svg")';
    }

    function bg() {
        // container for background elements
        div = document.createElement("div");
        div.id = "bg-img";
        document.body.append(div);

        // add static images
        for (url of urls) {
            img = document.createElement("img");
            img.src = url;
            div.append(img);
            imgs.push(img);
        }

        // add canvas for animations
        canvas = document.createElement("canvas");
        ctx = canvas.getContext("2d");
        div.append(canvas);

        // fit to container size
        canvas.width = canvas.offsetWidth;
        canvas.height = canvas.offsetHeight;
        //console.log("canvas: " + canvas.width + "x" + canvas.height);

        // set viewport origin of canvas
        ctx.translate(canvas.width / 2, canvas.height);

        // show button to stop animations
        btn = document.getElementById("disable_bg_block");
        btn.style.display = "block";
        link = document.getElementById("disable_bg_link");
        link.onclick = disable_animations;

        // start showing first background image
        fade_in(imgs[idx]);

        // trigger first and future animation steps
        animation();
        animate();
    }

    function shake(element) {
        shake_n = 0;
        timer_shake = setInterval(function() {
            switch (shake_n++) {
                case 0:
                    element.style.marginLeft = "5px";
                break;

                case 1:
                    element.style.marginLeft = "-5px";
                break;

                default:
                    element.style.marginLeft = "0px";
                    clearInterval(timer_shake);
            }
        }, wiggle_t);
    }

    // prepare easter-egg for reduced-motion visitors
    // click 5 times on the main heading to trigger animations
    easter_egg_triggered = 5; // but disable it for now
    headings = document.querySelectorAll("h1");
    for (h of headings) {
        h.onclick = function() {
            if (easter_egg_triggered <= 5) {
                easter_egg_triggered++;
            }
            if (easter_egg_triggered < 5) {
                console.log("still " + (5 - easter_egg_triggered) + " to go");
                shake(h);
            } else if (easter_egg_triggered == 5) {
                console.log("animations activated");
                shake(h);

                // remove static background image
                document.body.style.backgroundImage = 'none';
                bg();
            }
        };
    }

    if (!isReduced) {
        // trigger animated background for non-reduced-motion visitors
        window.onload = bg;
    } else {
        easter_egg_triggered = 0; // enable easter-egg
    }
</script>

<p id="disable_bg_block" style="display: none;">
    Accessibility: <a id="disable_bg_link" href="#">disable background animations</a>.
</p>

<!-- ---------------------------------------------------------------------- -->

The four-year cycle for the CCC summer camp has returned this year, luckily completely skipping any pandemic related regulations.
And for the third time (CCCamp2019, MCH2022, CCCamp2023) I felt honored to be a guest at [Frubar Island village](http://www.frubar.net/).

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_51.jpeg", "Copyright <a href='https://chaos.social/@th3r3al/110917982189942424'>@th3r3al</a>. Licensed as CC BY-NC-SA." ],
    [ "img/cccamp23_bluemaex_3.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_motu_25.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_bluemaex_46.jpeg", "Copyright @bluemaex. Used with permission." ],
])
%-->

## Camp

It really felt like a lot of creative energy was still bottled up from the past years in lock-down, which now exploded in this event.
We were located right next to C-Base who brought a very nice sound setup, including lots of lights and a strong fog machine.
Even late into the night they played awesome music, I enjoyed it a lot.
So the party areas are spreading even outside of Geraffel village.
On the one hand I can kind of understand some people complaining about the constant noise, but on the other hand I was right next to it and could sleep fine.
And I think it's an important part of the event.

<!--%
lightgallery([
    [ "img/cccamp23_motu_15.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_bluemaex_23.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_motu_16.jpg", "Copyright @motu81. Used with permission." ],
])
%-->

Surprisingly I slept very well each night, without using any earplugs.
The only downside was the sun shining on my tent reliably at 07:30 in the morning, kicking me out of bed each day.
Most days were very hot and sunny, so until the late afternoon not much was happening anyways, with basically everyone just lounging around in the shade at the villages or bars.

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_13.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_14.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_20.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_21.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_22.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_28.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_motu_1.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_2.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_4.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_5.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_7.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_8.jpg", "Copyright @motu81. Used with permission." ],
])
%-->

As usual I didn't really go to any talks, opting to watch the [recordings](https://media.ccc.de/c/camp2023) afterwards.
I think this time is better spent socializing and taking in the event itself.

<!--%
lightgallery([
    [ "img/cccamp23_motu_9.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_10.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_12.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_14.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_bluemaex_1.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_5.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_8.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_15.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_16.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_video_1.mov", "video/quicktime", "", "", "Copyright @bluemaex. Used with permission." ],
])
%-->

## Frubar

Like at many villages, the situation at Frubar is continuously escalating 🥳

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_6.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_24.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_25.jpeg", "Copyright @bluemaex. Used with permission." ],
])
%-->

This time we brought, if I remember correctly, ~350l of [draft beer](https://wiki.frubar.net/cccamp23/kitchen/drinks/beer) in different variations, in addition to the usual [cocktail machine ingredients](https://wiki.frubar.net/cccamp23/kitchen/drinks) and of course Mate and other non-alcoholic beverages.

<!--%
lightgallery([
    [ "img/cccamp23_food_1.jpg", "Frubar draft beer storage" ],
    [ "img/cccamp23_bluemaex_12.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_7.jpeg", "Copyright @bluemaex. Used with permission." ],
])
%-->

Apparently there were some [issues](https://chaos.social/@geheimorga/110916248354117732) around the usual waffle sale of [C3WOC](https://c3woc.de/).
Because they were not allowed to offer waffles on camp, they instead opted to rent out their industrial waffle baking machines to villages.

Frubar took up the offer, so we had access to a double-waffle machine for one day.
One of the famous C3WOC recipes is the [Dönerwaffel](https://c3woc.de/rezept/doener/), with meat on top.
We decided to iterate on this idea and made Steakwaffle with cheese.
It was very tasty.

<!--%
lightgallery([
    [ "img/cccamp23_food_3.jpg", "Making waffles. Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_29.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_food_2.jpg", "Steak waffle with cheese" ],
])
%-->

Of course we had the traditional [Kässpätzle](https://wiki.frubar.net/cccamp23/kitchen/kaesspatzle) session as well.
In my opinion this is really one of the great highlights of Frubar village.
It's always unbelievably tasty and makes me remember my childhood 🧑‍🍳

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_33.jpeg", "Onion preparation. Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_35.jpeg", "Spätzle dough. Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_36.jpeg", "Spätzle manufacturing. Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_37.jpeg", "Spätzle cooking. Copyright @bluemaex. Used with permission." ],
])
%-->

This time we made four of the trays visible below.

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_39.jpeg", "Kässpätzle in the 'oven'. Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_38.jpeg", "Next round of Kässpätzle. Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_34.jpeg", "Obligaroty salad. Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_41.jpeg", "Kässpätzle being served. Copyright @bluemaex. Used with permission." ],
])
%-->

Also the food stalls on the camp site offered [Lieferstando](https://events.ccc.de/camp/2023/infos/food.html#lieferstando-pre-ordering-at-food-stalls), so [each morning](https://wiki.frubar.net/cccamp23/kitchen/broetchen) the local bakery brought fresh breadrolls and cake to our village 🍰

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_10.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_11.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_4.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_video_2.mov", "video/quicktime", "", "", "Copyright @bluemaex. Used with permission." ],
])
%-->

## LED Matrix

I initially bought a 32x32 RGB LED matrix in 2018.
Back then the idea was to fit it onto a bag, as some kind of wearable device, for 35C3.
But it never really worked out.
So in preparation for this years camp I noticed the LED panel again and decided to buy some more of them.

Of course I tried to do far more than was possible in the given timeframe.
I built a ~30x30 cm, 64x64 LED matrix with a Raspberry Pi 4.
A smaller 32x32 matrix with a Raspberry Pi Pico and battery operation.
And the plan was to build another large 32x32 1x1m matrix with a Raspberry Pi.

The only thing that was really used was the 64x64 matrix.
It worked well and people had some fun with the included games.

<!--%
lightgallery([
    [ "img/cccamp23_matrix_1.jpg", "Someone tries to beat Breakout" ],
    [ "img/cccamp23_matrix_2.jpg", "Another player already scored 80 points" ],
])
%-->

The final breakout high-score was 218, achieved by Wiedi!

I also got a patch set ([1](https://git.xythobuz.de/thomas/rgb-matrix-visualizer/commit/8e257111464a90a983bd2bc4f6092c12ebf08374), [2](https://git.xythobuz.de/thomas/rgb-matrix-visualizer/commit/8ff126684afb7dfa48a2d7060e390e8233045bb9), [3](https://git.xythobuz.de/thomas/rgb-matrix-visualizer/commit/43d0b92700f2c2a8adf915bb5a020476409e8e08), [4](https://git.xythobuz.de/thomas/rgb-matrix-visualizer/commit/2399961348fefa849d1892cdf5b5001265a28ffd)) from Jannis that fixed the collision behaviour of the ball in breakout!
We met on the camp and had a very nice time together.
And soon afterwards the patches appeared in my inbox and actually made the game playable!
This was really awesome 😊💪
Thanks again!

You can read more about this project on the ['RGB LED Matrix visualizer' page](ledmatrix_v2.html).

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_18.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_19.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_2.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_32.jpeg", "Copyright @bluemaex. Used with permission." ],
])
%-->

## DrinkRobotics

As usual we also brought the UbaBot cocktail machine with us.

<!--%
lightgallery([
    [ "img/cccamp23_ubabot_1.jpg", "Setting up the Cocktail machine (1)" ],
    [ "img/cccamp23_bluemaex_27.jpeg", "Copyright @bluemaex. Used with permission." ],
])
%-->

I was hoping to port last years MCH badge app to the new flow3r badge, but unfortunately WiFi features were not implemented in the firmware until day four.
Also the requirements for app development changed a bit, so the code could not be reused as-is without modifications.
And for just half a day I wasn't really motivated to do a lot of work... 😅

Someone from [Chaosradio](https://chaosradio.de/) also was there to interview us, so maybe something will appear there in some future episode.

<!--%
lightgallery([
    [ "img/cccamp23_ubabot_2.jpg", "Setting up the Cocktail machine (2)" ],
    [ "img/cccamp23_bluemaex_26.jpeg", "Copyright @bluemaex. Used with permission." ],
])
%-->

We also made a plan of connecting Frubar island to the [POTS](https://events.ccc.de/camp/2023/infos/facilities.html#isdn-and-pots) network, some citizens even brought modems for that.
The idea was to offer a BBS-like interface for ordering drinks on the cocktail machine.
Unfortunately there were some problems with running the cable across one of the camp "streets", so Frubar did not end up getting connected to the wired phone service.
Just one of the many project ideas for which there wasn't enough time left 🤷

<!--%
lightgallery([
    [ "img/cccamp23_motu_21.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_22.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_23.jpg", "Copyright @motu81. Used with permission." ],
])
%-->

## Gadgets

Of course I got this years flow3r badge.
It's a really nice design, I like the idea of more interactive elements and also the general idea of inter-badge connectivity.
The problem is time.
Last years MCH badge had the "fortune" of the event being moved back a year.
This gave much more development time, so when the badges were handed out, a comprehensive API, documentation and app store infrastructure was available immediately.
This was not the case for CCCamp23, so many apps only appeared on day four or so, understandably.
So unfortunately I didn't really do that much with the badge, except for updating the firmware when new releases appeared and trying out some small apps on the last day.

<!--%
lightgallery([
    [ "img/cccamp23_badge_1.jpg", "flow3r badge" ],
])
%-->

Besides the usual servings of pasta, espresso, grappa and, as we now learned, [corretto](https://en.wikipedia.org/wiki/Caff%C3%A8_corretto), some of us also got a little NFC tag gadget from the Italian village.
It's the [MuTag](https://github.com/MrMoDDoM/MuTag) from [Muhack](http://muhack.org/), `The first hackerspace in Brescia`.

<!--%
lightgallery([
    [ "img/cccamp23_nfc_1.jpg", "MuTag PCB" ],
    [ "img/cccamp23_nfc_2.jpg", "Contents of NFC tag with initial example firmware" ],
])
%-->

It's quite nice.
I've never used NFC before, so I was a bit surprised when a webbrowser immediately opened after just holding the PCB near the phone.
Maybe I'll just let it link to my website, to avoid having to spell out the unpronouncable domain name to people I talk to 😅

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_30.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_31.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_43.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_44.jpeg", "Copyright @bluemaex. Used with permission." ],
])
%-->

## 3D Printer

This time I also brought my [3D printer](i3-am8.html) and offered printing services.
Transport and setup went without any issues and I didn't have to repair or modify anything, either there or back home afterwards.

<!--%
lightgallery([
    [ "img/cccamp23_printer_1.jpg", "Printer in Frubar (1)" ],
    [ "img/cccamp23_printer_2.jpg", "Printer and LED Matrix in FruBar" ],
    [ "img/cccamp23_printer_5.jpg", "Printer printing" ],
])
%-->

It was actually used by a couple of people, both Frubar-internal and from other external people.
A model train set group needed some [track separators](https://spassgleis.de/diy/), someone required a [holder for a mate-tea cup](https://www.printables.com/model/98865-stand-for-mate-mateo-gourd), another group had some project case design and someone else lost a part of their e-cigarette.
Also I designed and printed an adapter for a hoverboard-robotics project for a Frubar citizen.

<!--%
lightgallery([
    [ "img/cccamp23_print_2.mp4", "video/mp4", "", "", "Timelapse of 'Isoverbinder Code 370 v1.gcode'" ],
    [ "img/cccamp23_print_3.mp4", "video/mp4", "", "", "Timelapse of 'rad_adapter.gcode'" ],
    [ "img/cccamp23_print_4.mp4", "video/mp4", "", "", "Timelapse of 'Mate_Mateo_Stand_1.0.gcode'" ],
])
%-->

Unfortunately I forgot to export the PrusaSlicer configuration I'm using on my desktop PC at home.
And of course I only noticed I never put it somewhere online when trying to slice something on-site.
So I quickly had to create some kind of sensible config, choosing safe but not super-fast speeds.
I didn't actually think of taking the values from the end of a g-code file on the Pi.

The slicer config can now be found on the [printer project site](i3-am8.html) and in [the repo](https://git.xythobuz.de/thomas/3d-print-designs/src/branch/master/configs/i3-AM8).

<!--%
lightgallery([
    [ "img/cccamp23_print_5.mp4", "video/mp4", "", "", "Timelapse of 'Isoverbinder Code 370 v1.gcode'" ],
    [ "img/cccamp23_print_8.mp4", "video/mp4", "", "", "Timelapse of 'MAIN_CASE_AUX.gcode'" ],
    [ "img/cccamp23_print_9.mp4", "video/mp4", "", "", "Timelapse of '810_1.gcode'" ],
])
%-->

The only problematic print was [a file](https://git.xythobuz.de/thomas/3d-print-designs/src/branch/master/cocktail-maschine/deckel-zerfass.scad) that already failed in the exact same way before at home.
Of course when something doesn't work, just try again without changing anything...
Predictably it failed twice.

<!--%
lightgallery([
    [ "img/cccamp23_print_6.mp4", "video/mp4", "", "", "Timelapse of 'deckel-zerfass-a.gcode'" ],
    [ "img/cccamp23_print_7.mp4", "video/mp4", "", "", "Timelapse of 'deckel-zerfass-a.gcode'" ],
])
%-->

I'm honestly not quite sure why just this specific 3D model fails at the point where the diameter reduces.
But I also wasn't motivated yet to really dig into it.

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_50.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_42.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_45.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_49.jpeg", "Copyright @bluemaex. Used with permission." ],
])
%-->

## Future Events

Hopefully I'll be able to also visit 37C3 at the end of this year in Hamburg.
It would be my first time not being in Leipzig for the Congress.

And the next camp will probably be in the Netherlands.
It's unclear if they will shift their timetable.
The "usual" year would be 2025, to keep in the two-year step with German camp.
But as MCH2022 was shifted by a year, they could also keep their own 4 year step, and hold the next event in 2026.
Either way the wait will be quite long.

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_52.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bonus_1.jpg", "All my wrist bands are still on" ],
    [ "img/cccamp23_bonus_2.jpg", "Bonus cat content" ],
])
%-->

## More Pictures
<a class="anchor" name="more_pictures"></a>

<div class="collapse">Some more photographs I didn't use above.</div>
<div class="collapsecontent">
<!--%
lightgallery([
    [ "img/cccamp23_motu_3.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_6.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_11.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_13.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_17.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_18.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_19.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_20.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_24.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_26.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_27.jpg", "Copyright @motu81. Used with permission." ],
    [ "img/cccamp23_motu_28.jpg", "Copyright @motu81. Used with permission." ],
])
%-->

<!--%
lightgallery([
    [ "img/cccamp23_bluemaex_9.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_17.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_40.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_47.jpeg", "Copyright @bluemaex. Used with permission." ],
    [ "img/cccamp23_bluemaex_48.jpeg", "Copyright @bluemaex. Used with permission." ],
])
%-->

<!--%
lightgallery([
    [ "img/cccamp23_printer_3.jpg", "Printer in Frubar (2)" ],
    [ "img/cccamp23_printer_4.jpg", "Printer in Frubar (3)" ],
    [ "img/cccamp23_print_1.mp4", "video/mp4", "", "", "Timelapse of 'logo.gcode'" ],
])
%-->
</div>

<span class="listdesc">
The fonts and backgrounds for this page came from [the official CCCamp2023 style guide](https://events.ccc.de/camp/2023/infos/styleguide.html).
If you don't see animated backgrounds, you either have JavaScript disabled or your browser might have `prefers-reduced-motion` set.
Try tapping the article heading a bunch (like enabling the Android developer mode) to activate them regardless.
When enabled, a link should appear at the top of the page to disable them.
</span>