richardcode/index.html at main · RichardLiuCode/richardcode · 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
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="style.css" />
    <link rel="canonical" href="https://RichardLiuCode.github.io/richardcode">
    <link rel="icon" href="logo.svg" type="image/svg+xml">
    <link rel="icon" href="logo.png" type="image/png">
    <link rel="icon" href="logo.jpeg" type="image/jpeg">
    <link rel="apple-touch-icon" href="logo180px.png" type="image/png">
    <title>RichardLiuCode - Coding Tutorials and Web Development by Richard Liu</title>
    <meta name="viewport" content="width=device-width, initial-scale=0.7" />
    <meta name="keywords" content="code, richard, richardcode, computer, website, science,
      html/css/javascript, javascript,
      github, glitch, code.org
      " />
    <meta name="description" content="
      This is richard liu's code exchibition website, this website will talk about the projects that he made, including code.org, glitch, Github.
      This website also talk about the teather that called Mr.Ray Chen,
      This website also talk about the different that the code in code.org AppLab vs the code in real website
      ">
    <meta name="author" content="Richard Liu">
    <meta charset="UTF-8">
    <link rel="license" href="LICENSE.md" />
    <!-- RichardLiuCode Github Website -->
</head>

<body>
    <div id="sideBar" class="side-bar" style="display:none">
        <div id="sidebarHigherButtonContainer" style="height: 40px;margin-top:15px;"></div>
        <button id="viewCode">View source code</button>
        <br /><br />
        <button id="share">share this website</button>
        <br /><br />
        <button onclick="window.location.href='search'" class="searchBTN">Search page</button>
        <hr />
        <iframe src="indexs/sidebarindex.html" id="345side" style="border-width: 0px; width: 250px; height: 1000px">
            Error
        </iframe>

    </div>
    <div class="bar">
        <button id="showSideBar"
            style="padding:0px;margin:0px;display:flex;justify-content:center;align-items:center;"><img width="20px;"
                src="sidebaricon.png" style="margin:0px;">
        </button>
    </div>
    <br />
    <br /><br />
    <div class="frame">
        <h1>Richard's Code</h1>
        <p>This is my code website</p>
    </div>
    <br />
    <div class="frame">
        <h1>Projects</h1>

        <p>
            View my projects:
            <a href="code.orgProjects.html" target="blank">Code.org projects,</a>
            <a href="GitHub/">GitHub projects,</a>
            <a href="https://codepen.io/richardliucode" target="blank">CodePen projects,</a>
            <a href="renderpreview.html" target="_blank">Render projects,</a>
            <a href="browserExtensions.html">Browser extensions</a>
            <a href="jspackages.html" target="_blank">JavaScript Packages</a>
        </p>
    </div>
    <br />
    <div class="frame">
        <h1>Computer Science</h1>
        <a href="https://classroom.google.com/u/1/c/NzA0MjM5Mjk2MDQw">Google Classroom</a>
        <a href="pdfIndex.html">PDF</a>
        <a href="MrRay.html">Teacher</a>
    </div>
    <br />
    <div class="frame">
        <h1>
            <h1>Browser Javascript VS Code.org App Lab Javascript</h1>
            <a href="browserCode.html">View Details</a>
        </h1>
    </div>

    <br />
    <div class="frame">
        <h1>Youtube Channel</h1>
        <a href="https://www.youtube.com/channel/UCuvJA2I2rsiTfEPHqllr_dQ">View Youtube Channel</a>
    </div>
    <br />
    <div class="frame">
        <h1>Feedback</h1>
        <a href="feedback.html">Send Feedback</a>
    </div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <footer class="bottombar">
        <p style="margin-left:15px;">© 2025 Richard Liu</p>
        <p>RichardCode</p>
        <p style="margin-right:18px;">Host by GitHub</p>
    </footer>
    <div id="turnHint"
        style="position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:lightyellow;color:gray;font-family:arial;text-align:center;justify-content-center;align-items:center;display:none">
        <h1>Please Turn your phone horizontally to have better view!</h1>
    </div>
    <script src="turnHint.js"></script>
    <script src="view source hint.js"></script>
    <script src="homePage.js"></script>
    <script>/*----*/</script>

    <!------------------------------------------------------------------------->
    <!------------------------------------------------------------------------->
    <!-- These text are just the note for developer -->

    <!-- About Me -->
    <a href="richard.txt" class="HiddenURLButton">About me</a>

    <!-- Click the "skibidi.txt" to go to my secret web page -->
    <a href="hidden/skibidi.txt" class="HiddenURLButton">Skibidi Toilet</a>

    <!-- Github URL -->
    <a href="https://Github.com/RichardLiuCode/richardcode" class="HiddenURLButton">GitHub URL</a>

    <!--Shorten URL: View all the shorten URLs on "https://richardliucode.github.io/richardcode/ShortenURL.html" -->

    <!--_____________________________________________________________________-->
    <!------------------------------------------------------------------------->

</body>

</html>