Good-Production
/
template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

author pages are ready

Browse Source
cosmopet-author-page
Mavlon4658 4 months ago
parent 6f1ca3924c
commit 942c9a0896
5 changed files with 67 additions and 46 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 20
      assets/css/gp-style-desktop.css
  2. 15
      assets/css/gp-style-mobile.css
  3. 2
      assets/css/gp-style-tablet.css
  4. 6
      author.html
  5. 70
      authors.html

20
assets/css/gp-style-desktop.css
Unescape View File

@ -420,7 +420,6 @@
.authors li { .authors li {
background: #F5F5F5; background: #F5F5F5;
border-radius: 48px; border-radius: 48px;
padding: 52px 17px 57px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -428,6 +427,15 @@
width: calc(100% / 3 - 16px); width: calc(100% / 3 - 16px);
} }
.authors a {
padding: 52px 17px 57px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.authors .main-img { .authors .main-img {
width: 200px; width: 200px;
height: 200px; height: 200px;
@ -443,7 +451,7 @@
object-fit: cover; object-fit: cover;
} }
.authors h3 { .authors-name {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
text-transform: uppercase; text-transform: uppercase;
@ -452,7 +460,7 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
.authors h4 { .authors-type {
color: #121212; color: #121212;
font-size: 24px; font-size: 24px;
font-weight: 500; font-weight: 500;
@ -494,7 +502,7 @@
object-fit: cover; object-fit: cover;
} }
.author h3 { .author-name {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
line-height: 28px; line-height: 28px;
@ -503,7 +511,7 @@
text-transform: uppercase; text-transform: uppercase;
} }
.author h5 { .author-type {
font-size: 24px; font-size: 24px;
font-weight: 500; font-weight: 500;
line-height: 32px; line-height: 32px;
@ -511,7 +519,7 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
.author h4 { .author-description {
font-size: 24px; font-size: 24px;
font-weight: 500; font-weight: 500;
line-height: 32px; line-height: 32px;

15
assets/css/gp-style-mobile.css
Unescape View File

@ -142,23 +142,26 @@
} }
.authors li { .authors li {
padding: 32px 17px 52px;
border-radius: 24px; border-radius: 24px;
width: 100%; width: 100%;
} }
.authors a {
padding: 32px 17px 52px;
}
.authors .main-img { .authors .main-img {
width: 180px; width: 180px;
height: 180px; height: 180px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.authors h3 { .authors-name {
font-size: 20px; font-size: 20px;
line-height: 24px; line-height: 24px;
} }
.authors h4 { .authors-type {
font-size: 18px; font-size: 18px;
line-height: 24px; line-height: 24px;
margin-bottom: 20px; margin-bottom: 20px;
@ -186,17 +189,17 @@
line-height: 38px; line-height: 38px;
} }
.author h3 { .author-name {
font-size: 20px; font-size: 20px;
line-height: 24px; line-height: 24px;
} }
.author h5 { .author-type {
font-size: 18px; font-size: 18px;
line-height: 24px; line-height: 24px;
} }
.author h4 { .author-description {
font-size: 18px; font-size: 18px;
line-height: 24px; line-height: 24px;
margin-bottom: 24px; margin-bottom: 24px;

2
assets/css/gp-style-tablet.css
Unescape View File

@ -129,8 +129,8 @@
} }
.authors li { .authors li {
width: calc(50% - 12px);
border-radius: 32px; border-radius: 32px;
width: calc(50% - 12px);
} }
.authors .main-img { .authors .main-img {

6
author.html
Unescape View File

@ -124,9 +124,9 @@
<img src="./assets/img/author-main-card.png" alt=""> <img src="./assets/img/author-main-card.png" alt="">
</div> </div>
<div> <div>
<h3>АвТОР АВТОР 1</h3> <div class="author-name">АвТОР АВТОР 1</div>
<h5>главный редактор</h5> <div class="author-type">главный редактор</div>
<h4>Эксперт компании Cosmopet</h4> <div class="author-description">Эксперт компании Cosmopet</div>
<p>статей: 10</p> <p>статей: 10</p>
</div> </div>
</div> </div>

70
authors.html
Unescape View File

@ -122,44 +122,54 @@
<h2>Все авторы</h2> <h2>Все авторы</h2>
<ul> <ul>
<li> <li>
<div class="main-img"> <a href="./author.html">
<img src="./assets/img/author-1.png" alt=""> <div class="main-img">
</div> <img src="./assets/img/author-1.png" alt="">
<h3>АвТОР АВТОР 1</h3> </div>
<h4>главный редактор</h4> <div class="authors-name">АвТОР АВТОР 1</div>
<p>статей: 10</p> <div class="authors-type">главный редактор</div>
<p>статей: 10</p>
</a>
</li> </li>
<li> <li>
<div class="main-img"> <a href="./author.html">
<img src="./assets/img/author-2.png" alt=""> <div class="main-img">
</div> <img src="./assets/img/author-2.png" alt="">
<h3>АвТОР АВТОР 2</h3> </div>
<h4>редактор</h4> <div class="authors-name">АвТОР АВТОР 2</div>
<p>статей: 3</p> <div class="authors-type">редактор</div>
<p>статей: 3</p>
</a>
</li> </li>
<li> <li>
<div class="main-img"> <a href="./author.html">
<img src="./assets/img/author-3.png" alt=""> <div class="main-img">
</div> <img src="./assets/img/author-3.png" alt="">
<h3>АвТОР АВТОР 3</h3> </div>
<h4>технолог</h4> <div class="authors-name">АвТОР АВТОР 3</div>
<p>статей: 2</p> <div class="authors-type">технолог</div>
<p>статей: 2</p>
</a>
</li> </li>
<li> <li>
<div class="main-img"> <a href="./author.html">
<img src="./assets/img/author-4.png" alt=""> <div class="main-img">
</div> <img src="./assets/img/author-4.png" alt="">
<h3>АвТОР АВТОР 4</h3> </div>
<h4>охранник</h4> <div class="authors-name">АвТОР АВТОР 4</div>
<p>статей: 100</p> <div class="authors-type">охранник</div>
<p>статей: 100</p>
</a>
</li> </li>
<li> <li>
<div class="main-img"> <a href="./author.html">
<img src="./assets/img/author-5.png" alt=""> <div class="main-img">
</div> <img src="./assets/img/author-5.png" alt="">
<h3>АвТОР АВТОР 5</h3> </div>
<h4>вольный хлебопашец</h4> <div class="authors-name">АвТОР АВТОР 5</div>
<p>статей: 2</p> <div class="authors-type">вольный хлебопашец</div>
<p>статей: 2</p>
</a>
</li> </li>
</ul> </ul>
</div> </div>

Write Preview
Loading…
Cancel
Save