[공지] openNAMU 계정 이전 신청을 받고 있습니다.

위키/스킨/Vision(다올) (r56)

해당 리비전 수정 시각:
편집 토론 역사
권한 부족
편집 권한이 부족합니다. 로그인된 사용자(이)여야 합니다. 해당 문서의 ACL 탭을 확인하시기 바랍니다. 대신 편집 요청을 생성할 수 있습니다.
알림
현재 진행 중인 사용자 토론이 있습니다.
[주의!] 문서의 이전 버전(에 수정)을 보고 있습니다. 최신 버전으로 이동
분류
파일:상위 문서 아이콘.svg 상위 문서: 위키/스킨

음영 표시: 업데이트가 중단된 스킨

1. 개요2. 특징3. 사용 방법
3.1. 다운로드
3.1.1. Git으로 다운로드3.1.2. 수동 다운로드
3.2. 업데이트3.3. 대표 색상 변경3.4. 사이드바 연합 최근 편집 가리기3.5. 파비콘 변경
4. 업데이트 예정인 것들5. 업데이트 내역
5.1. v1.0a5.2. v2.0a5.3. v2.1b5.4. v2.2b5.5. v2.35.6. v2.45.7. v2.55.8. v2.65.9. v2.75.10. v2.85.11. v2.95.12. v2.105.13. v2.115.14. v2.125.15. v.3.0

1. 개요[편집]

파일:Vision PC.png
파일:Vision Phone.jpg
PC 버전
Mobile 버전
Vision 스킨 스크린샷
사진을 눌러 크게 볼 수 있습니다.
Github 주소
  • 다올위키에서 사용하는 Vision 스킨입니다.
  • 원본 소스는 openNAMU 공식 리버티입니다.
  • 다올위키는 openNAMU 최신 버전을 사용합니다. 따라서 구 버전에서는 정상 작동하지 않을 수 있습니다.
  • 주의 사항: 해당 스킨 라이선스는 GNU General Public License v3.0 입니다. 수정해서 사용하실 때는 라이선스에 따라 소스 코드를 공개하여야 합니다.

2. 특징[편집]

  • 오래 전에 만들어진 리버티 스킨을 현대 시대에 맞게 디자인을 개편해 보았습니다.

3. 사용 방법[편집]

3.1. 다운로드[편집]

3.1.1. Git으로 다운로드[편집]

  • Git으로 받으면 업데이트가 용이하기 때문에 Git으로 받는 것을 추천합니다.
  1. openNAMU 폴더의 views에서 다음 명령어를 입력하세요.
#!syntax text
git clone https://github.com/daol-project/Vision-Skin.git vision
2. 엔진을 다시 시작해 주세요.

3.1.2. 수동 다운로드[편집]

  1. Github에서 Code를 눌러 ZIP 파일로 다운로드합니다.
  2. openNAMU 폴더의 views에 압축을 해제합니다.
  3. 스킨 폴더 이름을 "vision"으로 변경해 주시면 됩니다.
  4. 엔진을 다시 시작해 주세요.

3.2. 업데이트[편집]

  • 업데이트는 openNAMU > views > vision 폴더에서 다음 명령어를 입력하세요.
#!syntax text
git remote rm origin
git remote add origin https://github.com/daol-project/Vision-skin.git
git fetch -\-depth=1 origin main
git reset -\-hard origin/main

3.3. 대표 색상 변경[편집]

  1. 관리 도구 > 소유자 설정 > 메인 <HEAD> 으로 이동합니다.
  2. (vision)을 클릭한 후 다음 코드를 붙여넣습니다.
#!syntax text
<meta name="theme-color" content="#(메인 컬러)">
<style>
:root {
    --main-color: #(메인 컬러);
    --menu-button-color: #(메인 컬러);
    --sub-color: #(서브 컬러);
    --light-sub-color: #(서브 컬러);
}
</style>
  • 메인 컬러는 위키의 메인 컬러를 뜻합니다.
  • 서브 컬러는 네비 바 옵션에 마우스를 올렸을 때의 색상을 뜻합니다.
  • 혹시 해서 말하지만 색상 코드는 #abcdef 식입니다. 괄호는 빼야합니다.
  1. (vision-cssdark) 탭에 들어갑니다.
  2. 다음 코드를 그대로 붙여넣습니다.
