EDEN WORLD | Notion

cleanUrl: /ko/templates/coffee2
title: "EDEN WORLD" # 카카오톡 등 공유 시에 활용되는 제목 텍스트 입니다.
description: "Create Your Own Avatar" # 카카오톡 등 공유 시에 활용되는 설명 텍스트 입니다.
theme: "custom"
backgroundColor: "#141414"
fontColor: "#FFFFFF"
scrollProgressBar: # 페이지 가로 스크롤바를 표시합니다
	show: true
  color: "#FFFFFF"
fonts: # 페이지의 폰트를 설정합니다
	headerFont: "ui-sans-serif"
  defaultFont: "ui-sans-serif"
showPageview: false # 페이지 방문수를 표시합니다
hideCollectionSearch: true # 데이터베이스에 있는 검색창을 숨깁니다
hideCollectionViewList: true # 데이터베이스의 뷰 목록을 숨깁니다
hideNotionTitle: true
pageMaxWidth: 900 # 페이지 최대 너비를 설정합니다 (노션 기본값 900)
imageBorderRadius: 10 # 이미지를 둥글게 만듭니다
calloutBorderRadius: 10 # 콜아웃을 둥글게 만듭니다
galleryBorderRadius: 10 # 갤러리를 둥글게 만듭니다
gotoTop: # 맨 위로 버튼을 추가합니다
	align: "right"
	alignPixel: 12
	bottom: 40
	fitToScreen: false
	show: true

<style>
	.container {
		display: flex;
		justify-content: space-between; /* 버튼 사이에 공간을 균등하게 분배 */
	}
	.hello-world {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30%; /* 가로 폭을 30%로 조정 */
		height: 60px;
		border: 2px solid;
		font-weight: bold;
		font-size: 120%; /* 글자 크기를 기본 대비 20% 증가 */
		color: black; /* 글자 색을 검정색으로 변경 */
		background-color: white;
		border-color: currentColor;
		transition: 300ms;
		border-radius: 32px;
		text-decoration: none; /* 글자 밑줄 삭제 (이 위치에서는 적용되지 않음) */
	}
	.hello-world:hover {
		background-color: black; /* hover 시 배경색을 검정색으로 변경 */
		color: white;
	}
	.container a, .container a:hover { /* <a> 태그 및 hover 상태에 대한 스타일 */
		text-decoration: none; /* 링크의 밑줄을 삭제 */
		color: black; /* 링크의 기본 글자 색상 설정 */
	}
	.container a:hover {
		color: white; /* hover 시 글자 색을 흰색으로 변경 */
	}
</style>

<div class="container">
	<a class="hello-world" href="<https://contents.eden-world.net/kr>">Korean</a>
	<a class="hello-world" href="<https://contents.eden-world.net/jp>">Japanese</a>
	<a class="hello-world" href="<https://contents.eden-world.net/en>">English</a>
</div>