"AI 박민진"의 두 판 사이의 차이

Digital Humanities wiki
이동: 둘러보기, 검색
(새 문서: <div style="display: flex; flex-wrap: wrap; background-color: #f5f3ef; border: 1px solid #e0e0e0; border-radius: 8px; font-family: sans-serif; overflow: hidden; max-width: 850px; marg...)
 
 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
1번째 줄: 1번째 줄:
<div style="display: flex; flex-wrap: wrap; background-color: #f5f3ef; border: 1px solid #e0e0e0; border-radius: 8px; font-family: sans-serif; overflow: hidden; max-width: 850px; margin: 20px 0; color: #333;">
+
<table style="width: 100%; max-width: 850px; border-collapse: collapse; border: 1px solid #e0e0e0; border-radius: 8px; font-family: sans-serif; background-color: #ffffff; margin: 20px 0;">
 
+
  <tr>
  <!-- 왼쪽: 자기소개 정보 영역 -->
+
    <!-- [왼쪽 영역] 기본 정보 및 개인 프로필 목록 -->
  <div style="flex: 1 1 50%; padding: 40px 30px; background-color: #ffffff; display: flex; flex-direction: column; justify-content: space-between;">
+
    <td style="width: 55%; padding: 35px 30px; vertical-align: top; background-color: #ffffff;">
    <div>
 
 
       <h1 style="font-size: 32px; font-weight: 800; margin: 0 0 5px 0; color: #222; border: none; padding: 0;">ABOUT ME</h1>
 
       <h1 style="font-size: 32px; font-weight: 800; margin: 0 0 5px 0; color: #222; border: none; padding: 0;">ABOUT ME</h1>
       <h3 style="font-size: 16px; font-weight: 600; color: #e75b48; margin: 0 0 30px 0; border: none; padding: 0;">자기소개</h3>
+
       <h3 style="font-size: 15px; font-weight: 600; color: #e75b48; margin: 0 0 25px 0; border: none; padding: 0;">자기소개</h3>
  
      <!-- 세부 정보 테이블 -->
+
       <table style="width: 100%; border-collapse: collapse; font-size: 13px; line-height: 2.2;">
       <table style="width: 100%; border-collapse: collapse; font-size: 14px; line-height: 2;">
 
 
         <tr>
 
         <tr>
           <td style="width: 35%; font-weight: bold; color: #555;">이름</td>
+
           <td style="width: 38%; font-weight: bold; color: #555;">이름</td>
 
           <td style="color: #222;">박민진</td>
 
           <td style="color: #222;">박민진</td>
 
         </tr>
 
         </tr>
26번째 줄: 24번째 줄:
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
           <td style="font-weight: bold; color: #555;">MBTI / 관심사</td>
+
           <td style="font-weight: bold; color: #555;">MBTI / 최애 AI</td>
           <td style="color: #222;">ENTP (자주 쓰는 AI: 챗GPT)</td>
+
           <td style="color: #222;">ENTP / 챗GPT</td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
44번째 줄: 42번째 줄:
 
           <td style="font-weight: bold; color: #555;">관심 직업분야</td>
 
           <td style="font-weight: bold; color: #555;">관심 직업분야</td>
 
           <td style="color: #222;">방송PD (희망지역: 서울)</td>
 
           <td style="color: #222;">방송PD (희망지역: 서울)</td>
        </tr>
 
        <!-- 미제공 정보 안내 -->
 
        <tr>
 
          <td style="font-weight: bold; color: #aaa;">생년월일</td>
 
          <td style="color: #aaa; font-style: italic;">(정보 없음)</td>
 
        </tr>
 
        <tr>
 
          <td style="font-weight: bold; color: #aaa;">연락처</td>
 
          <td style="color: #aaa; font-style: italic;">(정보 없음)</td>
 
        </tr>
 
        <tr>
 
          <td style="font-weight: bold; color: #aaa;">주소 / 홈페이지</td>
 
          <td style="color: #aaa; font-style: italic;">(정보 없음)</td>
 
 
         </tr>
 
         </tr>
 
       </table>
 
       </table>
    </div>
 
  
    <!-- 이미지 하단 포인터 장식 요소 -->
+
      <!-- 포인트 디자인 색상 사각형 -->
    <div style="margin-top: 20px; text-align: right;">
+
      <div style="margin-top: 25px; text-align: right;">
      <span style="display: inline-block; width: 10px; height: 10px; background-color: #e75b48; margin-right: 5px;"></span>
+
        <span style="display: inline-block; width: 10px; height: 10px; background-color: #e75b48; margin-right: 4px;"></span>
      <span style="display: inline-block; width: 8px; height: 8px; background-color: #6b66ff;"></span>
+
        <span style="display: inline-block; width: 8px; height: 8px; background-color: #6b66ff;"></span>
    </div>
+
      </div>
  </div>
+
    </td>
  
  <!-- 오른쪽: 프로필 사진 및 인용 영역 -->
+
    <!-- [오른쪽 영역] 프로필 사진 및 인용구 -->
  <div style="flex: 1 1 45%; background-color: #eaddcf; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;">
+
    <td style="width: 45%; padding: 30px 20px; vertical-align: middle; background-color: #eaddcf; text-align: center;">
   
+
     
    <!-- 인용문 아이콘 및 텍스트 -->
+
      <!-- 따옴표 포함 한 줄 문구 -->
    <div style="width: 100%; text-align: left; margin-bottom: 15px;">
+
      <div style="text-align: left; margin-bottom: 20px; padding-left: 10px;">
      <span style="font-size: 36px; color: #e75b48; font-family: Georgia, serif; line-height: 1;">“</span>
+
        <p style="font-size: 16px; color: #444; margin: 0; font-style: italic; font-weight: bold; line-height: 1.4;">
      <p style="font-size: 13px; color: #555; line-height: 1.6; margin: 5px 0 0 0; font-style: italic;">
+
          <span style="font-size: 24px; color: #e75b48; font-family: Georgia, serif; vertical-align: -2px;">“</span>C'est la vie<span style="font-size: 24px; color: #e75b48; font-family: Georgia, serif; vertical-align: -2px;">”</span>
         (한 줄 소개 문구 정보 없음)
+
         </p>
      </p>
+
      </div>
    </div>
 
  
    <!-- 위키 파일 불러오기 문법 사용 -->
+
      <!-- 미디어위키 전용 파일 불러오기 -->
    <div style="margin-top: 10px; text-align: center;">
+
       [[파일:민진.jpg|가운데|240px]]
       [[파일:민진.jpg|섬네일 없음|가운데|260px]]
 
    </div>
 
  
    <!-- 우측 하단 포인트 장식 -->
+
      <!-- 하단 포인트 사각형 -->
    <div style="position: absolute; bottom: 20px; left: 20px;">
+
      <div style="text-align: left; margin-top: 15px; padding-left: 10px;">
      <span style="display: inline-block; width: 14px; height: 14px; background-color: #e75b48;"></span>
+
        <span style="display: inline-block; width: 12px; height: 12px; background-color: #e75b48;"></span>
    </div>
+
      </div>
  </div>
 
  
</div>
+
    </td>
 +
  </tr>
 +
</table>

2026년 9월 14일 (월) 16:22 기준 최신판

ABOUT ME

자기소개

이름 박민진
이메일 min110505p@gmail.com
입학연도 / 학과 2024학번 / 불어불문학
복수전공 미디어학부
MBTI / 최애 AI ENTP / 챗GPT
활동 SNS 인스타그램
동아리 / 소울푸드 스노우보드 / 회
희망 여행지 이탈리아
관심 직업분야 방송PD (희망지역: 서울)
       
       

C'est la vie

민진.jpg