Merge pull request #38 from SkyLightQP/develop

feat: add blockquote style and update texts
SkyLightQP · Feb 21, 2025 · 43086fb · 43086fb
2 parents bbec17b + 8dd48aa
commit 43086fb
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 13 deletions.
diff --git a/src/components/ContentView/DescriptionView/index.tsx b/src/components/ContentView/DescriptionView/index.tsx
@@ -34,6 +34,15 @@ export const MarkdownWrapper = styled.div`
     }
   }
 
+  & blockquote > p {
+    padding-left: 14px;
+    text-indent: -14px;
+
+    &::before {
+      content: '> ';
+    }
+  }
+
   & summary {
     cursor: pointer;
     padding-left: 2px;

diff --git a/src/components/ContentView/ExternalLinkView/index.tsx b/src/components/ContentView/ExternalLinkView/index.tsx
@@ -29,7 +29,7 @@ export const ExternalLinkView: FC<ExternalLinkViewProps> = ({ links, isPrint })
       {links
         .sort((a, b) => a.order - b.order)
         .map((link) => (
-          <ExternalLink key={link.id} href={link.href}>
+          <ExternalLink key={link.id} href={link.href} isPrint={isPrint}>
             {isPrint ? `${link.name}: ${link.href}` : link.name}
           </ExternalLink>
         ))}

diff --git a/src/components/Landing/index.tsx b/src/components/Landing/index.tsx
@@ -104,16 +104,16 @@ const Landing: React.FC = () => {
       <MarginContainer>
         <div>
           <Title>
-            우리 생활을 더 편리하게 만듭니다
+            생활을 더 편리하게 만듭니다
             <br />
             개발자 <HighlightedTitle>하대겸</HighlightedTitle> <HintedTitle>Daegyeom Ha</HintedTitle>
           </Title>
         </div>
 
         <IntroduceText>
-          우리 주변의 문제를 글이 아닌 기술로 표현합니다.
+          주변의 문제를 기술로 해결할 수 있는 방법을 찾고 구현합니다.
           <br />
-          문제를 기술로 해결하기 위해 노력하고 있습니다.
+          문제를 해결할 때 기술보다 문제 본질에 더욱 집중하기 위해 노력합니다.
         </IntroduceText>
 
         <IconList>

diff --git a/src/components/Link/ExternalLink/index.tsx b/src/components/Link/ExternalLink/index.tsx
@@ -7,6 +7,7 @@ import Colors from '../../../styles/Colors';
 
 interface ExternalLinkProps {
   readonly href: string;
+  readonly isPrint?: boolean;
 }
 
 const StyledLink = styled.a`
@@ -22,10 +23,10 @@ const StyledLink = styled.a`
   }
 `;
 
-export const ExternalLink: FC<PropsWithChildren<ExternalLinkProps>> = ({ href, children }) => {
+export const ExternalLink: FC<PropsWithChildren<ExternalLinkProps>> = ({ href, isPrint, children }) => {
   return (
     <StyledLink href={href} target="_blank" rel="noopener">
-      {children} <RiExternalLinkFill size={18} />
+      {children} {!isPrint && <RiExternalLinkFill size={18} />}
     </StyledLink>
   );
 };
diff --git a/src/components/PdfView/index.tsx b/src/components/PdfView/index.tsx
@@ -102,15 +102,15 @@ export const PdfView = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>
     <PdfWrapper className="pdf-view">
       <PdfContainer ref={ref}>
         <Title>
-          우리 생활을 더 편리하게 만듭니다
+          생활을 더 편리하게 만듭니다
           <br />
           개발자 <HighlightedTitle>하대겸</HighlightedTitle> <HintedTitle>(Daegyeom Ha)</HintedTitle>
         </Title>
 
         <IntroduceText>
-          우리 주변의 문제를 글이 아닌 기술로 표현합니다.
+          주변의 문제를 기술로 해결할 수 있는 방법을 찾고 구현합니다.
           <br />
-          문제를 기술로 해결하기 위해 노력하고 있습니다.
+          문제를 해결할 때 기술보다 문제 본질에 더욱 집중하기 위해 노력합니다.
         </IntroduceText>
 
         <div>
@@ -126,10 +126,6 @@ export const PdfView = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>
             <ContactTitle>Blog</ContactTitle>
             <a href="https://blog.skylightqp.kr">https://blog.skylightqp.kr</a>
           </p>
-          <p>
-            <ContactTitle>LinkedIn</ContactTitle>
-            <a href="https://linkedin.com/in/daegyeom">https://linkedin.com/in/daegyeom</a>
-          </p>
         </div>
 
         <Divider />