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:
commit
3249c891a6
5 changed files with 62 additions and 11 deletions
|
|
@ -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 %}
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
17
_sass/layout/_package.scss
Normal file
17
_sass/layout/_package.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
|
|
@ -6,6 +6,7 @@
|
|||
@import "typography";
|
||||
|
||||
@import "layout/header";
|
||||
@import "layout/package";
|
||||
@import "layout/footer";
|
||||
|
||||
@import "component/button";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue