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
<!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="/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 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> 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>