위키/스킨/Vision(다올)_{(r51 Blame)}

		r51
r1 Gwangtori (새 문서)	1	[[분류:위키/스킨]]
r33 Gwangtori	2	[include(틀:상위 문서, 문서=위키/스킨)]
r1 Gwangtori (새 문서)	3	[include(틀:다올위키 스킨)]
	4	[목차]
	5	== 개요 ==
r50 Gwangtori	6	\|\|<nopad><width=77.1%> [[파일:Vision PC.png\|width=100%]] \|\|<nopad> [[파일:Vision Phone.jpg\|width=100%]] \|\|
	7	\|\| PC 버전 \|\| Mobile 버전 \|\|
	8	\|\|\|\| '''Vision 스킨 스크린샷'''[br]{{{-2 사진을 눌러 크게 볼 수 있습니다.}}} \|\|
r49 Gwangtori	9	[[https://github.com/daol-project/Vision-Skin\|Github 주소]]
r1 Gwangtori (새 문서)	10	* 다올위키에서 사용하는 Vision 스킨입니다.
	11	* 원본 소스는 [[https://github.com/openNAMU/openNAMU-Skin-Liberty\|openNAMU 공식 리버티]]입니다.
	12	* 다올위키는 openNAMU 최신 버전을 사용합니다. 따라서 구 버전에서는 정상 작동하지 않을 수 있습니다.
	13	* {{{#red '''주의 사항''': 해당 스킨 라이선스는 GNU General Public License v3.0 입니다. 수정해서 사용하실 때는 라이선스에 따라 소스 코드를 공개하여야 합니다.}}}
	14
	15	== 특징 ==
	16	* 오래 전에 만들어진 리버티 스킨을 현대 시대에 맞게 디자인을 개편해 보았습니다.
r2 Gwangtori	17
r1 Gwangtori (새 문서)	18	== 사용 방법 ==
r1 Gwangtori (새 문서)	19	=== 다운로드 ===
r2 Gwangtori	20	==== Git으로 다운로드 ====
	21	* Git으로 받으면 업데이트가 용이하기 때문에 Git으로 받는 것을 추천합니다.
	22	----
	23	1. openNAMU 폴더의 views에서 다음 명령어를 입력하세요.
	24	{{{#!syntax text
r30 Gwangtori	25	git clone https://github.com/daol-project/Vision-Skin.git vision
	26	}}}
	27	2. 엔진을 다시 시작해 주세요.
r1 Gwangtori (새 문서)	28	----
r2 Gwangtori	29	* 업데이트는 openNAMU > views > vision 폴더에서 다음 명령어를 입력하세요.
r42 Gwangtori	30	{{{#!syntax text
r30 Gwangtori	31	git remote rm origin
	32	git remote add origin https://github.com/daol-project/Vision-skin.git
	33	git fetch -\-depth=1 origin main
	34	git reset -\-hard origin/main
	35	}}}
	36
r2 Gwangtori	37	==== 수동 다운로드 ====
r26 Gwangtori	38	1. [[https://github.com/daol-project/Vision-Skin\|Github]]에서 Code를 눌러 ZIP 파일로 다운로드합니다.
r26 Gwangtori	39	1. openNAMU 폴더의 views에 압축을 해제합니다.
r27 Gwangtori	40	1. 스킨 폴더 이름을 "vision"으로 변경해 주시면 됩니다.
r27 Gwangtori	41	1. 엔진을 다시 시작해 주세요.
r2 Gwangtori	42
r1 Gwangtori (새 문서)	43	=== 대표 색상 변경 ===
r2 Gwangtori	44	1. 관리 도구 > 소유자 설정 > 메인 <HEAD> 으로 이동합니다.
r34 Gwangtori	45	1. (vision)을 클릭한 후 다음 코드를 붙여넣습니다.
	46	{{{#!syntax text
	47	<meta name="theme-color" content="#(메인 컬러)">
	48	<style>
	49	:root {
	50	--main-color: #(메인 컬러);
	51	--menu-button-color: #(메인 컬러);
	52	--sub-color: #(서브 컬러);
r48 Gwangtori	53	--light-sub-color: #(서브 컬러);
r48 Gwangtori	54	}
r44 Gwangtori	55	</style>
r34 Gwangtori	56	}}}
	57	* 메인 컬러는 위키의 메인 컬러를 뜻합니다.
	58	* 서브 컬러는 네비 바 옵션에 마우스를 올렸을 때의 색상을 뜻합니다.
	59	* 혹시 해서 말하지만 색상 코드는 #abcdef 식입니다. 괄호는 빼야합니다.
	60	----
	61	1. (vision-cssdark) 탭에 들어갑니다.
	62	1. 다음 코드를 '''그대로''' 붙여넣습니다.
	63	{{{#!syntax text
	64	<style>
	65	:root {
	66	--main-color: #2d2f34;
	67	--menu-button-color: #777;
	68	--sub-color: #383b40;
r48 Gwangtori	69	}
r34 Gwangtori	70	</style>
r44 Gwangtori	71	}}}
r34 Gwangtori	72
	73	=== 사이드바 연합 최근 편집 가리기 ===
	74	> 관리 도구 > 소유자 설정 > 메인 <HEAD>으로 이동합니다.
r2 Gwangtori	75	> 다음 코드를 입력합니다.
r7 Gwangtori	76
	77	{{{#!syntax text
	78	<style>
r2 Gwangtori	79	.sidebar-4 {
r1 Gwangtori (새 문서)	80	display: none;
r1 Gwangtori (새 문서)	81	}
r43 Gwangtori	82	</style>
r1 Gwangtori (새 문서)	83	}}}
r30 Gwangtori	84
r29 Gwangtori	85	=== 파비콘 변경 ===
	86	오픈나무 파비콘은 업데이트하면서 계속 갈아줘야하는 불편함이 있기 때문에 다올위키 커스텀 버전의 파비콘 위치를 변경하였습니다.
	87
	88	openNAMU/data/images 폴더에 favicon.ico 파일을 넣어주세요.
	89
	90	== 업데이트 예정인 것들 ==
	91	{{{+2 '''[[https://github.com/daol-project/Vision-Skin/issues/2\|Github issue로 보기]]'''}}}
	92
	93	== 업데이트 내역 ==
	94	=== v1.0a ===
	95	> 2024/01/06 업데이트
	96	* 폰트어썸 업데이트
r1 Gwangtori (새 문서)	97	* 각종 디자인 개편
	98
	99	=== v2.0a ===
	100	> 2024/01/13 업데이트
	101	* 각종 디자인 개편
	102	* [모바일 한정] 하단 메뉴바 추가
	103	* 버튼 컬러 변경
	104
	105	=== v2.1b ===
	106	>2024/01/21 업데이트
r10 Gwangtori	107	* 각종 디자인 개편
r8 Gwangtori	108
	109	=== v2.2b ===
	110	* 24/01/27 업데이트
r1 Gwangtori (새 문서)	111	* 각종 디자인 개편
r4 Gwangtori	112	* liberty 디자인이 남아있던 input, select css 조정
r1 Gwangtori (새 문서)	113	* 사이드바 개편
r1 Gwangtori (새 문서)	114	* 모바일에서 본문 하단에 사이드바 표시되게 수정
r2 Gwangtori	115	* 사이드바 분리
r1 Gwangtori (새 문서)	116	* [모바일, 태블릿 한정] 사이드바 버튼 추가
r1 Gwangtori (새 문서)	117	* 로그인 드롭다운 공백 조정
r2 Gwangtori	118	* 2024/02/04 업데이트
	119	* 사이드바에 연합 최근 편집만 나오던 문제 해결
	120	* 일부분 색상 개편
	121	* 2024/02/10 업데이트
	122	* 사이드바에 계정 정보 추가
	123	* 사이드바 링크 오류 해결
r3 Gwangtori	124	* ringo 스킨 설정 포크[* 사이드바 끄기 및 가변 폭 지원.]
r15 Gwangtori	125	* 다크모드 css 대개편 및 오류 수정
	126	* 푸터 왼쪽 정렬로 변경
	127	* 다올위키 자체 디자인 탑재
	128
	129	=== v2.3 ===
	130	> 2024/02/19 업데이트
	131	* 다올위키 자체 디자인으로 인한 버그 수정[* 토론 창 공백 등.]
	132	* 푸터 설명 추가
	133	* 모바일에서 푸터 저작권 표시 버튼이 일부분 가리는 문제 해결
	134
	135	=== v2.4 ===
	136	> 2024/02/23 ~ 2024/03/16 수정
	137	> 2024/03/16 업데이트
	138	* 툴 버튼 3개 이상부터 ... 버튼으로 드롭다운 표시되게 수정
	139	* 어느 순간 사라진 툴 버튼 배경 강조 다시 추가 및 아이콘 추가
	140	* 저장 미리보기 버튼 색 오류 수정
	141	* sub 태그, 토론 및 게시판 스레드, input 테두리 다크모드 대응
	142	* 폰트 변경 (프리텐다드 → 스위트)
	143	* 사이드바 및 드롭다운 색상 재조정
r3 Gwangtori	144	* 토론에서 인용문 공백 무시되는 버그 해결
	145	* 사이드바의 최근 편집, 최근 토론, 연합 최근 편집에 표시되는 문서 수 조정[* 12, 5, 10 → 14, 7, 8]
	146
r4 Gwangtori	147	=== v2.5 ===
r4 Gwangtori	148	> 2024/03/17 ~ 2024/03/23 수정
r5 Gwangtori	149	> 2024/03/23 업데이트
r4 Gwangtori	150	* 어느 순간 사라진 툴 버튼 배경 강조 다시 추가 및 아이콘 추가
r4 Gwangtori	151	* openNAMU Liberty (v1.1.26) 변경 사항 적용
r16 Gwangtori	152	* css !important 남발한 부분 수정
r16 Gwangtori	153	* 새롭게 추가된 스킨 변수(상단, 사이드바, 하단) 적용
r4 Gwangtori	154	* 오픈나무 팝업 디자인 변경
r16 Gwangtori	155	* 최근 편집 디자인 변경
r16 Gwangtori	156
r4 Gwangtori	157	=== v2.6 ===
r16 Gwangtori	158	> 2024/03/30 ~ 2024/04/25 수정
	159	> 2024/04/25 업데이트
	160	* 최근 편집 자체 디자인 적용
	161	* 리스트 공백 수정
	162	* 사이드바에 문서 수가 넘칠 경우 편집된 시간이 잘리는 문제 해결
	163	* 모바일에서 탭바 삭제
r19 Gwangtori	164	* 점프 버튼 디자인 변경
r19 Gwangtori	165	* textarea 둥근 모서리 적용
r17 Gwangtori	166
r18 Gwangtori	167	=== v2.7 ===
r18 Gwangtori	168	> 2024/04/26 ~ 2024/05/19 수정
r19 Gwangtori	169	> 2024/05/19 업데이트
r19 Gwangtori	170	* 없는 문서 하이퍼링크 색상 수정
r20 Gwangtori	171	* 탭바 삭제에 따른 내비바 개선
	172	* 오픈나무 공식 리버티 v1.1.27 포크
	173	* 네비바의 최근 토론 누르면 열린 토론 표시
r23 Gwangtori	174
	175	=== v2.8 ===
	176	> 2024/05/25 ~ 2024/06/03 수정
	177	> 2024/06/03 업데이트
r31 Gwangtori	178	* 오픈나무 공식 리버티 v1.1.28 포크
r31 Gwangtori	179	* 네비바 디자인 수정
r23 Gwangtori	180	* 사이드바 시간 표기 방식 수정
r25 Gwangtori	181	* 최근 편집 등 신 UI에 따른 재수정
r36 Gwangtori	182
r36 Gwangtori	183	=== v2.9 ===
r23 Gwangtori	184	> 2024/06/15 ~ 2024/06/28 수정
r31 Gwangtori	185	> 2024/06/28 업데이트
r31 Gwangtori	186	* 검색 창 글씨, 툴 버튼 호버 색상, 인용문 색상, 각주 hr, Syntax 테두리 색상 등 다크모드 적용 안 된 부분 수정
r36 Gwangtori	187	* 색상 변수 추가하여 대표 색상에 따라 저장, 미리보기 버튼 색상도 수정되도록 변경
	188	* 사이드바 시간 표기 방식 재수정
	189	* 오픈나무 기본 css인 main.css 개편에 따른 vision 고유 디자인 css 개편
r41 Gwangtori	190	* 사용자 도구 상태 UI 개편
	191	* 내비바 글자 크기 수정
	192	* 폰트 환원 (스위트 → 프리텐다드)
r37 Gwangtori	193
	194	=== v2.10 ===
	195	> 2024/07/07 ~ 2024/07/26 수정
r38 Gwangtori	196	> 2024/07/26 업데이트
r37 Gwangtori	197	* [[https://github.com/openNAMU/openNAMU/commit/58dff43f826cd9ba0c5cf50cf23e1f630ab254d8\|눈뽕 개선]] 스크립트 포크
r41 Gwangtori	198	* 사이드바에 최근 게시판 글 목록 추가
	199	* 굵게 기울임 문법 사용할 때는 위키 대표 색인 밑줄 표출하도록 변경
	200	* 다크모드 일때의 외부 링크 글자 색상 변경
r51 Gwangtori	201	* 폰트어썸 링크 수정 및 부트스트랩, 제이쿼리 CDN 전환
r47 Gwangtori	202
r47 Gwangtori	203	=== v2.11 ===
r45 Gwangtori	204	* 라이선스 페이지 추가 예정 [[https://wiki.daol.cc/License\|#]]
r48 Gwangtori	205	* 다크모드에서 드래그 색상, 굵게 기울임일 때 밑줄 색상 조정 예정

위키/스킨/Vision(다올)(r51 Blame)

위키/스킨/Vision(다올)_{(r51 Blame)}