Compare commits

...

2 Commits

Author SHA1 Message Date
oDinZu
28705fac33 remove extra padding on content wrapper 2023-05-05 22:50:29 -04:00
oDinZu
f8744dfb58 author card display bugs at 720p 2023-05-05 22:47:22 -04:00
3 changed files with 16 additions and 17 deletions

View File

@ -21,7 +21,10 @@
<time>{{ post.date | date_to_string }} </time> <time>{{ post.date | date_to_string }} </time>
</div> </div>
<div class="col-2 image"> <div class="col-2 image">
<img src="{{ post.author_image }}" alt="{{ post.author }}" /><span class="name">{{ post.author }}</span> <img src="{{ post.author_image }}" alt="{{ post.author }}" />
</div>
<div class="col-3 name">
<div>{{ post.author }}</div>
</div> </div>
</div> </div>
{% endif %} {% endif %}

View File

@ -66,19 +66,15 @@ layout: welcome
<p>{{ post.content | strip_html | truncatewords: 50 }}</p> <p>{{ post.content | strip_html | truncatewords: 50 }}</p>
<footer> <footer>
<div class="row"> <div class="row">
<div class="col-4">
<div class="col-4">
<p><a href="{{ post.url }}">Continue Reading</a></p>
</div>
<div class="col-2">
<p>Category: <a href="#">{{ post.category }}</a></p> <p>Category: <a href="#">{{ post.category }}</a></p>
</div> </div>
<div class="col-5"> <div class="col-6">
<p>Tags: <a href="#">{{ post.tags }}</a></p> <p>Tags: <a href="#">{{ post.tags }}</a></p>
</div> </div>
<div class="col-1"> <div class="col-2">
<p><a href="{{ post.url }}" class="fa-solid fa-comment"></a> 43</p> <p><a href="{{ post.url }}" class="fa-solid fa-comment"></a> 43</p>
</div> </div>

View File

@ -132,7 +132,7 @@ details[open] > summary {
/* Content Area */ /* Content Area */
.col-9.wrapper { .col-9.wrapper {
padding: 0 3em; padding: 0 0em;
} }
#content-area { #content-area {
@ -180,8 +180,12 @@ details[open] > summary {
.image img { .image img {
border-radius: 100%; border-radius: 100%;
height: 75px; width: 50px;
}
.col-2.image {
width: auto; width: auto;
margin-right: 1em;
} }
.row.author { .row.author {
@ -191,7 +195,7 @@ details[open] > summary {
} }
.col-2.date { .col-2.date {
margin-top: 1.75em; margin-top: 1.5em;
margin-right: 1.5em; margin-right: 1.5em;
width: auto; width: auto;
} }
@ -200,15 +204,11 @@ details[open] > summary {
color: white; color: white;
} }
.col-2.image .name { .col-3.name div {
color: white; color: white;
margin-left: .75em; margin-top: 1.5em;
} }
.col-2.image.name {
margin-top: 1.75em;
margin-left: 1.5em;
}
/* Content Footer */ /* Content Footer */