Last active
January 4, 2021 13:08
-
-
Save HyunsDev/7ef7600af62b1b46fea7f380e20b88b4 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="ko"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Notion Random Button</title> | |
<script> | |
function ramdom_link() { | |
///////////////// 이 줄 위는 절대로 건드리지 마세요!!! ////////////////// | |
// 링크를 추가하는 법 | |
// 아래 대괄호 사이에 페이지의 링크를 따음표(") 로 묶어서 적어주세요. 각 링크 사이는 반드시 쉼표(,)로 구분해주세요. | |
// ex. links = ["https://example.com", "https://example.com"] | |
links = ["https://naver.com", "https://google.com"] | |
/////////////////// 이 아래는 절대로 건드리지 마세요!!! (맨 아래 버튼 글자 빼고!) /////////////////// | |
var ran = Math.random() | |
var ran_num = Math.floor(ran * links.length) | |
window.top.location.href = links[ran_num]; | |
} | |
</script> | |
<!-- Developed by Hyuns --> | |
<style> | |
* { | |
margin: 0; | |
padding: 0; | |
} | |
body { | |
overflow: hidden; | |
background-color: #ffffff !important; | |
} | |
.divver { | |
width: 100vw; | |
height: 100vh; | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
} | |
.button { | |
cursor: pointer; | |
border-radius: 100px; | |
padding: 8px 30px; | |
background-color: rgba(55, 53, 47, 0.918); | |
transition: background-color 100ms ease-in 0s; | |
color: #ffffff | |
} | |
.button:hover { | |
background-color: rgba(55, 53, 47, 0.767); | |
} | |
</style> | |
</head> | |
<body> | |
<div class="divver"> | |
<div class="button" onclick="ramdom_link()"> | |
<!-- 이 위는 건드리지 마세요!!!! --> | |
<!-- 버튼 속 글자를 변경하려면 아래 글자를 수정하세요! (줄바꿈은 지원하지 않습니다!) --> | |
랜덤 버튼!! | |
<!-- 이 아래는 건드리지 마세요!!!! --> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment