Square-Web/index.html at master · tomh500/Square-Web · 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>MoClient(Summer)</title>
  <!-- Bootstrap CSS -->
  <link href="css/bootstrap-4.4.1.css" rel="stylesheet" />
  <!-- Custom Styles -->
  <style>
    /* === 主题色：日系樱花粉 === */
    :root {
      --sakura-light:  #FDEFF2;
      --sakura-medium: #FFDDE1;
      --sakura-primary:#FFB7C5;
      --sakura-dark:   #C05060;
      --text-dark:     #333333;
      --glass-bg:      rgba(255,255,255,0.3);
      --glass-border:  rgba(255,255,255,0.5);
      --glass-blur:    10px;
    }
    /* 全局背景 */
    body {
      font-family: "Microsoft YaHei",sans-serif;
      background: url('images/bg-1920x1080.jpg') center/cover fixed;
      margin:0; padding:0;
      color: var(--text-dark);
    }
    .glass {
      background: var(--glass-bg);
      backdrop-filter: blur(var(--glass-blur));
      border:1px solid var(--glass-border);
      border-radius:8px;
      padding:1rem;
    }
    /* Navbar */
    .navbar {
      background: var(--sakura-dark) !important;
    }
    .navbar-brand, .nav-link {
      color: #fff !important;
    }
    .nav-link:hover {
      color: var(--sakura-light) !important;
    }
    /* Jumbotron */
    .jumbotron {
      background: var(--glass-bg);
      backdrop-filter: blur(var(--glass-blur));
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      border-radius: 12px;
      margin-top:1rem;
    }
    /* Buttons & Inputs */
    .btn-sakura {
      background-color: var(--sakura-medium);
      color: var(--text-dark);
      border:1px solid var(--sakura-primary);
      border-radius:6px;
      transition: background .3s;
    }
    .btn-sakura:hover {
      background-color: var(--sakura-primary);
      color: #fff;
    }
    /* Cards */
    .card {
      background: var(--glass-bg);
      backdrop-filter: blur(var(--glass-blur));
      border:none;
      border-radius:12px;
      overflow:hidden;
      box-shadow:0 2px 4px rgba(0,0,0,0.1);
    }
    .card-title {
      color: var(--sakura-dark);
    }
    .card-text {
      color: var(--text-dark);
    }
    /* Footer */
    footer {
      padding:2rem 0;
      background: var(--sakura-medium);
      color: #fff;
    }
  </style>
</head>
<body>
  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg navbar-dark">
    <a class="navbar-brand" href="#">无损平方集团</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse"
      data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
      aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active"><a class="nav-link" href="#">主页</a></li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            相关链接
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="#">Summer客户端</a>
            <a class="dropdown-item" href="https://tomh500.github.io/Square-Web/tools/CustomItems.html">自动道具YML在线编辑</a>
            <a class="dropdown-item" href="https://horizoncfg.top/scfgGen/">自动身法Lua在线可视化编程</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">其他产品</a>
          </div>
        </li>
      </ul>
    </div>
  </nav>

  <!-- Main Jumbotron -->
  <div class="container">
    <div class="jumbotron text-center">
      <h1>Summer客户端 For CS2</h1>
      <p class="lead">这是一种游戏方式</p>
      <p>
        <a id="btn-showimg" class="btn btn-sakura btn-lg mr-2"
   href="https://discord.com/invite/8JFZnYVtYS" role="button" target="_blank">
   获取产品
</a>
        <a class="btn btn-primary btn-lg" href="https://github.com/tomh500/MoClient" role="button">开源地址</a>
      </p>
      <img src="images/CS2.jpg" alt="CS2" class="img-fluid mt-3 rounded" />
    </div>
  </div>

  <!-- Solution Cards -->
  <div class="container mb-4">
    <div class="row">
      <div class="col-md-6 text-center mb-3">
        <h3>其他产品</h3>
        <p>不止本CFG，还有更多精彩</p>
        <a class="btn btn-info btn-sakura" href="https://www.luotiany1.cyou" role="button">了解更多</a>
      </div>
      <div class="col-md-6 text-center mb-3">
        <h3>C+ Major</h3>
        <p>支持全分段玩家报名，仅供内部人员使用</p>
        <a class="btn btn-info btn-sakura" href="https://major.luotiany1.cyou" role="button">了解更多</a>
      </div>
    </div>
  </div>

  <!-- Features -->
  <div class="container mb-4">
    <div class="row text-center">
      <div class="col-lg-3 col-sm-6 mb-3">
        <div class="glass p-3">
          <h4>竞技性</h4>
          <p>提供可拆卸模组，获取竞技优势</p>
        </div>
      </div>
      <div class="col-lg-3 col-sm-6 mb-3">
        <div class="glass p-3">
          <h4>娱乐性</h4>
          <p>丰富娱乐项目，小功能也趣味</p>
        </div>
      </div>
      <div class="col-lg-3 col-sm-6 mb-3">
        <div class="glass p-3">
          <h4>公平性</h4>
          <p>非VAC封禁，仅为CFG配置</p>
        </div>
      </div>
      <div class="col-lg-3 col-sm-6 mb-3">
        <div class="glass p-3">
          <h4>正规性</h4>
          <p>开源无毒，T0梯队研发</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Video Tutorial -->
<section class="container mb-4">
  <h2 class="text-center mb-3">Video Tutorial</h2>
  <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item rounded"
      src="https://player.bilibili.com/player.html?isOutside=true&aid=114081914690331&bvid=BV1UC9VYbEf4&cid=28623834139&p=1"
      allowfullscreen></iframe>
  </div>
</section>


  <!-- Product Cards -->
  <div class="container mb-4">
    <div class="row">
      <div class="col-md-6 mb-3">
        <div class="card">
          <img class="card-img-top" src="images/logo.png" alt="Summer" />
          <div class="card-body">
            <h5 class="card-title">Summer客户端</h5>
            <ul class="list-unstyled">
              <li>① 超过20+自定义模组</li>
              <li>② 一流视觉设计，T0 CFG</li>
              <li>③ 界面优化，无侵入</li>
              <li>④ 持续更新，功能丰富</li>
            </ul>
            <a href="https://github.com/tomh500/Summer/releases" class="btn btn-sakura">免费获取</a>
          </div>
        </div>
      </div>
      <div class="col-md-6 mb-3">
        <div class="card">
          <img class="card-img-top" src="images/coin.png" alt="Summer客户端 Lite" />
          <div class="card-body">
            <h5 class="card-title">Summer客户端 Lite</h5>
            <ul class="list-unstyled">
              <li>① 轻量化一体式CFG</li>
              <li>② GBK环境下稳定</li>
              <li>③ 绕过屏幕共享验证</li>
              <li>④ 值得拥有</li>
            </ul>
            <a href="https://github.com/tomh500/MoClient/releases/download/Lite/MoClient-lite.zip" class="btn btn-sakura">免费获取</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Contact & Footer -->
  <footer class="text-center">
    <div class="container">
      <h4>联系我们</h4>
      <p>discord: 见获取产品</p>
      <p>Copyright © Summer客户端². All rights reserved.</p>
    </div>
  </footer>

  <!-- Scripts -->
  <script src="js/jquery-3.4.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap-4.4.1.js"></script>
  <script src="js/showimg.js"></script>
  <script src="js/popup.js"></script>
</body>
</html>