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

Compare commits

base: BruinJournal:2b7bcb41229fa80f9fa62df5a09ae01eaa2ca3db
Branches Tags
BruinJournal:master
BruinJournal:grezi-journey
BruinJournal:kens_article
BruinJournal:capstone
BruinJournal:pauls_article
BruinJournal:forward_article
..
compare: BruinJournal:bf9c790a468d173f50dd1dc9bed808b1b3c3f7e0
Branches Tags
BruinJournal:master
BruinJournal:grezi-journey
BruinJournal:kens_article
BruinJournal:capstone
BruinJournal:pauls_article
BruinJournal:forward_article

No commits in common. "2b7bcb41229fa80f9fa62df5a09ae01eaa2ca3db" and "bf9c790a468d173f50dd1dc9bed808b1b3c3f7e0" have entirely different histories.
2b7bcb4122 ... bf9c790a46

2 changed files with 14 additions and 43 deletions
Show stats Expand all files Collapse all files

24
templates/article.html
View file

@ -40,7 +40,7 @@
<link href="{{base_url}}/css/webflow.css" rel="stylesheet" type="text/css"> <link href="{{base_url}}/css/webflow.css" rel="stylesheet" type="text/css">
<link href="{{base_url}}/css/compute-c23f91.webflow.css" rel="stylesheet" type="text/css"> <link href="{{base_url}}/css/compute-c23f91.webflow.css" rel="stylesheet" type="text/css">
<script <script
type="text/javascript">!function (o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document);</script> type="text/javascript">!function (o, c) {var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")}(window, document);</script>
<link href="{{base_url}}/images/favicon.ico" rel="shortcut icon" type="image/x-icon"> <link href="{{base_url}}/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="{{base_url}}/images/webclip.png" rel="apple-touch-icon"> <link href="{{base_url}}/images/webclip.png" rel="apple-touch-icon">
</head> </head>
@ -61,20 +61,16 @@
</div> </div>
</div> </div>
</div> </div>
<div class="w-layout-vflex flex-block-2 purple"> <div class="w-layout-vflex flex-block-2 purple" style="align-items: flex-start;">
<div id="header-elements" style="align-items: flex-start;"> <h1 class="heading-8" style="font-size: 72px; margin-top: 20px;">{{title}}</h1>
<h1 class="heading-8" style="font-size: 72px; margin-top: 20px;">{{title}}</h1> <div class="w-layout-hflex flex-block-3" style="margin-bottom: 10px;">
<div class="w-layout-hflex flex-block-3" style="margin-bottom: 10px;"> {% 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>
<p class="text-block-2" style="margin-left: 20px;margin-bottom: 20px;margin-top:20px;font-size: 16px">
{{published}}
</p>
</div> </div>
<p style="margin-left: 20px;color: white;font-size: 16px">{{published}}</p>
</div> </div>
<article class="content">{{body}}</article> <article class="content">{{body}}</article>
<hr> <hr>

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

@ -44,13 +44,7 @@
} }
article { article {
display: flex; margin: 20px;
flex-direction: column;
align-items: center;
}
article>* {
line-height: 1.5;
} }
h1 { h1 {
@ -103,11 +97,12 @@ li {
} }
.flex-block-2.purple { .flex-block-2.purple {
color: #333;
background-color: #552a85;
flex-flow: column; flex-flow: column;
justify-content: space-around; justify-content: space-around;
padding-top: 0; padding-top: 0;
display: flex; display: flex;
background-color: #552a85;
overflow-x: hidden; overflow-x: hidden;
} }
@ -202,36 +197,16 @@ li {
} }
.text-block-2 { .text-block-2 {
color: white; color: #fff;
font-size: 18px; font-size: 18px;
} }
article>* {
width: 96vw;
max-width: 940px;
}
#header-elements {
width: 96vw;
max-width: 940px;
}
@media screen and (max-width: 991px) { @media screen and (max-width: 991px) {
.heading-3.unwrapped-compute.compute-gradiant { .heading-3.unwrapped-compute.compute-gradiant {
height: 22vw; height: 22vw;
min-height: 0%; min-height: 0%;
} }
article>* {
width: 96vw;
max-width: 575px;
}
#header-elements {
width: 96vw;
max-width: 575px;
}
.grid { .grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }