bdt/post.html at main · bjbeier/bdt · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog Post | Blue Droid Technologies</title>
    <link rel="stylesheet" href="styles.css?v=1.3">
    <link rel="icon" type="image/png" href="images/favicon.png">
    <!-- Security Headers (Meta Tags - Server-side headers recommended) -->
    <meta http-equiv="Content-Security-Policy"
        content="default-src 'self'; script-src 'self' https://www.googletagmanager.com https://static.cloudflareinsights.com 'unsafe-inline'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https://placehold.co https://*.google-analytics.com https://*.googletagmanager.com; connect-src 'self' https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://stats.g.doubleclick.net https://cloudflareinsights.com https://static.cloudflareinsights.com;">
    <meta http-equiv="X-Content-Type-Options" content="nosniff">
    <meta name="referrer" content="strict-origin-when-cross-origin">

</head>

<body>
    <header id="site-header">
        <nav>
            <div class="nav-container">
                <img src="images/logo.png" alt="Blue Droid Technologies" class="logo" width="1500" height="450">
                <button class="menu-toggle" data-menu-toggle="" aria-label="Toggle navigation">&#9776;</button>
                <ul class="nav-links" id="navLinks">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="index.html#services">Services</a></li>
                    <li><a href="prices.html">Pricing</a></li>
                    <li><a href="blog.html">Blog</a></li>
                    <li><a href="index.html#about">About</a></li>
                    <li><a href="index.html#contact">Contact</a></li>
                </ul>
                <a href="tel:5132126714" class="phone-btn">
                    <span class="full">Call or Text &bull; (513) 212-6714</span>
                    <span class="short">(513) 212-6714</span>
                </a>
            </div>
        </nav>
    </header>

    <!-- Post Header / Visual Break -->
    <section class="hero hero-condensed">
        <!-- Dark/Light Mode Toggle -->
        <div class="hero-content">
            <p style="margin-bottom: 0.5rem; opacity: 0.8;">Blog Insights</p>
            <h1>Technology Guides</h1>
        </div>
    </section>

    <main class="container" style="padding-top: 4rem;">
        <div id="blog-post-container" class="min-h-[400px]">
            <div class="text-center">Loading article...</div>
        </div>
    </main>

    <footer id="site-footer">
        <div class="footer-content">
            <div class="footer-section">
                <h4>Blue Droid Technologies</h4>
                <p>Support Made Simple</p>
                <p>Milford, OH</p>
            </div>
            <div class="footer-section">
                <h4>Services</h4>
                <ul>
                    <li><a href="index.html#services">Residential Support</a></li>
                    <li><a href="index.html#services">Business IT Services</a></li>
                    <li><a href="index.html#services">Electronics Recycling</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h4>Quick Links</h4>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="prices.html">Pricing</a></li>
                    <li><a href="blog.html">Blog</a></li>
                    <li><a href="index.html#about">About</a></li>
                    <li><a href="index.html#contact">Contact</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h4>Contact</h4>
                <ul4>
                    <li><a href="tel:5132126714">(513) 212-6714</a></li>
                    <li><a href="#" id="emailLinkFooter" data-user="contact" data-domain="bluedroidtech.com">Click to
                            reveal
                            email</a></li>
                    <li>
                        <a href="https://www.facebook.com/bluedroidtech" target="_blank" rel="noopener noreferrer">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
                                style="display:inline-block;vertical-align:middle;margin-right:8px;">
                                <path
                                    d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.99 3.66 9.13 8.44 9.88v-6.99h-2.54v-2.89h2.54V9.84c0-2.51 1.58-3.88 3.88-3.88 1.13 0 2.3.2 2.3.2v2.53h-1.29c-1.27 0-1.67.79-1.67 1.6v1.92h2.97l-.48 2.89h-2.49V22c4.78-.75 8.44-4.89 8.44-9.88z">
                                </path>
                            </svg>
                            Facebook
                        </a>
                    </li>
                </ul4>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2025 Blue Droid Technologies, LLC. All rights reserved.</p>
        </div>
    </footer>

    <script src="analytics.js" defer></script>
    <script src="consent-banner.js" defer></script>
    <script src="scripts.js?v=1.2" defer></script>
    <script src="CMS/blog-loader.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            setTimeout(() => {
                loadSinglePost('blog-post-container');
            }, 100);
        });
    </script>
</body>

</html>