Skip to content

Commit c7c37ce

Browse files
SenarinSenarin
committed
소소한 수정
1 parent a1ead4b commit c7c37ce

File tree

3 files changed

+250
-6
lines changed

3 files changed

+250
-6
lines changed

‎check.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,28 +21,28 @@ function doCheckHost(){
2121
var hostInfoHead = document.getElementById("host-head");
2222
hostInfoHead.textContent = `${data.hostname}에 대한 결과`;
2323

24-
var ip4Addr = (typeof data.resolv_addr.v4 != "undefined") ? data.resolv_addr.v4 : "감지되지 않음";
24+
var ip4Addr = (typeof data.resolv_addr.v4 != "undefined" || data.resolv_addr.v4 != null) ? data.resolv_addr.v4 : "감지되지 않음";
2525
var ip4Text = document.createTextNode(`감지된 IPv4 주소: ${ip4Addr}`);
2626
var ip4Display = document.createElement("li");
2727
ip4Display.appendChild(ip4Text);
2828
resList.appendChild(ip4Display);
2929
if(check_ip6 !== false){
30-
var ip6Addr = (typeof data.resolv_addr.v6 != "undefined") ? data.resolv_addr.v6 : "감지되지 않음";
30+
var ip6Addr = (typeof data.resolv_addr.v6 != "undefined" || data.resolv_addr.v6 != null) ? data.resolv_addr.v6 : "감지되지 않음";
3131
var ip6Text = document.createTextNode(`감지된 IPv6 주소: ${ip6Addr}`);
3232
var ip6Display = document.createElement("li");
3333
ip6Display.appendChild(ip6Text);
3434
resList.appendChild(ip6Display);
3535
}
3636

3737
var isUsingCF = data.is_cloudflare;
38-
var isUsingCFText = document.createTextNode(isUsingCF ? "Cloudflare 사용 여부: 사용 중" : "Cloudflare 사용 여부: 감지되지 않음");
38+
var isUsingCFText = document.createTextNode(isUsingCF ? "Cloudflare 사용 여부: 사용 중" : "Cloudflare 사용 여부: 사용하지 않음");
3939
var isUsingCFDisplay = document.createElement("li");
4040
isUsingCFDisplay.appendChild(isUsingCFText);
4141
resList.appendChild(isUsingCFDisplay);
4242

4343
if(isUsingCF !== false && check_cdn !== false){
4444
var edgeRegion = data.cf_hostinfo.edge_region;
45-
var edgeRegionText = document.createTextNode(`감지된 엣지 로케이션 코드: ${edgeRegion}`);
45+
var edgeRegionText = document.createTextNode(`엣지 로케이션 코드: ${edgeRegion}`);
4646
var edgeRegionDisplay = document.createElement("li");
4747
edgeRegionDisplay.appendChild(edgeRegionText);
4848
resList.appendChild(edgeRegionDisplay);

‎index.php

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,14 @@
88
<meta name="color-scheme" content="light dark" />
99
<meta name="fediverse:creator" content="@[email protected]" />
1010
<script src="./check.js"></script>
11+
<link rel="stylesheet" href="./main.css" />
1112
</head>
1213
<body id="mainpagebody">
1314

15+
<h2>단순 Cloudflare 사용 검사기</h2>
16+
17+
<p>이 페이지는 웹사이트가 Cloudflare를 사용하는지 여부를 검사하는 간단한 도구입니다.
18+
<br />아래 입력란에 도메인명을 입력하고 "Scan" 버튼을 클릭하면 해당 도메인이 Cloudflare를 사용하고 있는지 확인할 수 있습니다.</p>
1419

1520
<div id="check-form">
1621
도메인명 : <input type="text" name="hostname" id="host" placeholder="www.example.com" />
@@ -22,8 +27,7 @@
2227

2328
<h2><span id="host-head"></span></h2>
2429
<div id="result">
25-
<ul id="result-list">
26-
</ul>
30+
<ul id="result-list"></ul>
2731
</div>
2832

2933
</body>

‎main.css

Lines changed: 240 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,240 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Sans+KR&family=IBM+Plex+Sans+KR&display=swap');
2+
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');
3+
@import url('https://cdn.jsdelivr.net/gh/joungkyun/font-d2coding/d2coding.css');
4+
5+
:root{
6+
--bg-color: rgba(68,85,221,0.1);
7+
--txt-color: rgb(0,0,0);
8+
--responsive-table-left: 22%;
9+
}
10+
11+
body{
12+
font-family: "IBM Plex Sans KR", "Noto Sans KR", "Noto Sans JP", "Nanum Gothic", "Malgun Gothic", sans-serif;
13+
font-size: 0.875rem;
14+
line-height: 1.73;
15+
/*
16+
background: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)) no-repeat;
17+
background-attachment: fixed;
18+
background-size: cover;
19+
background-position: center top;
20+
*/
21+
background-color: var(--bg-color);
22+
color: var(--txt-color);
23+
}
24+
25+
@media (prefers-color-scheme: dark) {
26+
body {
27+
background-color: var(--bg-color);
28+
color: rgb(255,255,255);
29+
}
30+
}
31+
32+
input,button{font-family: inherit;}
33+
34+
textarea{font-family: D2Coding, "D2 coding", monospace !important;}
35+
36+
.material-icons {
37+
font-family: 'Material Icons';
38+
font-weight: normal;
39+
font-style: normal;
40+
/* font-size: 24px; -- Preferred icon size */
41+
display: inline-block;
42+
line-height: 1;
43+
text-transform: none;
44+
letter-spacing: normal;
45+
word-wrap: normal;
46+
white-space: nowrap;
47+
direction: ltr;
48+
49+
/* Support for all WebKit browsers. */
50+
-webkit-font-smoothing: antialiased;
51+
/* Support for Safari and Chrome. */
52+
text-rendering: optimizeLegibility;
53+
54+
/* Support for Firefox. */
55+
-moz-osx-font-smoothing: grayscale;
56+
57+
/* Support for IE. */
58+
font-feature-settings: 'liga';
59+
}
60+
61+
span{text-decoration: none;}
62+
63+
a:link{
64+
color: rgba(255,51,119,1);
65+
text-decoration: none;
66+
}
67+
a:active{
68+
color: rgba(255,51,119,0.75);
69+
text-decoration: none;
70+
}
71+
a:visited{
72+
color: rgba(255,51,119,1);
73+
text-decoration: none;
74+
}
75+
a:hover{
76+
color: rgba(255,136,187,0.75);
77+
text-decoration: none;
78+
}
79+
80+
/*
81+
a[href^="http://"]:not([class="plainlinks"],[class="with-addr"])::after,
82+
a[href^="https://"]:not([class="plainlinks"],[class="with-addr"])::after{
83+
content: "";
84+
width: 11px;
85+
height: 11px;
86+
margin-left: 4px;
87+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
88+
background-position: center;
89+
background-repeat: no-repeat;
90+
background-size: contain;
91+
display: inline-block;
92+
}
93+
*/
94+
95+
.item-desc{
96+
display: inline-block;
97+
margin-top: -0.25em;
98+
margin-bottom: 1em;
99+
}
100+
101+
a.with-addr[href]:after{
102+
font-size: 0.5em;
103+
width: auto;
104+
display: block;
105+
content: "("attr(href)")";
106+
}
107+
108+
blockquote{font-family: "Courier New"}
109+
110+
abbr{cursor: help;}
111+
112+
table,th,tr,td{
113+
border-collapse: collapse !important;
114+
border: 1px hidden var(--bg-color) !important;
115+
}
116+
117+
#tbl-webservices,
118+
#tbl-webservices tr,
119+
#tbl-webservices th,
120+
#tbl-webservices td{
121+
border-collapse: collapse !important;
122+
border: 1px hidden var(--bg-color) !important;
123+
}
124+
125+
@media only screen and (max-width:768px), (min-device-width: 768px) and (max-device-width: 1024px){
126+
.table-sitecontents table,
127+
.table-sitecontents thead,
128+
.table-sitecontents tbody,
129+
.table-sitecontents th,
130+
.table-sitecontents td,
131+
.table-sitecontents tr{
132+
display: block;
133+
border-collapse: collapse !important;
134+
border: 1px hidden var(--bg-color) !important;
135+
}
136+
137+
.table-sitecontents tr:nth-of-type(1){display: none;}
138+
139+
.table-sitecontents tr th{
140+
position: absolute;
141+
top: -9999px;
142+
left: -9999px;
143+
}
144+
.table-sitecontents td{
145+
border: none;
146+
position: relative;
147+
text-align: left;
148+
padding-left: var(--responsive-table-left);
149+
padding-bottom: 1em;
150+
}
151+
152+
.table-sitecontents td:before{
153+
font-weight: bold;
154+
position: absolute;
155+
top: 5px;
156+
left: 5px;
157+
width: var(--responsive-table-left);
158+
padding-right: 15px;
159+
white-space: nowrap;
160+
}
161+
162+
#table-sitenav td:nth-of-type(1):before{content: "컨텐츠";}
163+
#table-sitenav td:nth-of-type(2):before{content: "소도구";}
164+
#table-otherwebs td:nth-of-type(1):before{content: "다른 서비스";}
165+
#table-otherwebs td:nth-of-type(2):before{content: "다른 사이트";}
166+
#table-fediverse td:nth-of-type(1):before{content: "페디버스";}
167+
}
168+
169+
170+
th,td{padding: 0.25em;}
171+
172+
ul, ol{
173+
margin-left: -1.25em;
174+
margin-right: 1em;
175+
font-size: 13px;
176+
line-height: 1.35;
177+
}
178+
179+
a.brightlink{color: #FFFFFF !important;}
180+
181+
182+
.nonmarker{list-style-type: none;}
183+
184+
.notyetavail{color: #DEDEDE;}
185+
186+
.fonts_small{font-size: 72%;}
187+
188+
.icon_links{margin: 0.5em;}
189+
190+
#copyright,#recent_updated,#support,#domaininfo{
191+
text-align: center;
192+
font-size: 0.875em;
193+
}
194+
195+
#headtext{
196+
text-align: center;
197+
background-color: #F5F8FA;
198+
padding-top: 1em;
199+
padding-bottom: 1em;
200+
border-radius: 1.4em;
201+
}
202+
203+
label{font-size: 80%;}
204+
205+
.uinotes{font-size: 9px;}
206+
207+
.a_main{
208+
text-align: center;
209+
margin-bottom: 1em;
210+
}
211+
212+
#sys_stats{
213+
width: 720px;
214+
max-width: 96%;
215+
border-radius: 1.5em;
216+
background-color: #99CDFF;
217+
margin: auto;
218+
padding: 0.5em 0.25em;
219+
220+
}
221+
222+
#stat_field div,
223+
#net_stat div{margin: auto;}
224+
225+
226+
.a_toc{
227+
position: fixed;
228+
right: 5px;
229+
width: 300px;
230+
background: rgba(0,0,0,0.5);
231+
padding: 0.5em;
232+
border: 1px solid rgb(0,0,0);
233+
border-radius: 0.5em;
234+
}
235+
236+
#toc_main{display: none;}
237+
238+
@media (max-width: 50rem){
239+
.a_toc{display: none;}
240+
}

0 commit comments

Comments
 (0)