Selection-Server/index.html at main · MSCPO/Selection-Server · 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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MSCPO服务器评选页</title>
    <link type="text/css" href="rs/css/semantic.min.css" rel="stylesheet" />
    <link type="text/css" href="rs/css/stylesheet.css" rel="stylesheet" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
        .hamburger-menu {
            display: none;
            cursor: pointer;
            margin-right: 1em;
        }
        .nav-links {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }
        @media (max-width: 768px) {
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
            }
            .nav-links.active {
                display: flex;
            }
            .hamburger-menu {
                display: block;
            }
            .nav-links a.right.item {
                justify-self: start;
            }
        }

        @font-face {
    font-family: 'HarmonyOS-Sans';
    src: url('./rs/fonts/HarmonyOS_Sans_Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'HarmonyOS-Sans', sans-serif;
}
    </style>
</head>
<body>
    <nav class="ui inverted cuberite-theme cuberite-navigation menu">
        <div class="ui container" id="cuberite-navigation-container">
            <a href="/" class="header item">
                <img src="rs/img/logo.webp" style="margin-right: 1.5em" alt="Logo" class="logo" />
                <p>服务器评选</p>
            </a>

            <div class="ui search item">
                <form action="/" method="get">
                    <div class="ui icon input">
                        <input class="prompt" type="text" placeholder="键入以搜索（目前还是摆设）" name="query" value="" />
                        <i class="search icon"></i>
                    </div>
                </form>
            </div>

            <div class="hamburger-menu" onclick="toggleMenu()">
                &#9776; <!-- Unicode character for hamburger icon -->
            </div>

            <div class="nav-links">
                <div class="left-links">
                    <a class="item" href="curation">
                        <span>精选优质服务器</span>
                    </a>
                    <a class="item" href="shoddy">
                        <span>劣质服务器曝光</span>
                    </a>
                </div>
                <div class="right-links">
                    <a class="right item" href="https://mscpo.top/">
                        <span>前往主站</span>
                    </a>
                </div>
            </div>
        </div>
    </nav>

<main class="ui container" id="cuberite-main-container">
	<div class="ui hidden divider"></div>

	<article class="ui cuberite-expanded-plugin two column stackable grid">
		<header class="row">
			<div class="twelve wide column">
				<h2 class="ui header">
	<img class="ui image" src="rs/img/logo.webp" alt="MSCPO" />
	<span class="content">
		MSCPO-服务器评选页
		<span class="sub header">
			<span class="ui horizontal bulleted list">
								<span class="item">@MSCPO</span>
				<span class="item">CyanTea发起</span>
			</span>
		</span>
	</span>
</h2>

	<p>
		服务器评选页面，筛选优质服务器进行展示，曝光劣质服务器
	</p>
				<nav class="ui horizontal cuberite-expanded-plugin-metadata list">
	<div class="item" title="THE HUB OF GITS OH YEAAAH">
		<i class="github icon"></i>
		<a class="content" href="https://github.com/MSCPO/Selection-Server">View on GitHub</a>
	</div>
		</nav>

			</div>

					</header>
	</article>

		<article class="ui cuberite-expanded-plugin raised padded  segment" style="overflow-x: auto">

								<h1>MSCPO-服务器评选页</h1>
<p>本站的存在目的皆在展示优质服务器，曝光劣质服务器，给玩家提供一个服务器游玩参考</p>
<h2>关于MSCPO</h2>
<p>Minecraft集体宣传组织，简称MSCPO，是致力于我的世界服务器宣传和技术交流的公益新兴组织，官网MSCPO.TOP</p>
<h2>提交服务器</h2>
<p>提交服务器进行评选，可以发送邮件至azurenote@126.com或提交Github issues，我们看到后会进行处理</p>
<p>注：仅MSCPO成员服可加入优质服务器列表（经过评选）</p>
<p>以下是提交格式：</p>
<ul>
<li>提交分类：优质/劣质</li>
<li>提交服务器的名称：</li>
<li>提交服务器的版本：</li>
<li>提交服务器的宣传链接：</li>
<li>提交服务器的服务器连接地址：</li>
<li>提交服务器的图标：</li>
</ul>
<p>默认情况下，邮件发件人不会公开，如果你想要公开你的邮箱地址和昵称，请在邮件中注明</p>
			</article>

	<div class="ui hidden divider"></div>

	<section class="ui cuberite-expanded-plugin text container">
		<div class="ui comments">

					</div>
	</section>

</main>

    <script>
        function toggleMenu() {
            const navLinks = document.querySelector('.nav-links');
            navLinks.classList.toggle('active');
        }
    </script>

<footer class="ui inverted cuberite-theme cuberite-navigation footer segment">
    <div class="ui center aligned container">
    <div class="ui inverted horizontal link list">
    <a class="item" href="http://mscpo.top/">MSCPO</a>
	<a class="item" href="https://github.com/MSCPO/Selection-Server">GitHub</a>
    </div>
    </div>
    </footer>

	</body>
</html>