반응형
(할 말이 없다)
(그냥 간단하게 디자인만 했는ㄷ)
그냥 바로 소스 코드 공개
index.html
<html>
<head>
<title>What is my ip address?</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="http://jsgetip.appspot.com"></script>
</head>
<body>
<div id='title'>
<p class='title'>Your IP Address is </p>
<script>
var getip = ip()
document.write("<p class='ip'>" + getip + "</p>");
</script>
</div>
<div id='footer'>
<p class='footer'>This site does not collect any personal information about you.</p>
</div>
</body>
style.css
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');
#title {
width: 99%;
height: 99%;
margin: 1%;
background-color: black;
}
#footer {
width: 99%;
height: 17%;
margin: 1%;
background-color: black;
}
.title {
font-size: 700%;
font-family: 'Oswald', sans-serif;
text-align: center;
color: white;
}
.ip {
font-size: 1200%;
font-family: 'Oswald', sans-serif;
text-align: center;
color: white;
}
.footer {
font-size: 200%;
font-family: 'Noto Sans KR', sans-serif;
text-align: center;
color: white;
line-height: 350%;
}
30분도 안걸려서 다했겠ㄴ...(읍읍)
음 뭐 암튼간에 실행시키면 이렇게 생겼다.
들인 시간 대비 꽤나 괜찮게 만들었다.
심플한 컨셉으로 오픈해도 괜찮을듯..?
(아 이건 아닌ㄱ)
반응형
'웹개발 > 온갖 쓸모있는 사이트 만들기' 카테고리의 다른 글
| What is my ip address? 사이트 만들기 1일차 | 아이피 출력하기 (1) | 2021.02.05 |
|---|