---
# For full documentation on blog post settings, see:
# https://squidfunk.github.io/mkdocs-material/setup/setting-up-a-blog/#usage
    
draft: false
authors:
  - The Bunker Admin
date:
  created: 2024-11-29
---


# Update

This is a test

<!-- more -->

![image.png](image.png)

[Why Change Maker](Why Change Maker.md)

[Test](https://repo.bnkops.com/Home.html){ .md-button }

!!! note "Test"
    Hello this is a test note

test (1)
{ .annotate }

1. this is a test annotation

**bold** 

<div class="grid cards" markdown>

- __Test__

    ---

    Test

- __Test__

    ---

    Test

- __Test__

    ---

    Test

- __TEst__

    ---

    TEst

</div>

<form method="post" action="https://listmonk.bnkops.com/subscription/form" class="listmonk-form">
    <div style="
        background-color: #fbbf24; 
        padding: 1.25rem;
        padding-top: 0.5rem;
        border-radius: 0.5rem; 
        color: #1f2937; 
        width: 100%;
        max-width: 800px;
        margin: 1rem 0; 
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        animation: glow 2s ease-in-out infinite;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        display: inline-block;
    ">
        <style>
            @keyframes glow {
                0% { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
                50% { box-shadow: 0 0 20px rgba(251, 191, 36, 0.4); }
                100% { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
            }
            @media (max-width: 1024px) {
                .listmonk-form > div {
                    width: 90% !important;
                    max-width: 600px !important;
                }
            }
            @media (max-width: 640px) {
                .listmonk-form > div {
                    width: 95% !important;
                    max-width: none !important;
                }
            }
        </style>
        <h3 style="font-size: 1.25rem; font-weight: bold; margin-bottom: 0.75rem; color: #1f2937;">Subscribe</h3>
        <input type="hidden" name="nonce" />
        <div style="display: flex; gap: 1rem; margin-bottom: 0.5rem;">
            <p style="margin: 0; flex: 1;">
                <input type="email" 
                       name="email" 
                       required 
                       placeholder="E-mail" 
                       style="width: 100%; padding: 0.75rem; border: 1px solid #e5e7eb; border-radius: 0.375rem; background: white; color: #4b5563; ::placeholder { color: #9ca3af; }" />
            </p>
            <p style="margin: 0; flex: 1;">
                <input type="text" 
                       name="name" 
                       placeholder="Name (optional)" 
                       style="width: 100%; padding: 0.75rem; border: 1px solid #e5e7eb; border-radius: 0.375rem; background: white; color: #4b5563; ::placeholder { color: #9ca3af; }" />
            </p>
        </div>

        <p style="display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.75rem 0;">
            <input id="038eb" 
                   type="checkbox" 
                   name="l" 
                   checked 
                   value="038eb469-e141-435d-86eb-2ab4df20cf9c" 
                   style="width: 1rem; height: 1rem; accent-color: #1f2937;" />
            <label for="038eb" style="font-size: 0.875rem;">Weekly(ish) Update</label>
        </p>

        <p style="margin: 0;">
            <input type="submit" 
                   value="Subscribe" 
                   style="width: 100%; padding: 0.75rem; background-color: #1f2937; color: white; border: none; border-radius: 0.375rem; font-weight: 500; cursor: pointer; transition: all 0.2s; hover: { background-color: #374151; transform: translateY(-1px); }" />
        </p>
    </div>
</form>

Hay send this email! 

Imagine the email content here! 

[test](mailto:admin@thebunkerops.ca){ .md-button }