svg 썸네일 문제 해결 |
대문 업데이트 |
||
| (사용자 2명의 중간 판 39개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
__NOTOC__ __NOEDITSECTION__ | |||
<br> | <!-- | ||
상단 환영 영역입니다. | |||
화면 너비와 관계없이 가운데 정렬로 표시됩니다. | |||
--> | |||
<div style="text-align: center; padding: 2em 1em; background-color: #f8f9fa; border: 1px solid #e1e8ed; margin-bottom: 20px;"> | |||
<span style="font-size: 180%; font-weight: bold; color: #2c3e50;">가온 위키 베타에 오신 것을 환영합니다</span><br> | |||
<span style="font-size: 110%; color: #7f8c8d;">누구나 자유롭게 기여하고 공유할 수 있는 지식 저장소</span> | |||
</div> | |||
<!-- | |||
전체 카드 영역입니다. | |||
display: flex; | |||
- 내부 요소를 가로로 배치합니다. | |||
flex-wrap: wrap; | |||
- 화면이 좁아지면 다음 줄로 자동 줄바꿈합니다. | |||
gap: 20px; | |||
- 좌우 카드 사이와 위아래 카드 사이의 간격을 줍니다. | |||
--> | |||
<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;"> | |||
<!-- | |||
왼쪽 열입니다. | |||
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> | |||
</div> | </div> | ||
< | <!-- | ||
오른쪽 열입니다. | |||
왼쪽 열과 같은 방식으로 반응형 처리됩니다. | |||
--> | |||
<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 #9b59b6; font-size: 130%;">🌟 이 사이트는...</h2> | |||
'''[[가온 위키]]'''는 모두가 참여 가능한 위키 사이트입니다!<br><br> | |||
<div style="text-align: right;">[[가온 위키|'''더 읽어보기 ➔''']]</div> | |||
</div> | |||
<!-- 위키 시작하기 카드입니다. --> | |||
<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> | |||
</div> | |||
</div> | |||
2026년 7월 10일 (금) 11:46 기준 최신판
가온 위키 베타에 오신 것을 환영합니다
누구나 자유롭게 기여하고 공유할 수 있는 지식 저장소
📢 공지사항
- 리버티 스킨이 무겁고 비효율적으로 동작하기에 대폭 개선한 Whale 스킨을 개발 및 테스트 중입니다.
- 기능 추가나 버그 수정 요청은 언제든 환영입니다! 가온 위키 커뮤니티 - 이슈 트래커를 통해 알려주세요.