Episode.xsl - 편집 역사

2026년 8월 21일 (금) 01:15에 Tutor님의 편집

2026-08-21T01:15:33Z

← 이전 판		2026년 8월 21일 (금) 01:15 판
1번째 줄:		1번째 줄:
	~~<pre>~~
	<?xml version="1.0" encoding="UTF-8"?>		<?xml version="1.0" encoding="UTF-8"?>
	<xsl:stylesheet version="1.0"		<xsl:stylesheet version="1.0"
74번째 줄:		73번째 줄:

	</xsl:stylesheet>		</xsl:stylesheet>
	~~</pre>~~

2026년 8월 20일 (목) 17:34에 Tutor님의 편집

2026-08-20T17:34:40Z

← 이전 판		2026년 8월 20일 (목) 17:34 판
2번째 줄:		2번째 줄:
	<?xml version="1.0" encoding="UTF-8"?>		<?xml version="1.0" encoding="UTF-8"?>
	<xsl:stylesheet version="1.0"		<xsl:stylesheet version="1.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform"		xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	~~xmlns="http://www.w3.org/1999/xhtml~~">

	<xsl:output method="html" encoding="UTF-8" indent="yes~~" doctype-system="about:blank~~"/>		<xsl:output method="html" encoding="UTF-8" indent="yes"/>

	<!-- ~~루트 템플릿~~ -->		<xsl:template match="/episode">
	<xsl:~~template match~~="/">		<!-- lang 속성이 Arabic인 경우 rtl(우->좌), 아닐 경우 ltr(좌->우) 설정 -->
	<html lang="ko">		<xsl:variable name="direction">
			<xsl:choose>
			<xsl:when test="@lang = 'Arabic'">rtl</xsl:when>
			<xsl:otherwise>ltr</xsl:otherwise>
			</xsl:choose>
			</xsl:variable>

			<!-- HTML lang 속성 매핑 (Arabic -> ar, 기타 -> ko/en 등) -->
			<xsl:variable name="htmlLang">
			<xsl:choose>
			<xsl:when test="@lang = 'Arabic'">ar</xsl:when>
			<xsl:otherwise>ko</xsl:otherwise>
			</xsl:choose>
			</xsl:variable>

			<html lang="{$htmlLang}" dir="{$direction}">
	<head>		<head>
	<meta charset="UTF-8"/>		<meta charset="UTF-8"/>
	~~<meta name="viewport" content="width=device-width, initial-scale=1.0"/>~~		<title><xsl:value-of select="title"/></title>
	<title><xsl:value-of select="~~episode/~~title"/></title>
	<style>		<style>
	body {		body {
	font-family: -apple-system~~, BlinkMacSystemFont~~, "~~Apple SD Gothic Neo~~", ~~"Pretendard"~~, ~~"Noto Sans KR"~~, sans-serif;		font-family: -apple-system, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	background-color: #f8fafc;		background-color: #f8fafc;
	color: #1e293b;		color: #1e293b;
	~~margin: 0;~~
	padding: 40px 20px;		padding: 40px 20px;
	display: flex;		display: flex;
28번째 줄:		40번째 줄:
	max-width: 720px;		max-width: 720px;
	width: 100%;		width: 100%;
	border-radius: ~~16px;~~		border-radius: 12px;
	~~box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05)~~;
	border: 1px solid #e2e8f0;		border: 1px solid #e2e8f0;
	padding: ~~40px~~;		padding: 30px;
	box-~~sizing: border-box;~~		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	}
	~~.badge {~~
	~~display: inline-block;~~
	~~background: #e0e7ff;~~
	~~color: #4338ca;~~
	~~font-size~~: 0~~.85rem;~~
	~~font-weight: 600;~~
	~~padding:~~ 4px ~~12px;~~
	~~border-radius: 20px;~~
	~~margin-bottom: 16px;~~
	~~text-transform: uppercase;~~
	~~letter-spacing:~~ 0.~~05em~~;
	}		}
	h1~~.title~~ {		h1 {
	font-size: 1.~~75rem;~~		font-size: 1.6rem;
	~~font-weight: 700~~;
	color: #0f172a;		color: #0f172a;
	~~margin: 0 0 24px 0;~~
	~~line-height: 1.35;~~
	border-bottom: 2px solid #f1f5f9;		border-bottom: 2px solid #f1f5f9;
	padding-bottom: ~~16px~~;		padding-bottom: 12px;
			margin-top: 0;
	}		}
	.narrative~~-box~~ {		p.narrative {
	font-size: 1.05rem;		font-size: 1.05rem;
	line-height: 1.8;		line-height: 1.9;
	color: #334155;		color: #334155;
	white-space: pre-line; /* ~~XML 본문의 줄바꿈을 그대로~~ 유지 */		white-space: pre-line; /* 본문 줄바꿈 유지 */
	~~word~~-~~break~~: ~~keep-all~~;		}
			/* Arabic일 경우 추가 가독성 스타일 */
			[dir="rtl"] {
			text-align: right;
	}		}
	</style>		</style>