#!syntax text
<style>
:root {
    --main-color: #2d2f34;
    --menu-button-color: #777;
    --sub-color: #383b40;
}
</style>

3.4. 사이드바 연합 최근 편집 가리기[편집]

관리 도구 > 소유자 설정 > 메인 <HEAD>으로 이동합니다.
다음 코드를 입력합니다.

#!syntax text
<style>
.sidebar-4 {
	display: none;
}
</style>

3.5. 파비콘 변경[편집]

오픈나무 파비콘은 업데이트하면서 계속 갈아줘야하는 불편함이 있기 때문에 다올위키 커스텀 버전의 파비콘 위치를 변경하였습니다.

openNAMU/data/images 폴더에 favicon.ico 파일을 넣어주세요.

4. 업데이트 예정인 것들[편집]

Github issue로 보기

5. 업데이트 내역[편집]

5.1. v1.0a[편집]

2024/01/06 업데이트
* 폰트어썸 업데이트
* 각종 디자인 개편

5.2. v2.0a[편집]

2024/01/13 업데이트
* 각종 디자인 개편
* [모바일 한정] 하단 메뉴바 추가
* 버튼 컬러 변경

5.3. v2.1b[편집]

2024/01/21 업데이트
* 각종 디자인 개편

5.4. v2.2b[편집]

  • 24/01/27 업데이트
    • 각종 디자인 개편
      • liberty 디자인이 남아있던 input, select css 조정
      • 사이드바 개편
      • 모바일에서 본문 하단에 사이드바 표시되게 수정
      • 사이드바 분리
      • [모바일, 태블릿 한정] 사이드바 버튼 추가
      • 로그인 드롭다운 공백 조정
  • 2024/02/04 업데이트
    • 사이드바에 연합 최근 편집만 나오던 문제 해결
    • 일부분 색상 개편
  • 2024/02/10 업데이트
    • 사이드바에 계정 정보 추가
    • 사이드바 링크 오류 해결
    • ringo 스킨 설정 포크[1]
    • 다크모드 css 대개편 및 오류 수정
    • 푸터 왼쪽 정렬로 변경
    • 다올위키 자체 디자인 탑재

5.5. v2.3[편집]

2024/02/19 업데이트
* 다올위키 자체 디자인으로 인한 버그 수정[2]
* 푸터 설명 추가
* 모바일에서 푸터 저작권 표시 버튼이 일부분 가리는 문제 해결

5.6. v2.4[편집]

2024/02/23 ~ 2024/03/16 수정
2024/03/16 업데이트
* 툴 버튼 3개 이상부터 ... 버튼으로 드롭다운 표시되게 수정
* 어느 순간 사라진 툴 버튼 배경 강조 다시 추가 및 아이콘 추가
* 저장 미리보기 버튼 색 오류 수정
* sub 태그, 토론 및 게시판 스레드, input 테두리 다크모드 대응
* 폰트 변경 (프리텐다드 → 스위트)
* 사이드바 및 드롭다운 색상 재조정
* 토론에서 인용문 공백 무시되는 버그 해결
* 사이드바의 최근 편집, 최근 토론, 연합 최근 편집에 표시되는 문서 수 조정[3]

5.7. v2.5[편집]

2024/03/17 ~ 2024/03/23 수정
2024/03/23 업데이트
* 어느 순간 사라진 툴 버튼 배경 강조 다시 추가 및 아이콘 추가
* openNAMU Liberty (v1.1.26) 변경 사항 적용
* css !important 남발한 부분 수정
* 새롭게 추가된 스킨 변수(상단, 사이드바, 하단) 적용
* 오픈나무 팝업 디자인 변경
* 최근 편집 디자인 변경

5.8. v2.6[편집]

