Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[2주차 기본 과제] 1. yesonbucks 창업 #4

Open
wants to merge 13 commits into
base: main
Choose a base branch
from
Binary file added 2_yeson/asset/heart_fill.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions 2_yeson/asset/heart_purple.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions 2_yeson/asset/heart_red.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions 2_yeson/asset/home.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions 2_yeson/asset/user.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
176 changes: 176 additions & 0 deletions 2_yeson/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WEB TODO MATE</title>
<link rel="stylesheet" href="style.css">
</head>


<body>
<Container class="mobileWidth">
<header>WEB TODO MATE</header>
<main>
<section id="week">
<div class="week_content">
<div class="day-week">
<span class="day">월</span>
<span class="day">화</span>
<span class="day">수</span>
<span class="day">목</span>
<span class="day">금</span>
<span class="day">토</span>
<span class="day">일</span>
</div>
<div class="count-week">
<div class="count-day">
<div class="heart">
<img class="heart_img" src="asset/heart_red.svg" alt="하트">
<div class="heart_count">2</div>
</div>
<div>3</div>
</div>

<div class="count-day">
<div class="heart">
<img class="heart_img" src="asset/heart_red.svg" alt="하트">
<div class="heart_count">4</div>
</div>
<div>4</div>
</div>
<div class="count-day">
<div class="heart">
<img class="heart_img" src="asset/heart_red.svg" alt="하트">
<div class="heart_count">8</div>
</div>
<div>5</div>
</div>
<div class="count-day">
<div class="heart">
<img class="heart_img" src="asset/heart_red.svg" alt="하트">
<div class="heart_count">7</div>
</div>
<div>6</div>
</div>
<div class="count-day">
<div class="heart">
<img class="heart_img" src="asset/heart_purple.svg" alt="보라색하트">
<div class="heart_count">5</div>
</div>
<div>7</div>
</div>
<div class="count-day">
<div class="heart">
<img class="heart_img" src="asset/heart_red.svg" alt="하트">
<div class="heart_count">6</div>
</div>
<div>8</div>
</div>
<div class="count-day">
<div class="heart">
<img class="heart_img" src="asset/heart_red.svg" alt="하트">
<div class="heart_count">1</div>
</div>
<div>9</div>
</div>
</div>
</div>
</section>

<section id="todolist">
<div class="category">
<div class="category-name" style="background-color: rgb(94, 6, 138);">
<div class="name"> Sopt </div>
<button type="button">+</button>
</div>
<div class="todo">
<input id="check1" type="checkbox">
<label for="check1">웹팟 과제</label>
Copy link

@Dangpy Dangpy Jun 2, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

label 내용 상수로 있는데 오잉 왱 안지웠오???? 이유가 있용???

</div>
<div class="todo">
<input id="check2" type="checkbox">
<label for="check2">1차 세미나 복습</label>
</div>
<div class="todo">
<input id="check3" type="checkbox">
<label for="check3">리액트 서터디</label>
</div>
</div>

<div class="category">
<div class="category-name" style="background-color: rgb(196, 9, 84);">
<div class="name">Epris</div>
<button type="button">+</button>
</div>
<div class="todo">
<input id="check4" type="checkbox">
<label for="check4">카드뉴스 피드백</label>
</div>
<div class="todo">
<input id="check5" type="checkbox">
<label for="check5">컨셉 아이디어 회의</label>
</div>
<div class="todo">
<input id="check6" type="checkbox">
<label for="check6">임원진 회의</label>
</div>
</div>

<div class="category">
<div class="category-name" style="background-color: rgb(227, 174, 29);">
<div class="name">Exercise</div>
<button type="button">+</button>
</div>
<div class="todo">
<input id="check7" type="checkbox">
<label for="check7">기상운동</label>
</div>
<div class="todo">
<input id="check8" type="checkbox">
<label for="check8">홈트 1회</label>
</div>
<div class="todo">
<input id="check9" type="checkbox">
<label for="check9">스트레칭</label>
</div>
</div>

<div class="category">
<div class="category-name" style="background-color: rgb(14, 102, 225);">
<div class="name">Daily</div>
<button type="button">+</button>
</div>
<div class="todo">
<input id="check10" type="checkbox">
<label for="check10">벙개~<label>
</div>
<div class="todo">
<input id="check11" type="checkbox">
<label for="check11">분당팟 모각공</label>
</div>
<div class="todo">
<input id="check12" type="checkbox">
<label for="check12">스벅 슈크림라떼 먹어보기 냠냠냠냐</label>
</div>
</div>

</section>
</main>
<footer>
<button>
<img class="home_icon" src="asset/home.svg" alt="홈아이콘">
<div>달력</div>
</button>
<button>
<img class="user_icon" src="asset/user.svg" alt="유저아이콘">

<div>MY</div>
</button>
</footer>
</Container>
<script src="main.js"></script>
</body>

</html>
Loading