Skip to content

Commit

Permalink
🎨 favicon 수정, CSS 분류에 맞게 수정, target _blank 인 a 태그 rel 속성 추가
Browse files Browse the repository at this point in the history
  • Loading branch information
@JuhyeokC
JuhyeokC committed May 3, 2024
1 parent 6f8a7b0 commit 6c4af96
Show file tree
Hide file tree
Showing 6 changed files with 78 additions and 147 deletions.
36 changes: 12 additions & 24 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,35 +17,23 @@
<meta property="og:image" content="https://codeit-sprint1-juhyeokc.netlify.app/assets/images/home/img-home-top.png" />

<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png" />
<link rel="manifest" href="/assets/images/favicon/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<link rel="icon" href="/assets/images/favicon/favicon.ico" />

<!-- FONT -->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" />

<!-- CSS -->
<link rel="stylesheet" href="/assets/css/reset.css" />
<link rel="stylesheet" href="/assets/css/font.css" />
<link rel="stylesheet" href="/assets/css/style.css" />
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/form.css" />
<link rel="stylesheet" href="/assets/css/home.css" />
</head>
<body>
<header id="header">
<div class="inner">
<section class="header__logo">
<a href="/" target="_self">
<img src="/assets/images/logo/logo-full.png" alt="판다마켓 로고" height="48" draggable="false" />
<img src="/assets/images/logo/logo.svg" alt="판다마켓 로고" draggable="false" />
</a>
</section>
<section class="header__buttons">
Expand Down Expand Up @@ -109,16 +97,16 @@ <h5>판매를 원하는&nbsp;<br />상품을 등록하세요</h5>

<ul class="sns_link">
<li>
<a href="https://www.facebook.com/" target="_blank"><img src="/assets/images/sns/ic-facebook.svg" alt="페이스북 아이콘" height="20" draggable="false" /></a>
<a href="https://www.facebook.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-facebook-white.svg" alt="페이스북 아이콘" draggable="false" /></a>
</li>
<li>
<a href="https://twitter.com/" target="_blank"><img src="/assets/images/sns/ic-twitter.svg" alt="트위터 아이콘" height="20" draggable="false" /></a>
<a href="https://twitter.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-twitter-white.svg" alt="트위터 아이콘" draggable="false" /></a>
</li>
<li>
<a href="https://www.youtube.com/" target="_blank"><img src="/assets/images/sns/ic-youtube.svg" alt="유튜브 아이콘" height="20" draggable="false" /></a>
<a href="https://www.youtube.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-youtube-white.svg" alt="유튜브 아이콘" draggable="false" /></a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank"><img src="/assets/images/sns/ic-instagram.svg" alt="인스타그램 아이콘" height="20" draggable="false" /></a>
<a href="https://www.instagram.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-instagram-white.svg" alt="인스타그램 아이콘" draggable="false" /></a>
</li>
</ul>
</div>
Expand Down
39 changes: 14 additions & 25 deletions pages/faq/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,35 +17,22 @@
<meta property="og:image" content="https://codeit-sprint1-juhyeokc.netlify.app/assets/images/home/img-home-top.png" />

<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png" />
<link rel="manifest" href="/assets/images/favicon/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<link rel="icon" href="/assets/images/favicon/favicon.ico" />

<!-- FONT -->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" />

<!-- CSS -->
<link rel="stylesheet" href="/assets/css/reset.css" />
<link rel="stylesheet" href="/assets/css/font.css" />
<link rel="stylesheet" href="/assets/css/style.css" />
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/form.css" />
</head>
<body>
<header id="header">
<div class="inner">
<section class="header__logo">
<a href="/" target="_self">
<img src="/assets/images/logo/logo-full.png" alt="판다마켓 로고" height="40" draggable="false" />
<img src="/assets/images/logo/logo.svg" alt="판다마켓 로고" draggable="false" />
</a>
</section>
<section class="header__buttons">
Expand All @@ -54,7 +41,9 @@
</div>
</header>

<main id="container">faq page</main>
<main id="container">
<h1 style="display: block; margin: 0; padding: 80px; text-align: center">FAQ page</h1>
</main>

<footer id="footer">
<div class="inner">
Expand All @@ -67,16 +56,16 @@

<ul class="sns_link">
<li>
<a href="https://www.facebook.com/" target="_blank"><img src="/assets/images/sns/ic-facebook.svg" alt="페이스북 아이콘" height="20" /></a>
<a href="https://www.facebook.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-facebook-white.svg" alt="페이스북 아이콘" draggable="false" /></a>
</li>
<li>
<a href="https://twitter.com/" target="_blank"><img src="/assets/images/sns/ic-twitter.svg" alt="트위터 아이콘" height="20" /></a>
<a href="https://twitter.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-twitter-white.svg" alt="트위터 아이콘" draggable="false" /></a>
</li>
<li>
<a href="https://www.youtube.com/" target="_blank"><img src="/assets/images/sns/ic-youtube.svg" alt="유튜브 아이콘" height="20" /></a>
<a href="https://www.youtube.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-youtube-white.svg" alt="유튜브 아이콘" draggable="false" /></a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank"><img src="/assets/images/sns/ic-instagram.svg" alt="인스타그램 아이콘" height="20" /></a>
<a href="https://www.instagram.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-instagram-white.svg" alt="인스타그램 아이콘" draggable="false" /></a>
</li>
</ul>
</div>
Expand Down
39 changes: 14 additions & 25 deletions pages/items/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,35 +17,22 @@
<meta property="og:image" content="https://codeit-sprint1-juhyeokc.netlify.app/assets/images/home/img-home-top.png" />