2024/03/30 ~ 2024/04/25 수정
2024/04/25 업데이트
* 최근 편집 자체 디자인 적용
* 리스트 공백 수정
* 사이드바에 문서 수가 넘칠 경우 편집된 시간이 잘리는 문제 해결
* 모바일에서 탭바 삭제
* 점프 버튼 디자인 변경
* textarea 둥근 모서리 적용

5.9. v2.7[편집]

2024/04/26 ~ 2024/05/19 수정
2024/05/19 업데이트
* 없는 문서 하이퍼링크 색상 수정
* 탭바 삭제에 따른 내비바 개선
* 오픈나무 공식 리버티 v1.1.27 포크
* 네비바의 최근 토론 누르면 열린 토론 표시

5.10. v2.8[편집]

2024/05/25 ~ 2024/06/03 수정
2024/06/03 업데이트
* 오픈나무 공식 리버티 v1.1.28 포크
* 네비바 디자인 수정
* 사이드바 시간 표기 방식 수정
* 최근 편집 등 신 UI에 따른 재수정

5.11. v2.9[편집]

2024/06/15 ~ 2024/06/28 수정
2024/06/28 업데이트
* 검색 창 글씨, 툴 버튼 호버 색상, 인용문 색상, 각주 hr, Syntax 테두리 색상 등 다크모드 적용 안 된 부분 수정
* 색상 변수 추가하여 대표 색상에 따라 저장, 미리보기 버튼 색상도 수정되도록 변경
* 사이드바 시간 표기 방식 재수정
* 오픈나무 기본 css인 main.css 개편에 따른 vision 고유 디자인 css 개편
* 사용자 도구 상태 UI 개편
* 내비바 글자 크기 수정
* 폰트 환원 (스위트 → 프리텐다드)

5.12. v2.10[편집]

2024/07/07 ~ 2024/07/26 수정
2024/07/26 업데이트
* 눈뽕 개선 스크립트 포크
* 사이드바에 최근 게시판 글 목록 추가
* 굵게 기울임 문법 사용할 때는 위키 대표 색인 밑줄 표출하도록 변경
* 다크모드 일때의 외부 링크 글자 색상 변경
* 폰트어썸 링크 수정 및 부트스트랩, 제이쿼리 CDN 전환

5.13. v2.11[편집]

2024/08/03 ~ 2024/08/23 수정
2024/08/23 업데이트
* 다크모드에서 드래그 색상, 굵게 기울임일 때 밑줄 색상 조정
* 위에 언급한 이슈 해결을 위해 색상 변수 1개 추가
* 폰트어썸 CDN 링크 변경에 따른 일부 아이콘 안 나오는 문제 수정
* 스킨 설정에서 체크박스 말고 글씨 눌러도 작동되도록 수정
* 드롭다운 여백 수정 및 추가 링크 아이콘 수정
* 조회수 추가

5.14. v2.12[편집]

예정
* 라이선스 페이지 추가 예정 #

5.15. v.3.0[편집]

구상 중
빠르면 2025년에 할 듯
  • 제로베이스로 다시 만들기
    • 아마 라이선스 변경이나 클로즈드 소스로 변경 예정
  • 모바일에서 사이드바 다시 구성하기
  • 상단바 디자인 개편하기
    • 개편하면서 상단바를 고정 한다면 타겟 위치를 조정하는 방법 연구하기
[1] 사이드바 끄기 및 가변 폭 지원.[2] 토론 창 공백 등.[3] 12, 5, 10 → 14, 7, 8


라이선스를 별도로 명시하지 않은 문서는 CC BY-SA 4.0에 따라 이용할 수 있습니다.
자세한 내용은 다올위키 라이선스 정책을 확인하시기 바랍니다.

기여하신 문서의 저작권은 각 기여자에게 있으며, 각 기여자는 기여하신 부분의 저작권을 갖습니다.

오픈 소스가 아닌 다올위키의 고유한 디자인을 무단으로 도용하는 것과, 운영 문서를 포함한 모든 문서를 라이선스를 지키지 않고 무단으로 가져가는 행동은 저작권 위반이며 법적 책임을 물 수 있습니다.