위키/스킨/Central_{(r23 Blame)}

		r23
r1 Gwangtori (새 문서)	1	[[분류:위키/스킨]]
	2	[include(틀:상위 문서, 문서=위키/스킨)]
	3	[include(틀:다올위키 스킨)]
	4	[목차]
r3 Gwangtori	5
r1 Gwangtori (새 문서)	6	== 개요 ==
r18 Gwangtori	7	\|\|<nopad><width=74.8%> [[파일:Central PC.png\|width=100%]] \|\|<nopad> [[파일:Central Phone.png\|width=100%]] \|\|
	8	\|\| PC 버전 \|\| Mobile 버전 \|\|
	9	\|\|\|\| '''Central 스킨 스크린샷 (v3.4)'''[br]{{{-2 사진을 눌러 크게 볼 수 있습니다.}}} \|\|
r3 Gwangtori	10	* 다올위키의 기본 스킨인 Vision 스킨의 후속작이며, 2024년 12월 2일부터 대체되었다.
	11	* 초기 계획안은 Vision 스킨의 v3로 버전을 높일 예정이였으나, 생각보다 큰 스케일이라 스킨 이름까지 변경하였다.
	12	* 그 덕에 스킨 이름이 바뀔 때마다 버전 1씩 올라가는 규칙이 생겼다. (Liberty: v1, Vision: v2, Central: v3)
	13	* 클로즈드 소스이며, 공개할 계획은 없다. [[https://wiki.daol.cc/bbs/w/3/6\|간접적인 이유는 이곳을 참고.]]
	14	* 부트스트랩을 버리고 제로 베이스로 새롭게 만든 스킨이다.
	15	* 다시 만든 이유는 끔찍한 Vision의 로딩 속도 때문이다. 특히, 속도제한 같은 특수한 상황에서 더더욱.
	16	* 실제로 용량이 많이 줄었다. Liberty(한마음): 1310KB[* 이때는 부트스트랩, 폰트어썸 등을 CDN 따위 쓰지 않고 스킨 파일에 때려박았기 때문에 굉장히 엄청났다.] / Vision: 108KB / Central: 59KB로 Vision에 비해 2배 이상[* 스킨 용량으로 보면 2배가 안되나, CDN으로 불러오는 부트스트랩과 제이쿼리는 제외된 용량이기 때문에 2배 이상이 맞다.] 줄어들었기 때문이다.
	17	* 스킨의 구실을 해야하기 때문에 아직은 Vision과 큰 차이가 없다. 오히려 자잘한 버그없고 부자연스러운 부분 없이 깔끔한 스킨은 아직 Vision 스킨이긴 하다.
	18	* 사이드바 간결화 작업, 알림 드롭다운 구현 등 소소하게 변경된 부분도 꽤 있다. 앞으로도 다양한 기능들을 시도해볼 예정이니 기대했으면 한다.
r6 Gwangtori	19	* 해당 스킨은 openNAMU의 다국어 가이드라인을 지키지 않기 때문에 사용자 설정에서 영어로 설정해도 한국어로 나오는 부분이 있다.
r1 Gwangtori (새 문서)	20
r7 Gwangtori	21	== 사용 위키 ==
r7 Gwangtori	22	* [[https://wiki.gwangtori.com\|광토리의 백과사전]]
r11 Gwangtori	23	* [[https://wiki.daol.cc\|다올위키]]
r11 Gwangtori	24	* [[https://luna.wikive.cc\|루나위키]]
r7 Gwangtori	25	* [[https://morae.wikive.cc\|모래위키]]
r7 Gwangtori	26
r12 Gwangtori	27	== 사용 방법 ==
	28	1. 관리 도구 > 소유자 설정 > 메인 <HEAD> 으로 이동합니다.
	29	1. (central)을 클릭한 후 다음 코드를 붙여넣습니다.
	30	{{{#!syntax html
	31	<meta name="theme-color" content="#(메인 컬러)">
	32	<style>
	33	:root {
	34	--main-color: #(메인 컬러);
	35	--menu-button-color: #(메인 컬러);
	36	--sub-color: #(서브 컬러);
	37	--light-sub-color: #(서브 컬러);
	38	}
	39	</style>
	40	}}}
	41	* 메인 컬러는 위키의 메인 컬러를 뜻합니다.
	42	* 서브 컬러는 네비 바 옵션에 마우스를 올렸을 때의 색상을 뜻합니다.
	43	* 혹시 해서 말하지만 색상 코드는 #abcdef 식입니다. 괄호는 빼야합니다.
	44	----
	45	1. (central-cssdark) 탭에 들어갑니다.
	46	1. 다음 코드를 '''그대로''' 붙여넣습니다.
	47	{{{#!syntax css
	48	<style>
	49	:root {
	50	--main-color: #2d2f34;
	51	--menu-button-color: #777;
	52	--sub-color: #383b40;
	53	}
	54	</style>
	55	}}}
	56
r13 Gwangtori	57	=== 사이드바 연합 최근 변경 가리기 ===
	58	1. 관리 도구 > 소유자 설정 > 메인 <HEAD>으로 이동합니다.
	59	1. 다음 코드를 입력합니다.
r12 Gwangtori	60
r21 Gwangtori	61	{{{#!syntax css
r12 Gwangtori	62	<style>
	63	.sidebar-4 {
	64	display: none;
	65	}
	66	</style>
	67	}}}
r13 Gwangtori	68	----
r21 Gwangtori	69	{{{#!syntax css
r14 Gwangtori	70	<style>
	71	.sidebar-0, .sidebar-4 {
	72	display: none;
	73	}
	74	</style>
	75	}}}
	76	* 다음과 같이 ','로 구분하여 다른 사이드바 탭도 끌 수 있습니다.
r13 Gwangtori	77	* 다른 사이드바 정보는 다음과 같으며 '.'을 꼭 붙여야 작동하니 참고하세요.
	78	\|\| 사용자 정보 \|\| .sidebar-0 \|\|
	79	\|\| 최근 변경 \|\| .sidebar-1 \|\|
	80	\|\| 최근 토론 \|\| .sidebar-2 \|\|
	81	\|\| 최근 게시글 \|\| .sidebar-3 \|\|
	82	\|\| 연합 최근 변경 \|\| .sidebar-4 \|\|
r22 Gwangtori	83	\|\| 목차[* 목차가 존재하는 페이지에서만 작동] \|\| .sidebar-5 \|\|
r13 Gwangtori	84
r12 Gwangtori	85	=== 파비콘 적용 ===
	86	스킨 특성상 파비콘은 서버 내에서 적용하여야 합니다.
	87	프로젝트 게시판에 글을 써주시면 이메일로 파일을 받아 적용해드립니다.
	88
	89	== 업데이트 내역 ==
r7 Gwangtori	90	* 모바일에서 사이드바 다시 구성하기
r3 Gwangtori	91	* 상단바 디자인 개편하기
r1 Gwangtori (새 문서)	92	* 개편하면서 상단바를 고정 한다면 타겟 위치를 조정하는 방법 연구하기
r3 Gwangtori	93	* 특수 문서에서만 작동하는 목차 문제점 파악하기
r3 Gwangtori	94	* [Mac 한정] 파폭에서 툴 버튼 한글자 내려가는 문제 파악하기
r20 Gwangtori	95	* 드롭다운 버튼으로 다크모드 전환 연구하기
r8 Gwangtori	96
r8 Gwangtori	97	=== v3.0a ===
r9 Gwangtori	98	> 2024/09/01 ~ 2024/12/01 수정
r3 Gwangtori	99	> 2024/12/01 업데이트
r3 Gwangtori	100	> ----
r1 Gwangtori (새 문서)	101	> Alpha 버전으로, 업데이트 될때마다 버전을 수정하지 않는다.
r7 Gwangtori	102	* 2024년 9월 1일
r7 Gwangtori	103	* 기본 틀 만들기
r4 Gwangtori	104	* html, css, js 틀 만들기
r2 Gwangtori	105	* 2024년 9월 9일
r1 Gwangtori (새 문서)	106	* 상단바 40% 완성
	107	* 로고, 내비 메뉴, 드롭다운까지 완성
	108	* 2024년 11월 25일
	109	* 상단바 ringo의 힘을 빌려 모두 완성
	110	* ~~오래 걸린 이유는 군대 이슈이니 이해를...~~
	111	* 2024년 11월 29일
r3 Gwangtori	112	* 사이드바 완성
	113	* 점프 버튼 완성
	114	* 2024년 12월 1일
	115	* 완성
	116
	117	=== v3.1b ===
	118	> 2024/12/02 ~ 2024/12/08 수정
	119	> 2024/12/08 업데이트
	120	* 묘하게 중앙이 안 맞는 헤더 메뉴 글씨들 대강 수정
r7 Gwangtori	121	* 모바일 UI에서 상단바 메뉴 호버했을 때 가운데가 안 맞던 문제 수정
r8 Gwangtori	122	* 그라바타가 위쪽으로 쏠린 문제 수정
r7 Gwangtori	123	* 점프버튼 세로에서 가로로 변경
	124	* 데스크탑 UI 1024px ~ 1200px 한정 사이드바가 오른쪽으로 넘어가는 문제 수정
	125	* 모바일 사파리에서 버튼이 흰색 글씨로 나오는 문제 수정
r8 Gwangtori	126
r7 Gwangtori	127	=== v3.2 ===
r7 Gwangtori	128	> 2024/12/08 ~ 2024/12/12 수정
r8 Gwangtori	129	> 2024/12/12 업데이트
r8 Gwangtori	130	* ringo 업데이트 포크 [[https://github.com/openNAMU/openNAMU/commit/ff995c00ba78066cef104ea8cb545de0ee0a9654#diff-93e52a9440da88cc592a7a91aebd7ef62d27d540fd08d42b83595dda8bd8f11a\| ]]
r21 Gwangtori	131	* 사이드바 목차 추가[* v3.5.1-v23 이전 버전은 일반 문서에는 적용되지 않는 버그 존재]
r10 Gwangtori	132	* 기본 글자 크기 트랜드에 맞춰 15px로 조정
r8 Gwangtori	133	* 라이선스 링크 다올위키로 변경
	134	* 푸터에 Hosted by Wikive project 추가
	135
r10 Gwangtori	136	=== v3.3 ===
r10 Gwangtori	137	> 2024/12/13 ~ 2024/12/14 수정
r15 Gwangtori	138	> 2024/12/14 업데이트
r15 Gwangtori	139	* 데스크탑 UI 1024px ~ 1200px 한정 사이드바가 오른쪽으로 넘어가는 문제 '''진짜로''' 수정
r10 Gwangtori	140	* math 매크로 사용 시 본문보다 위로 올라가는 현상 수정
r15 Gwangtori	141	* 대표색 Wikive 컬러로 변경
r15 Gwangtori	142	* 편집 창 폰트, 글자 크기 재 지정
r17 Gwangtori	143
r15 Gwangtori	144	=== v3.4 ===
r15 Gwangtori	145	> 2024/12/15 ~ 2024/12/17 수정
r19 Gwangtori	146	> 2024/12/17 업데이트
r19 Gwangtori	147	* 사용자 정보 사이드바에서 닉네임이 사이드바 길이보다 길 경우[* 예) IPv6] 튀어나가는 문제 수정
r15 Gwangtori	148	* 드롭다운 애니메이션 추가
r23 Gwangtori	149	* 오픈나무 업데이트로 인한 토론 자체 디자인 적용 안되던 문제 해결
r17 Gwangtori	150	* '''PC 한정''': 사이드바 디자인에 맞춰 본문도 동글하게 수정
	151	* 본문 배경 색과 사이드바 배경 색 통일
	152	* 1024px ~ 1200px 사이드바 잘림 문제 패치 이후 1400px 이상일 때 사이드바 오른쪽 잘리는 문제 해결
	153	* 768px ~ 1023px: 검색 라이아웃, 상단 메뉴와 공백이 안 맞던 문제 해결
r19 Gwangtori	154	* 배경 색 및 드롭다운 색상 수정
	155	* 저장 미리보기 버튼에 위키 대표 색 적용
	156
	157	=== v3.5 ===
r23 Gwangtori	158	> 2024/12/22 ~ 2024/12/00 수정
r19 Gwangtori	159	> 2024/12/00 업데이트
r23 Gwangtori	160	* 색상 변수 값 정리
	161	* 문서 제목 서브 글자 크기 조정
	162	* 체크 박스 다크모드 적용
	163	* 토론 자체 디자인 컬러 조정

위키/스킨/Central(r23 Blame)

위키/스킨/Central_{(r23 Blame)}