Vision_{(r55 Blame)}

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

Vision(r55 Blame)

Vision_{(r55 Blame)}