learnwithoj.com/resources.html at main · oj-codes/learnwithoj.com · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Free tools, guides, and resources for software and infrastructure engineers. Built by a working engineer, not a vendor pitch.">
    <title>Free Resources - Learn with O.J.</title>

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="manifest" href="/site.webmanifest">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" as="style" crossorigin href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap">
    <link rel="stylesheet" crossorigin href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" crossorigin href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap"></noscript>
    <link rel="stylesheet" href="styles.css?v=28">

    <!-- Analytics -->
    <script data-goatcounter="https://learnwithoj.goatcounter.com/count"
            async src="https://gc.zgo.at/count.js"></script>
</head>
<body>
    <header class="header">
        <div class="container">
            <a href="/" class="logo">Learn with O.J.</a>
            <nav class="nav-links" aria-label="Main">
                <a href="/#companies" class="nav-link">For companies</a>
                <a href="/#engineers" class="nav-link">For engineers</a>
                <a href="/resources.html" class="nav-link nav-link-active">Resources</a>
                <a href="https://book.learnwithoj.com" class="btn-header">Quick chat (15 min)</a>
            </nav>
        </div>
    </header>

    <main>
        <section class="section">
            <div class="container">
                <h1>Free Resources</h1>
                <p class="resources-intro">Tools, guides, and resources I'm building to help software and infrastructure engineers level up. Everything here is free.</p>
            </div>
        </section>

        <section id="ai-guide" class="section section-alt">
            <div class="container">
                <div class="resource-card">
                    <h2>AI-Assisted Development: A Practical Guide for Engineering Teams</h2>
                    <p class="resource-desc">What the research says about working with AI, including the parts that will burn your time if nobody tells you first. Written from hands-on experience shipping software alongside these systems and helping teams work out what works, not from a vendor's blog. Engineering teams have used it to decide how to adopt AI-assisted development, and it gets refreshed as the landscape moves.</p>
                    <div class="kit-form-container">
                        <script async data-uid="36c7f50077" src="https://learn-with-o-j.kit.com/36c7f50077/index.js"></script>
                    </div>
                    <p class="form-note">No spam. Just the guide. You can unsubscribe anytime.</p>
                </div>
            </div>
        </section>

        <section id="jd-match" class="section">
            <div class="container">
                <div class="resource-card resource-card-coming-soon">
                    <span class="coming-soon-badge">Coming Soon</span>
                    <h2>Resume-to-Job Match Score</h2>
                    <p class="resource-desc">Paste your resume and a job description, get a keyword match score and tailoring suggestions. Built to help software and infrastructure engineers stop guessing whether their resume actually lines up with the role.</p>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <p class="footer-brand">Learn with O.J. LLC <span class="footer-sep" aria-hidden="true">·</span> West Palm Beach, Florida</p>
                <ul class="footer-links">
                    <li><a href="mailto:oj@learnwithoj.com">oj@learnwithoj.com</a></li>
                    <li><a href="https://www.linkedin.com/in/learnwithoj/" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
                    <li><a href="/agents/policy/">AI policy</a></li>
                    <li><a href="/agents/">For agents</a></li>
                </ul>
                <div class="footer-onepercent">
                    <a class="footer-onepercent-mark" href="https://www.onepercentfortheplanet.org/" target="_blank" rel="noopener noreferrer">
                        <img src="assets/logos/1ftp-primary-horizontal-fullcolor.png" alt="1% for the Planet" width="188" height="80" loading="lazy" decoding="async">
                    </a>
                    <p class="footer-onepercent-text">Learn with O.J. LLC is a member of 1% for the Planet. We have committed to give back 1% of our annual sales to vetted and approved impact partners. Our first certification will take place after our current fiscal year ends.</p>
                </div>
                <p class="footer-dns">And remember, it's always DNS.</p>
            </div>
        </div>
    </footer>
</body>
</html>