sichenliang.github.io/test.html at main · SichenLiang/sichenliang.github.io · 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
<!DOCTYPE html>
<html>
<head>
    <title>Image Test</title>
    <style>
        body { font-family: monospace; padding: 20px; background: #111; color: #0f0; }
        img { max-width: 300px; border: 2px solid #0f0; margin: 10px; }
        .error { color: red; }
        .success { color: lime; }
    </style>
</head>
<body>
    <h1>Image Loading Test for sichenliang.github.io</h1>
    <p>Testing if images load from assets/ folder:</p>

    <div>
        <h3>1. myskateboardpic.jpg</h3>
        <img src="assets/myskateboardpic.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>2. technicalfoundation.jpg</h3>
        <img src="assets/technicalfoundation.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>3. controlsystems.jpg</h3>
        <img src="assets/controlsystems.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>4. robotics.jpg</h3>
        <img src="assets/robotics.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>5. embedded.jpg</h3>
        <img src="assets/embedded.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>6. xpeng1.jpg</h3>
        <img src="assets/xpeng1.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>7. xpeng2.jpg</h3>
        <img src="assets/xpeng2.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>8. birolab1.jpg</h3>
        <img src="assets/birolab1.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>9. birolab2.jpg</h3>
        <img src="assets/birolab2.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>10. frc.jpg</h3>
        <img src="assets/frc.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>11. revit.jpg</h3>
        <img src="assets/revit.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>12. bikeansys.jpg</h3>
        <img src="assets/bikeansys.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <div>
        <h3>13. 3dskate.jpg</h3>
        <img src="assets/3dskate.jpg" onerror="this.parentElement.innerHTML += '<span class=error>FAILED</span>'" onload="this.parentElement.innerHTML += '<span class=success>✓ LOADED</span>'">
    </div>

    <hr>
    <h2>Instructions:</h2>
    <p>1. Upload this test.html to your GitHub repo (in the root, same level as index.html)</p>
    <p>2. Visit: https://sichenliang.github.io/test.html</p>
    <p>3. You'll see which images load (green ✓) and which fail (red FAILED)</p>
    <p>4. Screenshot the results and send to me</p>
</body>
</html>