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 {
background: #F5F5F5;
border-radius: 48px;
padding: 52px 17px 57px;
display: flex;
flex-direction: column;
align-items: center;
@ -428,6 +427,15 @@
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 {
width: 200px;
height: 200px;
@ -443,7 +451,7 @@
object-fit: cover;
}
.authors h3 {
.authors-name {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
@ -452,7 +460,7 @@
margin-bottom: 5px;
}
.authors h4 {
.authors-type {
color: #121212;
font-size: 24px;
font-weight: 500;
@ -494,7 +502,7 @@
object-fit: cover;
}
.author h3 {
.author-name {
font-size: 24px;
font-weight: bold;
line-height: 28px;
@ -503,7 +511,7 @@
text-transform: uppercase;
}
.author h5 {
.author-type {
font-size: 24px;
font-weight: 500;
line-height: 32px;
@ -511,7 +519,7 @@
margin-bottom: 5px;
}
.author h4 {
.author-description {
font-size: 24px;
font-weight: 500;
line-height: 32px;

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

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

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

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

6
author.html
Unescape View File

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

70
authors.html
Unescape View File

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

Write Preview
Loading…
Cancel
Save