(같은 사용자의 중간 판 17개는 보이지 않습니다) 1번째 줄:
1번째 줄: <templatestyles src="틀:대문/임시/style.css" />
__NOTOC__ __NOEDITSECTION__
<div class="main-box main-top">
<div class="main-top-left">
<! --
<span style="font-size: 1.8rem; margin-top: 0; margin-bottom: .1em;">[[가온 위키|<span style="color: black;">가온 위키</span>]]</span>
상단 환영 영역입니다.
<p class="main-top-left-subtitle">모두가 함께하는 우리 모두의 위키</p>
화면 너비와 관계없이 가운데 정렬로 표시됩니다.
</div>
-->
<div class="main-top-right">
<div style="text -align: center; padding : 2em 1em ; background -color : #f8f9fa; border: 1px solid #e1e8ed ; margin-bottom: 20px ;">
<p class="main-top-right-text">여러분들의 적극적인 기여 부탁드립니다!</p>
<span style="font-size: 180%; font-weight: bold; color: #2c3e50 ;">가온 위키 베타에 오신 것을 환영합니다 </span><br >
</div>
<span style ="font -size: 110%; color: #7f8c8d; ">누구나 자유롭게 기여하고 공유할 수 있는 지식 저장소 </span >
</div>
</div>
<!-- 사이트노티스 --> <!-- 아예 오른쪽으로 알찬글 위에 올려도 좋을 것 같네요 -->
<div class="main-pane">
<div class="main-pane-left" style="flex: 5; display: flex; flex-flow: column;">
<!-- 사랑방질문방등등 -->
<div class="wikipedia-ko shortcuts main-box" style="display: inline-block; width: 100%; margin-top: 20px; flex: 1;">
<div class="main-shortcut-item" style="border: 1px solid #EBEBEB; margin: 10px 10px 0 10px; padding: .8rem 0;">
<div style="display: inline-block; margin-left: 10px;">[[파일: XEIcon xi-group.svg|40px|sub|link=가온 위키 커뮤니티]]</div>
<div style="display: inline-block; border-left: 2px solid rgb(82, 76, 76); margin-left: 10px; padding-left: 10px;">
<p style="margin: 0"><span style="font-size: 20px; font-weight: bold;">[[가온 위키 커뮤니티]]</span><br>
<span style="font-size: 13px; font-weight: bold;">게시판에서 더 많은 이야기를 나누어 보아요!</span></p>
</div>
</div>
<div class="main-shortcut-item" style="border: 1px solid #EBEBEB; margin: 10px 10px 0 10px; padding: .8rem 0;">
<div style="display: inline-block; margin-left: 10px;">[[파일: XEIcon xi-message.svg|40px|sub|link=가온 위키 커뮤니티/이슈 트래커]]</div>
<div style="display: inline-block; border-left: 2px solid grey; margin-left: 10px; padding-left: 10px;">
<p style="margin: 0"><span style="font-size: 20px; font-weight: bold;">[[가온 위키 커뮤니티/이슈 트래커|이슈 트래커]]</span><br>
<span style="font-size: 13px; font-weight: bold;">오류가 발생했나요? 불편한 점이 있나요? 알려주세요!</span></p>
</div>
</div>
<div class="main-shortcut-item" style="border: 1px solid #EBEBEB; margin: 10px 10px 0 10px; padding: .8rem 0;">
<div style="display: inline-block; margin-left: 10px;">[[파일: XEIcon xi-library-bookmark.svg|40px|sub|link=가온_위키/정책]]</div>
<div style="display: inline-block; border-left: 2px solid grey; margin-left: 10px; padding-left: 10px;">
<p style="margin: 0"><span style="font-size: 20px; font-weight: bold;">[[가온 위키/정책|가온 위키 정책]]</span><br>
<span style="font-size: 13px; font-weight: bold;">편집하시기 전에 한번 읽어주세요!</span></p>
</div>
</div>
<hr/>
[[가온 위키]]의 기능들에 대해 실험하는 사이트입니다.
<!--
본 사이트는 '''가온 위키의 기능 + a'''를 포함하고 있기 때문에, 언제 +a 기능이 넘어갈지, 아니면 사라질지 모릅니다.
전체 카드 영역입니다 .
현재 [https://www.gaonwiki.com/w/가온_위키/프로젝트/2020-2021년_개선_프로젝트 2020-2021년 개선 프로젝트]가 가온 위키에 진행되고 있습니다. 가온 위키 베타는 이에 따라 개선 프로젝트에 적용될 다양한 기능들을 먼저 적용할 예정입니다.
display : flex;
- 내부 요소를 가로로 배치합니다 .
본 사이트의 [[가온 위키/프로젝트/2020-2021년 개선 프로젝트]] 문서를 통해 적용사항에 대해 더 빨리 확인해 보세요!
flex -wrap: wrap;
- 화면이 좁아지면 다음 줄로 자동 줄바꿈합니다.
아래의 개선사항은 "2020-2021년 개선 프로젝트"의 개선사항이 아닌, 별개의 개선사항의 진행사항을 나타낸 것입니다.
gap: 20px;
<hr>
- 좌우 카드 사이와 위아래 카드 사이의 간격을 줍니다 .
{{완료}}<br>
-- >
- 짧은 URL 적용(2020년 11월 22일)<br>
<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex -start;" >
- SyntaxHighlight 확장기능 사용시 proc_open() 관련 오류 발생 해결(REL1_30 사용)(2020년 11월 22일)<br>
<! --
왼쪽 열입니다.
- [[가온 위키 - 커뮤니티 로그인 연동]](2020년 12월 01일)<br>
flex: 1 1 320px;
- 기본적으로 남은 공간을 균등하게 나눕니다.
- 최소 기준 너비를 320px로 잡습니다.
- 화면이 좁아져서 320px 두 개가 들어가지 않으면 자동으로 1열이 됩니다.
min-width: 0;
- 긴 문장이나 링크 때문에 레이아웃이 깨지는 것을 줄입니다.
-->
<div style="flex: 1 1 320px; min-width: 0;">
<!-- 공지사항 카드입니다. -->
<div style="border: 1px solid #e1e8ed; padding: 15px; background: #ffffff; margin-bottom: 15px;">
<h2 style="margin-top: 0; border-bottom: 2px solid #3498db; font-size: 130%;">📢 공지사항</h2>
* [https://www.gaonwiki.com/w/리버티_스킨 리버티 스킨]이 무겁고 비효율적으로 동작하기에 대폭 개선한 [https://www.gaonwiki.com/w/Whale_스킨 Whale 스킨]을 개발 및 테스트 중입니다.
* 기능 추가나 버그 수정 요청은 언제든 환영입니다! [https://bbs.gaonwiki.com/issue 가온 위키 커뮤니티 - 이슈 트래커]를 통해 알려주세요.
</div>
<!-- 주요 분류 카드입니다. -->
<div style="border: 1px solid #e1e8ed; padding: 15px; background: #ffffff;">
<h2 style="margin-top: 0; border-bottom: 2px solid #2ecc71; font-size: 130%;">📚 주요 분류</h2>
* [[:분류:소프트웨어|소프트웨어]]
* [[:분류:인공지능|인공지능(AI)]]
* [[:분류:프론트엔드|프론트엔드]]
* [[:분류:운영체제|운영체제]]
* [[:분류:게임|게임]]
</div>
- 가온 위키/서버 이전/도쿄→서울 (2020.12.19)<br>
< /div >
<!--
오른쪽 열입니다.
왼쪽 열과 같은 방식으로 반응형 처리됩니다.
-->
<div style="flex: 1 1 320px; min-width: 0;">
<br>{{진행중}}<br>
<!-- 사이트 소개 카드입니다. -->
- 2020-2021년 개선 프로젝트 선 적용<br>
<div style="border: 1px solid #e1e8ed; padding: 15px; background: #ffffff; margin-bottom: 15px;">
<h2 style="margin-top: 0; border-bottom: 2px solid #9b59b6; font-size: 130%;">🌟 이 사이트는...</h2>
'''[[가온 위키 베타]]'''는 [[가온 위키]]에 적용할 기능들을 테스트 해보는 곳입니다. 불안정하거나 오작동 할 수 있습니다. <br><br>
<div style="text -align: right;">[[가온 위키 베타|'''더 읽어보기 ➔''']]</div>
</div >
- 서버 이전<br>
<!-- 위키 시작하기 카드입니다. -->
<div style="border: 1px solid #e1e8ed; padding: 15px; background: #ffffff;">
<h2 style="margin -top: 0; border-bottom: 2px solid #f1c40f; font-size: 130%;">🛠️ 위키 시작하기</h2>
* '''문서 찾기:''' 상단의 검색창을 통해 원하는 지식을 검색하세요.
* '''새 문서 만들기:''' 검색창에 생성하고 싶은 제목을 입력한 후, 붉은색 링크를 클릭하여 작성할 수 있습니다.
* 표 작성, 이미지 삽입 등은 [[도움말:위키 문법]]을 참고하세요.
</div >
<br>{{토론필요}}<br>
</div >
- PC 버전 스킨 변경(모바일 버전은 유지)
<hr/>
</div >
사용된 아이콘 - [https://www.iconfinder.com/icons/653258/flask_chemistry_experiment_lab_laboratory_research_science_icon 파비콘]
가온 위키 베타에 오신 것을 환영합니다 누구나 자유롭게 기여하고 공유할 수 있는 지식 저장소
🌟 이 사이트는...
가온 위키 베타 가온 위키 에 적용할 기능들을 테스트 해보는 곳입니다. 불안정하거나 오작동 할 수 있습니다.
🛠️ 위키 시작하기
문서 찾기: 상단의 검색창을 통해 원하는 지식을 검색하세요.새 문서 만들기: 검색창에 생성하고 싶은 제목을 입력한 후, 붉은색 링크를 클릭하여 작성할 수 있습니다.표 작성, 이미지 삽입 등은 도움말:위키 문법 을 참고하세요.