codelearner/test.html at main · tpC529/codelearner · 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
<!DOCTYPE html>
<html>
<head>
    <title>Test CodeLearner</title>
    <style>
        body { margin: 50px; font-family: Arial; }
        .box { padding: 20px; background: #f0f0f0; margin: 20px 0; border: 2px solid #ccc; }
        code { background: #e0e0e0; padding: 5px 10px; display: block; margin: 10px 0; }
    </style>
</head>
<body>
    <h1>CodeLearner Test Page</h1>
    <p><strong>Instructions:</strong> Hold Shift, then click and drag over any element to get an AI explanation.</p>

    <div class="box">
        <h2>A Button Element</h2>
        <button style="padding: 10px 20px; font-size: 16px;">Click Me</button>
    </div>

    <div class="box">
        <h2>Some Code</h2>
        <code>function greet() {<br>&nbsp;&nbsp;console.log("Hello World");<br>}</code>
    </div>

    <div class="box">
        <h2>A Text Paragraph</h2>
        <p>This is sample text. The extension will explain what you select using AI vision analysis.</p>
    </div>
</body>
</html>