Vision(r72 Blame)

r72
r72

(r69으로 되돌림)
1[[분류:위키/스킨]]
2[include(틀:위키 스킨)]
3> Central 스킨을 제외한 스킨은 업데이트가 중단되었으며, 최신 openNAMU와 호환이 안될 수 있습니다.
r68
4
r72

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