GhvswebtpcIntro/index.html at main · T-PageCode/GhvswebtpcIntro · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="./SystemLogo.png" type="image/png">
    <link rel="stylesheet" href="./Style/index.css">
    <title>Ghvswebtpc - 网页版系统</title>
</head>
<body>
    <div id="title">
        <img src="./SystemLogo.png" id="image1">
        <h1 id="text1">Ghvswebtpc</h1>
    </div>
    <h1 id="text2">在浏览器中打开运行的网页系统</h1>
    <button id="btn1" onclick="BlackDiv1Show();">
        <img src="./Image/ArrowRightImage.png" id="image2">
        <span id="span1">立即体验</span>
    </button>
    <a href="https://github.com/T-PageCode/Ghvswebtpc-Desktop/releases" target="_blank" id="ghvswebtpc-desktop">体验Ghvswebtpc Desktop</a>
    <p id="text3">托管在GitHub,使用GitHub Pages进行部署。</p>
    <div id="BlackDiv1"></div>
    <div id="Intro1">
        <h1 id="text4">使用Web技术</h1>
        <p id="text5">使用Web技术,HTML CSS JavaScript可以
        实现渐变、动画、高斯模糊、判断等,同
        时也可以循环、控制颜色、滚动条等。<br>
        Web技术对现代浏览器的兼容性几乎为100%,
        意味着您可以正常加载资源和页面。<br>
        相比PowerPoint、Scratch,HTML CSS JS有不少优点:<br>
        1.动画更丝滑流畅<br>
        2.支持很多PPT和Scratch做不到的功能和效果<br>
        3.可以快速地在浏览器中访问,不用让对方装解释器和<br>
        发送文件(需要一个发布网站的平台,比如GitHub)<br>
        4.实现一个效果和功能通常只需要几行~几十行代码<br>
        5.电脑记事本就能快速编辑,不需要复杂编译器(如果需要编辑器我推荐Visual Studio Code)<br>
        此网站通过Web技术实现图形化界面
        </p>
    </div>
    <div id="Intro2">
        <h1 id="text6">简介</h1>
        <p id="text7">
        这是一个开源的网页版系统项目,托管在GitHub<br>
        主题为紫色,使用Visual Studio Code开发,有着最基础的功能:<br>
        文本编辑器、终端、设置、个性化、浏览器。<br>
        还有一些额外功能:<br>
        展示,主站<br>
        这个网页版系统项目是于2026年6月开始开发。<br>
        这个系统本身没有广告,如果看到了广告可能是第三方强制嵌入或者是第三方修改版。<br>
        现在这个网页版系统的测试版不再以Build命名,而是以Test命名,窗口显示和关闭的过
        渡动画是渐显和渐隐,用的是:visibility和opacity。<br>
        Powered By HTML CSS JS<br>
        T-PageCode
        </p>
    </div>
    <h1 id="text8">展示视频</h1>
    <video id="video1" src="./GhvswebtpcShow.mp4" controls></video>
    <div id="div1">
        <h1 id="text9">仓库</h1>
        <p id="text10">要查看此项目仓库,请前往<a href="https://github.com/T-PageCode/Ghvswebtpc" target="_blank">GitHub</a>或<a href="https://gitcode.com/T-PageCode/Ghvswebtpc" target="_blank">GitCode</a></p>
        <p id="text11">GitCode仓库同步GitHub有延迟,最新代码以GitHub为准</p>
    </div>
    <script src="./Script/index.js"></script>
</body>
</html>