Skip to content
This repository was archived by the owner on Sep 26, 2024. It is now read-only.

Added latest news list to front page. #115

Open
HU90m wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Added latest news list to front page. #115

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 9 additions & 4 deletions site/layouts/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,17 +13,22 @@ <h1 class="lr-home-mainjumbo">
</div>
</div>

<div class="container lr-blog lr-blog-list">
{{ range first 1 .Paginator.Pages }}
{{ partial "blog-summary.html" . }}
<section class="container">
<h2>Latest News</h2>
<div class="lr-latest-news">
{{ range first 5 .Paginator.Pages }}
<time>{{ .PublishDate.Format "2 Jan 2006" }}</time>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
{{end}}
</div>
</div>
</section>

<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->

<div class="container lr-home-marketing">
<hr class="featurette-divider">

<!-- Three columns of text below the carousel -->
<div class="row">
Expand Down
11 changes: 10 additions & 1 deletion src/scss/home.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
.lr-home-mainjumbo {
background-image: url('/img/home/home-board.png');
background-repeat: no-repeat;
background-position: right;
background-position: right bottom;
background-size: 50%;
background-color: $color-lowrisc-charcoal;

Expand Down Expand Up @@ -43,6 +43,15 @@
font-size: 1.3em;
}

.lr-latest-news {
display: grid;
width: 100%;
grid-template-columns: 6em 1fr;
gap: 0.2em 1em;
}
.lr-latest-news > time {
text-align: right;
}

// Columns below the main jumbo message
.lr-home-marketing .col-lg-4 {
Expand Down