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