saltflavoredlight.github.io/index.html at main · SaltFlavoredLight/saltflavoredlight.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
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
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>link tree of Rayzhi</title>
    <!-- OG and X -->
    <meta name="google-site-verification" content="ItFreJJJUERiC44OxgD1KLxVNBJFXybHSHvoIjH9H80" />
    <meta property="og:url" content="https://rayzhi1130.surge.sh">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Ray Studio 1130 -- Rayzhi">
    <meta property="og:description" content="Welcome! Share something I want. hello, this is Ray, and I'm like Art, Codings, Music and Math! PS: I'm a Christian">
    <meta property="og:image" content="">
    <!-- style -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/styles/theme-colors.css">
    <link rel="stylesheet" href="/styles/link-style.css">
</head>

<body>

    <!-- for the website... -->
    <div class="head">
        <div class="icon">
            <img src="/images/Icon.webp" alt="Rayzhi's Icon">
        </div>
        <h1 style="font-weight: 900;"> Rayzhi </h1>
        <p>Share something I want. <br>
           hello, this is Ray, and I'm like Art, Codings, Music and Math!<br>
           <span>PS: I'm a Christian</span></p>
    </div>

    <div class="banners">
        <a href="/school" target="_blank" class="banner">
            <div class="banner-left">
            </div>
            <div class="banner-text"> Please Fill out the form! </div>
            <div class="banner-right">  </div>
        </a>

        <div class="banner banner-disable-hover" style="height: 350px;">
            <iframe width="100%" height="300" src="https://www.youtube.com/embed/moL1-jPVKEU?si=HMrzGIX2gt01foQZ&amp;start=94" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        </div>
    </div>

    <hr>
    <h3> There have some playable you can do with </h3>

    <div class="banner">
        <a href="/mini-prefix" target="_blank" class="banner">
            <div class="banner-left">
            </div>
            <div class="banner-text"> See how Postfix work! </div>
            <div class="banner-right">  </div>
        </a>
    </div>

    <hr>
    <h3> do you want to play math game? </h3>

    <div class="banners">
        <a href="/math-game/QESG" target="_blank" class="banner">
            <div class="banner-left">
                <img src="/images/icon/math.svg" alt="math symbol">
            </div>
            <div class="banner-text"> Quadratic Equation Solving Game </div>
            <div class="banner-right">  </div>
        </a>

        <a href="/math-game/MSTG" target="_blank" class="banner">
            <div class="banner-left">
                <img src="/images/icon/abacus.svg" alt="abacus">
            </div>
            <div class="banner-text"> Mutiple Slover Testing Game  </div>
            <div class="banner-right">  </div>
        </a>


        <a href="/math-game/ASR" target="_blank" class="banner">
            <div class="banner-left">
                <img src="/images/icon/plus.svg" alt="abacus">
            </div>
            <div class="banner-text"> Addition Speed Run! (Recently released.) </div>
            <div class="banner-right">  </div>
        </a>
    </div>

    <hr>
    <h3> more thing... </h3>

    <div class="banners">
        <a href="https://youtube.com/@RayStudio1130" target="_blank" class="banner">
            <div class="banner-left">
                <img src="/images/icon/youtube-color.png" alt="headphones">
            </div>
            <div class="banner-text"> My youtube channel (see all my videos!) </div>
            <div class="banner-right">  </div>
        </a>

        <a href="https://musescore.com/user/101427901" target="_blank" class="banner">
            <div class="banner-left">
                <img src="/images/icon/headphones.svg" alt="headphones">
            </div>
            <div class="banner-text"> My all music on musescore </div>
            <div class="banner-right">  </div>
        </a>

        <a href="mailto:rayzhi1130@gmail.com" target="_blank" class="banner">
            <div class="banner-left">
                <img src="/images/icon/mail-opened.svg" alt="mail opened">
            </div>
            <div class="banner-text"> Email me: rayzhi1130@gmail.com </div>
            <div class="banner-right">  </div>
        </a>
    </div>

    <hr>
    <h3> sites-settings </h3>

    <div class="banners r2-grids">
        <div class="banner r2-grid banner-disable-hover gray-theme">
            <div class="banner-text"> Change themes? (upcoming) </div>
        </div>

        <a href="https://forms.gle/tUSECSCn4PTzTqxQ8" target="_blank" class="banner r2-grid">
            <div class="banner-text"> Feedback? cilck there! </div>
        </a>
    </div>

    <footer>
        <p>Copyright &copy; 2025 RayStudio. All rights reserved. </p>
        <p>Love the Lord your God with all your heart and with all your soul and with all your mind. <br>
           from Matthew 22:37)</p>
    </footer>
</body>

</html>