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