all repos — breadsite @ a2a4315acdb13951c26523dddf5c3f25cdf79e50

Unnamed repository; edit this file 'description' to name the repository.

blog/visor.html (view raw)

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>visor | 6B74-4's site</title>
    <link href="/style.css" rel="stylesheet" />
</head>

<body>
    <h1>
        <a href="/" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="m9 6-6 6 6 6" />
                <path d="M3 12h14" />
                <path d="M21 19V5" />
            </svg>
        </a>
        This one's visor and modifications
    </h1>
    <section id="about">
        <h2><a href="#about" aria-hidden="true">#</a> About this page</h2>
        <p>This page documents the making and modification of this one's visor. It was created after the Visor was
            already built, so details and images up until that point may be missing. This one will however try to log
            future modifications in more detail.</p>
        <p><b>WARNING:</b> this is a continuously updated log, if one wishes to recreate parts of this, read it in its
            entirety as there may be improvements added later on.</p>
    </section>
    <section id="materials">
        <h2><a href="#materials" aria-hidden="true">#</a> Materials</h2>
        <p>A short lists of the things used to make this visor with approximate prices.</p>
        <ul>
            <li>
                cheap 3M 6800 full-face mask knock-off, 30€
            </li>
            <li>
                15% VLT car tinting foil, 21€ for a big roll (one may also ask this one for a piece since it has a lot
                left over)
            </li>
            <li>
                2 WS2812B bendable LED-matrices with holes in them from AliExpress for about 20eur each. These ones are
                200x50mm with 8x32 LEDs each and barely fit the Visor while bent.
            </li>
            <li>
                an ESP32 for about 5€
            </li>
        </ul>
        Total cost: ~96€
    </section>
    <section id="assembly">
        <h2><a href="#assembly" aria-hidden="true">#</a> Assembly</h2>
        <section>
            <div>
                <p>First this one removed the rubber ring and straps to (somewhat badly) apply the car tinting foil. It
                    has heard that other units had better success by first creating a paper template to cut out the
                    perfect shape.</p>
                <p>This one attached the ESP32 directly to its exhaust vent, below the snoot cap. This has 2 downsides:
                </p>
                <ul>
                    <li>Corrosion: if your exhaust fumes contain things harmful to electronics (like for example water
                        vapor) they WILL corrode over time</li>
                    <li>The default 3M 6800 style snoot does not fit an ESP of this size, so tape will be needed to
                        "close" the snoot</li>
                </ul>
                <p>It also has 2 minor upsides:</p>
                <ul>
                    <li>Corroding and being held together by duct tape is kinda gender</li>
                    <li>less work (this one is lazy)</li>
                </ul>
                <p>One will have to replace the duct tape and ESP over time (it is still on it's first ESP after a few
                    months of visoring), because both do not appreciate the moisture.</p>
            </div>
            <div><img src="/assets/blog/visor/1.webp"
                    alt="Visor with the rubber ring and straps removed sitting on a table.
                    The snoot has also been detatched revealing a microcontroller taped on the exhaust vent.
                    There is car tinting foil applied to the faceplate of the visor with some visible bubbles and folds."></div>
        </section>
        <section>
            <div>
                <p>One may not be surprised how the LED-matrices are held in place after reading the previous paragraph.
                    It's only zip-ties and friction. They need to be readjusted every now and then but mostly stay put
                    nicely like this. The matrices can be daisy chained so they will only have to be connected to the
                    ESP with one wire each.</p>
            </div>
            <div><img src="/assets/blog/visor/2.1.webp"
                    alt="The inside of the assembled visor, with 2 zip-tied together daisy-chained LED-matrices inside. They bent to fit the visor shape and loosely connected to the ESP through the back of the exhaust vent.">
            </div>
        </section>
        <section>
            <div>
                <p>The ESP can be connected via USB-C through the hole in at the bottom of the snoot. This one also put
                    a little NFC-sticker on its snoot, so it can sniff other peoples devices to share contact info.</p>
            </div>
            <div><img src="/assets/blog/visor/3.webp"
                    alt="The assmebled visor from the front, showing an experession of 2 purple-glowing boxes on the faceplate.">
            </div>
        </section>
        <section>
            <div>
                <p>Beep <span aria-hidden="true">^^</span>. Thats completes the visor making process. This one may
                    expand this site if it makes more changes to it's visor.</p>
            </div>
            <div><img src="/assets/blog/visor/4.webp" alt="Unit 6B74-4 with it's visor on in a ballpit."></div>
        </section>
    </section>
</body>

</html>