all repos — breadsite @ rework

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
 111
 112
 113
 114
 115
 116
 117
 118
 119
 120
<!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.</p>
        <p>This site gets updated as changes to the visor are made, for older versions look through the git: <a href="https://git.beeping.pet/breadsite.git">https://git.beeping.pet/breadsite.git</a>.</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>
                1 WS2812B bendable LED-matrix with holes in them from AliExpress for about 35eur. These ones are
                200x100mm with 16x32 LEDs and barely fit the Visor when bent.
            </li>
            <li>
                an ESP32-C3 for about 5€
            </li>
        </ul>
        Total cost: ~91€
    </section>
    <section id="assembly">
        <h2><a href="#assembly" aria-hidden="true">#</a> Assembly</h2>
        <section class="image-blog">
            <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 and putting a bit of soap water between the visor and foil when applying it. Ignore the ESP32 directly attached to its exhaust vent, this has been since solved differently.</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 class="image-blog">
            <div>
                <p>TODO: matrix</p>
            </div>
            <div><img src=""
                    alt="">
            </div>
        </section>
        <section class="image-blog">
            <div>
                <p>TODO: esp</p>
            </div>
            <div><img src=""
                    alt="">
            </div>
        </section>
        <section class="image-blog">
            <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>
    <section id="mods">
        <h2><a href="#mods" aria-hidden="true">#</a> Modifications</h2>
        <p>
            List of modifications and changes this one has made to its visor.
        </p>
        <section id="Fan">
            <h3><a href="#Fan" aria-hidden="true">##</a> Mount for a 40mm fan</h3>
            <section class="image-blog">
                <div>
                    <p>TODO: fan</p>
                </div>
                <div><img src="" alt=""></div>
            </section>
        </section>
        <section id="Meshtastic-casing">
            <h3><a href="#Meshtastic-casing" aria-hidden="true">##</a> [WIP] Bayonet mount Meshtastic node casing</h3>
            <section class="image-blog">
                <div>
                    <p>
                        It has recently acquired a <a
                            href="https://www.seeedstudio.com/Wio-Tracker-L1-p-6453.html">SeedStudio Wio Tracker
                            L1</a>,
                        which is a Meshtastic node used to forward messages and send
                        telemetry data for this unit via MQTT.
                        <br>One may find it on any Meshtastic map like this: <a
                            href="https://meshmap.net/#1188420125">meshmap.net/#1188420125</a>
                    </p>
                </div>
                <div><img src="/assets/blog/visor/6.webp" alt=""></div>
            </section>
        </section>
    </section>
</body>

</html>