66번째 줄:		66번째 줄:
	<body>		<body>
	<div class="card">		<div class="card">
	~~<span class="badge">Episode</span>~~		<h1><xsl:value-of select="title"/></h1>
	<h1 ~~class="title"~~>		<p class="narrative"><xsl:value-of select="narrative"/></p>
	<xsl:value-of select="~~episode/~~title"/>
	</h1>
	<~~div~~ class="narrative~~-box~~">
	<xsl:value-of select="~~episode/~~narrative"/>
	</~~div~~>
	</div>		</div>
	</body>		</body>

2026년 8월 20일 (목) 17:15에 Tutor님의 편집

2026-08-20T17:15:58Z

← 이전 판		2026년 8월 20일 (목) 17:15 판
1번째 줄:		1번째 줄:
			<pre>
	<?xml version="1.0" encoding="UTF-8"?>		<?xml version="1.0" encoding="UTF-8"?>
	<xsl:stylesheet version="1.0"		<xsl:stylesheet version="1.0"
79번째 줄:		79번째 줄:

	</xsl:stylesheet>		</xsl:stylesheet>
			</pre>

2026년 8월 20일 (목) 15:44에 Tutor님의 편집

2026-08-20T15:44:59Z

@@ 1번째 줄: / 1번째 줄: @@
 <?xml version="1.0" encoding="UTF-8"?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+<xsl:stylesheet version="1.0"
-     <xsl:output method="html" encoding="UTF-8" indent="yes"/>
+    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
      <xsl:template match="/">
-         <div class="text-container" style="line-height: 1.8; font-size: 1.1em;">
+         <html lang="ko">
-             <xsl:apply-templates />
+        <head>
-         </div>
+            <meta charset="UTF-8"/>
+            <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <xsl:template match="episode">
+            <title><xsl:value-of select="episode/title"/></title>
-        <div class="content-unit">
+            <style>
-            <xsl:apply-templates/>
+                body {
-        </div>
+                    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif;
-    </xsl:template>
+                    background-color: #f8fafc;
+                    color: #1e293b;
-    <xsl:template match="title">
+                    margin: 0;
-        <span style="color: navy; font-size: 1.5em; vertical-align: baseline; margin: 0 2px;">
+                    padding: 40px 20px;
-             § <xsl:apply-templates/><br/>
+                    display: flex;
-         </span>
+                    justify-content: center;
      </xsl:template>
 </xsl:stylesheet>

2026년 8월 20일 (목) 15:42에 Tutor님의 편집

2026-08-20T15:42:09Z

← 이전 판		2026년 8월 20일 (목) 15:42 판
5번째 줄:		5번째 줄:
	<xsl:template match="/">		<xsl:template match="/">
	<div class="text-container" style="line-height: 1.8; font-size: 1.1em;">		<div class="text-container" style="line-height: 1.8; font-size: 1.1em;">
	<xsl:apply-templates ~~select="/episode"~~/>		<xsl:apply-templates />
	</div>		</div>

18번째 줄:		18번째 줄:
	§ <xsl:apply-templates/><br/>		§ <xsl:apply-templates/><br/>
	</span>		</span>
	~~</xsl:template>~~

	~~<xsl:template match="*">~~
	~~<xsl:apply-templates/>~~
	</xsl:template>		</xsl:template>

	</xsl:stylesheet>		</xsl:stylesheet>

Tutor: 새 문서:

...

2026-08-20T15:39:07Z

새 문서: <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" encoding="UTF-8" indent="yes"/> <xsl:template match="/"> <div class="text-container" style="line-height: 1.8; font-size: 1.1em;"> <xsl:apply-templates select="/episode"/> </div> <xsl:template match="episode"> <div class="content-unit"> <xsl:apply-templates/> </div>...

새 문서

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="UTF-8" indent="yes"/>

<xsl:template match="/">
<div class="text-container" style="line-height: 1.8; font-size: 1.1em;">
<xsl:apply-templates select="/episode"/>
</div>

<xsl:template match="episode">
<div class="content-unit">
<xsl:apply-templates/>
</div>
</xsl:template>

<xsl:template match="title">
<span style="color: navy; font-size: 1.5em; vertical-align: baseline; margin: 0 2px;">
§ <xsl:apply-templates/><br/>
</span>
</xsl:template>

<xsl:template match="*">
<xsl:apply-templates/>
</xsl:template>

</xsl:stylesheet>