16 lines
1.1 KiB
HTML
16 lines
1.1 KiB
HTML
<section id="code-wide" data-transition="fade" style="background:#FBFCFE;color:#10243F;font-family:'Noto Sans KR', sans-serif;padding:128px;display:flex;gap:80px;align-items:center">
|
|
<div style="width:760px;display:flex;flex-direction:column;gap:32px">
|
|
<p style="font-family:'JetBrains Mono', monospace;font-size:26px;color:#1565C0;font-weight:600">펼친 화면 · 코드</p>
|
|
<h2 style="font-size:56px;font-weight:700;line-height:1.2">펼친 화면:<br>구조 · 코드 동시 표시</h2>
|
|
<ul style="font-size:26px;line-height:1.6;color:#3E5068;display:flex;flex-direction:column;gap:10px">
|
|
<li>Z Fold 펼침 · 가로 화면 대응</li>
|
|
<li>좌측: 폴더 구조 · 클래스 · 함수 목록 / 우측: 코드</li>
|
|
<li>옆 창 파일 선택 시 즉시 열림</li>
|
|
<li>클래스 · 함수 선택 시 해당 줄 이동</li>
|
|
<li>두 칸 위아래 순서 변경</li>
|
|
</ul>
|
|
</div>
|
|
<img src="/_blob/730a729a1b7d696585858ac1735d4be5" alt="펼친 화면의 코드 보기" style="width:824px;height:821px;object-fit:contain;border-radius:20px;border:2px solid #C9DCF2">
|
|
<aside>펼친 화면에서 옆 창 상시 표시. 예시: C# 파일.</aside>
|
|
</section>
|