<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png" />
<link rel="manifest" href="/assets/images/favicon/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<link rel="icon" href="/assets/images/favicon/favicon.ico" />

<!-- FONT -->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" />

<!-- CSS -->
<link rel="stylesheet" href="/assets/css/reset.css" />
<link rel="stylesheet" href="/assets/css/font.css" />
<link rel="stylesheet" href="/assets/css/style.css" />
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/form.css" />
</head>
<body>
<header id="header">
<div class="inner">
<section class="header__logo">
<a href="/" target="_self">
<img src="/assets/images/logo/logo-full.png" alt="판다마켓 로고" height="40" draggable="false" />
<img src="/assets/images/logo/logo.svg" alt="판다마켓 로고" draggable="false" />
</a>
</section>
<section class="header__buttons">
Expand All @@ -54,7 +41,9 @@
</div>
</header>

<main id="container">items page</main>
<main id="container">
<h1 style="display: block; margin: 0; padding: 80px; text-align: center">Items page</h1>
</main>

<footer id="footer">
<div class="inner">
Expand All @@ -67,16 +56,16 @@

<ul class="sns_link">
<li>
<a href="https://www.facebook.com/" target="_blank"><img src="/assets/images/sns/ic-facebook.svg" alt="페이스북 아이콘" height="20" /></a>
<a href="https://www.facebook.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-facebook-white.svg" alt="페이스북 아이콘" draggable="false" /></a>
</li>
<li>
<a href="https://twitter.com/" target="_blank"><img src="/assets/images/sns/ic-twitter.svg" alt="트위터 아이콘" height="20" /></a>
<a href="https://twitter.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-twitter-white.svg" alt="트위터 아이콘" draggable="false" /></a>
</li>
<li>
<a href="https://www.youtube.com/" target="_blank"><img src="/assets/images/sns/ic-youtube.svg" alt="유튜브 아이콘" height="20" /></a>
<a href="https://www.youtube.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-youtube-white.svg" alt="유튜브 아이콘" draggable="false" /></a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank"><img src="/assets/images/sns/ic-instagram.svg" alt="인스타그램 아이콘" height="20" /></a>
<a href="https://www.instagram.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-instagram-white.svg" alt="인스타그램 아이콘" draggable="false" /></a>
</li>
</ul>
</div>
Expand Down
36 changes: 12 additions & 24 deletions pages/login/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,34 +17,22 @@
<meta property="og:image" content="https://codeit-sprint1-juhyeokc.netlify.app/assets/images/home/img-home-top.png" />

<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png" />
<link rel="manifest" href="/assets/images/favicon/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<link rel="icon" href="/assets/images/favicon/favicon.ico" />

<!-- FONT -->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" />

<!-- CSS -->
<link rel="stylesheet" href="/assets/css/reset.css" />
<link rel="stylesheet" href="/assets/css/font.css" />
<link rel="stylesheet" href="/assets/css/style.css" />
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/form.css" />
<link rel="stylesheet" href="/assets/css/sign.css" />
</head>
<body>
<main id="signupPage">
<article class="login">
<section class="login__head">
<a href="/"><img src="/assets/images/logo/logo-full.png" alt="판다마켓 로고" height="132" draggable="false" /></a>
<a href="/" target="_self"><img src="/assets/images/logo/logo.svg" alt="판다마켓 로고" draggable="false" /></a>
</section>
<section class="login__body">
<form>
Expand All @@ -61,7 +49,7 @@
</button>
</div>
</article>
<button type="submit" name="login" class="btn btn_large" disabled>
<button type="submit" name="login" class="btn btn_large" disabled="true">
<span>로그인</span>
</button>
</form>
Expand All @@ -70,12 +58,12 @@
<article class="login-external">
<h6>간편 로그인하기</h6>
<div class="external-sites">
<a href="https://www.google.com/" target="_blank"><img src="/assets/images/portal/ic-circle-google.png" alt="google 원형 아이콘" height="42" /></a>
<a href="https://www.kakaocorp.com/page/" target="_blank"><img src="/assets/images/portal/ic-circle-kakao.png" alt="kakao 원형 아이콘" height="42" /></a>
<a href="https://www.google.com/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-google-circle.png" alt="google 원형 아이콘" draggable="false" /></a>
<a href="https://www.kakaocorp.com/page/" target="_blank" rel="noreferrer noopener"><img src="/assets/images/sns/ic-kakao-circle.png" alt="kakao 원형 아이콘" draggable="false" /></a>
</div>
</article>
<div class="login__signup">
<p>판다마켓이 처음이신가요? <a href="/pages/signup/">회원가입</a></p>
<p>판다마켓이 처음이신가요? <a href="/pages/signup/" target="_self">회원가입</a></p>
</div>
</section>
</article>
Expand Down
Loading

0 comments on commit 6c4af96

Please sign in to comment.