BruinJournal/journal
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Adjust margins on heading
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Isaac Mills 2024-04-24 08:52:09 -04:00
parent ea4a9f3760
commit d866cf24cd
Signed by: fnmain
GPG key ID: B67D7410F33A0F61
2 changed files with 11 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
templates/article.html
View file

@ -68,16 +68,16 @@
</div> </div>
</div> </div>
<div class="w-layout-vflex flex-block-2 purple" style="background-color:#552a85"> <div class="w-layout-vflex flex-block-2 purple" style="background-color:#552a85">
<div id="header-elements" style="align-items: flex-start"> <div id="header-elements">
<h1 class="heading-8" style="font-size: 72px; margin-top: 20px;">{{title}}</h1> <h1 class="heading-8">{{title}}</h1>
<div class="w-layout-hflex flex-block-3" style="margin-bottom: 10px;"> <div class="w-layout-hflex flex-block-3">
{% for author in authors %} {% for author in authors %}
<img src="{{author.avatar_url}}" loading="lazy" width="32" height="32" alt="{{author.full_name}}'s Avatar" <img src="{{author.avatar_url}}" loading="lazy" width="32" height="32" alt="{{author.full_name}}'s Avatar"
class="image"> class="image">
<div class="text-block-2">{{author.full_name}}</div> <div class="text-block-2">{{author.full_name}}</div>
{% endfor %} {% endfor %}
</div> </div>
<p class="text-block-2" style="margin-left: 20px;margin-bottom: 25px;margin-top:20px;font-size: 16px"> <p class="text-block-2" style="font-size: 16px">
{{read_time}} minute read · Published: {{published}} {{read_time}} minute read · Published: {{published}}
</p> </p>
</div> </div>

28
templates/css/compute-c23f91.webflow.css
View file

@ -12,12 +12,6 @@ code {
font-family: 'Fira Code', monospace; font-family: 'Fira Code', monospace;
} }
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-layout-blockcontainer { .w-layout-blockcontainer {
max-width: 940px; max-width: 940px;
margin-left: auto; margin-left: auto;
@ -135,9 +129,8 @@ li {
} }
.flex-block-2.purple { .flex-block-2.purple {
flex-flow: column;
justify-content: space-around;
padding-top: 0; padding-top: 0;
align-items: center;
display: flex; display: flex;
background-color: #552a85; background-color: #552a85;
overflow-x: hidden; overflow-x: hidden;
@ -214,9 +207,8 @@ li {
background-image: linear-gradient(90deg, #f6c415, rgba(246, 196, 21, .3)); background-image: linear-gradient(90deg, #f6c415, rgba(246, 196, 21, .3));
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
font-size: 64px;
margin-bottom: 20px; margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
} }
.image { .image {
@ -224,7 +216,6 @@ li {
background-clip: border-box; background-clip: border-box;
border-radius: 50%; border-radius: 50%;
margin-bottom: 0; margin-bottom: 0;
margin-left: 20px;
margin-right: 10px; margin-right: 10px;
} }
@ -244,8 +235,12 @@ article>* {
} }
#header-elements { #header-elements {
width: 96vw;
max-width: 940px; max-width: 940px;
display: flex;
justify-content: space-around;
flex-direction: column;
margin: 14px 20px;
align-items: flex-start;
} }
@media screen and (max-width: 991px) { @media screen and (max-width: 991px) {
@ -265,11 +260,6 @@ article>* {
.grid { .grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.heading-8 {
margin-bottom: 20px;
font-size: 64px;
}
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
@ -290,10 +280,6 @@ article>* {
.heading-3.unwrapped-compute.compute-gradiant { .heading-3.unwrapped-compute.compute-gradiant {
display: none; display: none;
} }
.heading-8 {
font-size: 64px;
}
} }
@media screen and (max-width: 479px) { @media screen and (max-width: 479px) {