Skip to content

Commit

Permalink
Updated fonts (added Source Sans Pro for dates), updated code
Browse files Browse the repository at this point in the history
  • Loading branch information
@JulieSagan
JulieSagan committed Nov 30, 2024
1 parent 8a0f5a8 commit 06664d6
Show file tree
Hide file tree
Showing 3 changed files with 64 additions and 68 deletions.
11 changes: 4 additions & 7 deletions 05-lection3/03-calendar/calendar.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,6 @@
display: flex;
align-items: center;
justify-content: center;
font-family: 'Inter', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
Expand All @@ -43,15 +42,17 @@
}

.calendar__item_day {
font-family: 'Inter', sans-serif;
color: #90A0B7;
font-size: 14px;
line-height: 1.43;
margin-bottom: 10px;
}

.calendar__item_date {
.calendar__item_date {
font-family: 'Source Sans 3', serif;
color: #334D6E;
line-height: 1.25;

}

.calendar__item_blue {
Expand All @@ -61,8 +62,4 @@

.calendar__item_light-blue {
background-color: rgba(160, 177, 245, 0.2);
}

:nth-child(-n+5) {
/* padding-bottom: 24px; */
}
119 changes: 59 additions & 60 deletions 05-lection3/03-calendar/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,70 +1,69 @@
<!DOCTYPE html>
<!-- Страница с календарем -->
<html lang="ru">
<head>
<link rel="stylesheet" href="../../assets/css/main.css">
<link rel="stylesheet" href="./calendar.css">
<title>Calendar</title>
</head>
<body>
<div class="container">
<div class="calendar">
<div class="calendar__header">
<span class="calendar__title">October 2019</span>
</div>

<div class="calendar__body">
<div class="calendar__item">
<div class="calendar__item calendar__item_day">Mon</div>
<div class="calendar__item calendar__item_day">Tue</div>
<div class="calendar__item calendar__item_day">Wed</div>
<div class="calendar__item calendar__item_day">Thu</div>
<div class="calendar__item calendar__item_day">Fri</div>
<div class="calendar__item calendar__item_day">Sat</div>
<div class="calendar__item calendar__item_day">Sun</div>
<head>
<link rel="stylesheet" href="../../assets/css/main.css">
<link rel="stylesheet" href="./calendar.css">
<title>Calendar</title>
</head>

<div class="calendar__item calendar__item_date"></div>
<div class="calendar__item calendar__item_date"></div>
<div class="calendar__item calendar__item_date"></div>
<div class="calendar__item calendar__item_date"></div>
<div class="calendar__item calendar__item_date">1</div>
<div class="calendar__item calendar__item_date">2</div>
<div class="calendar__item calendar__item_date">3</div>
<div class="calendar__item calendar__item_date">4</div>
<div class="calendar__item calendar__item_date">5</div>
<div class="calendar__item calendar__item_date">6</div>
<div class="calendar__item calendar__item_date">7</div>
<div class="calendar__item calendar__item_date">8</div>
<div class="calendar__item calendar__item_date">9</div>
<div class="calendar__item calendar__item_date">10</div>
<div class="calendar__item calendar__item_date">11</div>
<div class="calendar__item calendar__item_date">12</div>
<div class="calendar__item calendar__item_date">13</div>
<div class="calendar__item calendar__item_date">14</div>
<div class="calendar__item calendar__item_date">15</div>
<div class="calendar__item calendar__item_date">16</div>
<div class="calendar__item calendar__item_date">17</div>
<div class="calendar__item calendar__item_date calendar__item_blue">18</div>
<div class="calendar__item calendar__item_date calendar__item_light-blue">19</div>
<div class="calendar__item calendar__item_date calendar__item_light-blue">20</div>
<div class="calendar__item calendar__item_date calendar__item_light-blue">21</div>
<div class="calendar__item calendar__item_date calendar__item_light-blue">22</div>
<div class="calendar__item calendar__item_date calendar__item_blue">23</div>
<div class="calendar__item calendar__item_date">24</div>
<div class="calendar__item calendar__item_date">25</div>
<div class="calendar__item calendar__item_date">26</div>
<div class="calendar__item calendar__item_date">27</div>
<div class="calendar__item calendar__item_date">28</div>
<div class="calendar__item calendar__item_date">29</div>
<div class="calendar__item calendar__item_date">30</div>
<div class="calendar__item calendar__item_date">31</div>
</div>
</div>
<body>
<div class="container">
<div class="calendar">
<div class="calendar__header">
<span class="calendar__title">October 2019</span>
</div>


<div class="calendar__body">
<div class="calendar__item">
<div class="calendar__item calendar__item_day">Mon</div>
<div class="calendar__item calendar__item_day">Tue</div>
<div class="calendar__item calendar__item_day">Wed</div>
<div class="calendar__item calendar__item_day">Thu</div>
<div class="calendar__item calendar__item_day">Fri</div>
<div class="calendar__item calendar__item_day">Sat</div>
<div class="calendar__item calendar__item_day">Sun</div>

<div class="calendar__item calendar__item_date"></div>
<div class="calendar__item calendar__item_date"></div>
<div class="calendar__item calendar__item_date"></div>
<div class="calendar__item calendar__item_date"></div>
<div class="calendar__item calendar__item_date">1</div>
<div class="calendar__item calendar__item_date">2</div>
<div class="calendar__item calendar__item_date">3</div>
<div class="calendar__item calendar__item_date">4</div>
<div class="calendar__item calendar__item_date">5</div>
<div class="calendar__item calendar__item_date">6</div>
<div class="calendar__item calendar__item_date">7</div>
<div class="calendar__item calendar__item_date">8</div>
<div class="calendar__item calendar__item_date">9</div>
<div class="calendar__item calendar__item_date">10</div>
<div class="calendar__item calendar__item_date">11</div>
<div class="calendar__item calendar__item_date">12</div>
<div class="calendar__item calendar__item_date">13</div>
<div class="calendar__item calendar__item_date">14</div>
<div class="calendar__item calendar__item_date">15</div>
<div class="calendar__item calendar__item_date">16</div>
<div class="calendar__item calendar__item_date">17</div>
<div class="calendar__item calendar__item_date calendar__item_blue">18</div>
<div class="calendar__item calendar__item_date calendar__item_light-blue">19</div>
<div class="calendar__item calendar__item_date calendar__item_light-blue">20</div>
<div class="calendar__item calendar__item_date calendar__item_light-blue">21</div>
<div class="calendar__item calendar__item_date calendar__item_light-blue">22</div>
<div class="calendar__item calendar__item_date calendar__item_blue">23</div>
<div class="calendar__item calendar__item_date">24</div>
<div class="calendar__item calendar__item_date">25</div>
<div class="calendar__item calendar__item_date">26</div>
<div class="calendar__item calendar__item_date">27</div>
<div class="calendar__item calendar__item_date">28</div>
<div class="calendar__item calendar__item_date">29</div>
<div class="calendar__item calendar__item_date">30</div>
<div class="calendar__item calendar__item_date">31</div>
</div>
</div>
</div>
</body>
</html>
</div>
</body>

</html>
2 changes: 1 addition & 1 deletion assets/fonts/fonts.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 06664d6

Please sign in to comment.