1
0
Fork 0
mirror of https://github.com/eosswedenorg/apt synced 2026-06-16 04:34:56 +02:00

Merge branch 'design-update'

This commit is contained in:
Henrik Hautakoski 2022-09-07 12:21:13 +02:00
commit 3249c891a6
5 changed files with 62 additions and 11 deletions

View file

@ -2,7 +2,7 @@
<html lang="{{ site.lang | default: "en-US" }}">
{% include head.html %}
<body>
<div class="container-lg my-4">
<div class="container-xl my-4">
{% include header.html %}

View file

@ -5,9 +5,13 @@ layout: default
{% assign base_url = repo | append: '/' | append: page.distribution | relative_url %}
<h2>Package: {{ page.name }} ({{ page.versions.first.version }}) [<a href="{{ repo | relative_url }}">{{ repo }}</a>/<a href="{{ base_url }}">{{ page.distribution }}</a>:<a href="{{ base_url }}#{{ page.component }}">{{ page.component }}</a>]</h2>
<div class="package">
<div class="package-main">
{% assign desc = page.description | newline_to_br | split: '<br />' %}
<h3>{{ desc | first | capitalize }}</h3>
<p><strong>{{ desc | first | capitalize }}</strong></p>
{% if desc.size > 1 %}
<p>
@ -46,13 +50,26 @@ layout: default
{% endfor %}
</table>
<h4>External resources</h4>
</div>
<ul>
{% if page.homepage.size > 0 %}
<li>Homepage: <a target="_blank" href="{{ page.homepage }}" rel="noopener noreferrer">{{ page.homepage }}</a></li>
{% endif %}
{% if page.maintainer.size > 0 %}
<li>Maintainer: {{ page.maintainer | escape }}</li>
{% endif %}
</ul>
<div class="package-sidebar">
<h3>Additional information</h3>
{% if page.homepage.size > 0 %}
<h4>External resources</h4>
<ul>
<li><a target="_blank" href="{{ page.homepage }}" rel="noopener noreferrer">Homepage</a></li>
</ul>
{% endif %}
{% if page.maintainer.size > 0 %}
<h4>Maintainer</h4>
<ul>
<li>{{ page.maintainer | escape }}</li>
</ul>
{% endif %}
</div>
</div>

View file

@ -11,3 +11,19 @@ $body-font: -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, "Helvetica Neue", Arial,
"Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
// Heading sizes - mobile
$h0-size-mobile: 31px;
$h1-size-mobile: 25px;
$h2-size-mobile: 21px;
$h3-size-mobile: 17px;
// Heading sizes - desktop
$h0-size: 39px;
$h1-size: 31px;
$h2-size: 23px;
$h3-size: 19px;
$h4-size: 15px;
$h5-size: 13px;
$h6-size: 12px;

View file

@ -0,0 +1,17 @@
.package {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 2em;
//&-main {
//}
&-sidebar {
min-width: 400px;
padding: 0 2em;
background: $bg-gray-light;
border: solid 1px $border-gray-light;
}
}

View file

@ -6,6 +6,7 @@
@import "typography";
@import "layout/header";
@import "layout/package";
@import "layout/footer";
@import "component/button";