Vision_{(r69 Blame)}

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

Vision(r69 Blame)

Vision_{(r69 Blame)}