139 lines
3.8 KiB
Markdown
Executable File
139 lines
3.8 KiB
Markdown
Executable File
---
|
|
# 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 -->
|
|
|
|
|
|
|
|
[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 } |