Vision(비교)

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