mirror of
https://github.com/eosswedenorg/apt
synced 2026-07-04 12:03:42 +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" }}">
|
<html lang="{{ site.lang | default: "en-US" }}">
|
||||||
{% include head.html %}
|
{% include head.html %}
|
||||||
<body>
|
<body>
|
||||||
<div class="container-lg my-4">
|
<div class="container-xl my-4">
|
||||||
|
|
||||||
{% include header.html %}
|
{% include header.html %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -5,9 +5,13 @@ layout: default
|
||||||
{% assign base_url = repo | append: '/' | append: page.distribution | relative_url %}
|
{% 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>
|
<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 />' %}
|
{% 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 %}
|
{% if desc.size > 1 %}
|
||||||
<p>
|
<p>
|
||||||
|
|
@ -46,13 +50,26 @@ layout: default
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<h4>External resources</h4>
|
</div>
|
||||||
|
|
||||||
|
<div class="package-sidebar">
|
||||||
|
|
||||||
|
<h3>Additional information</h3>
|
||||||
|
|
||||||
<ul>
|
|
||||||
{% if page.homepage.size > 0 %}
|
{% if page.homepage.size > 0 %}
|
||||||
<li>Homepage: <a target="_blank" href="{{ page.homepage }}" rel="noopener noreferrer">{{ page.homepage }}</a></li>
|
<h4>External resources</h4>
|
||||||
|
<ul>
|
||||||
|
<li><a target="_blank" href="{{ page.homepage }}" rel="noopener noreferrer">Homepage</a></li>
|
||||||
|
</ul>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if page.maintainer.size > 0 %}
|
{% if page.maintainer.size > 0 %}
|
||||||
<li>Maintainer: {{ page.maintainer | escape }}</li>
|
<h4>Maintainer</h4>
|
||||||
|
<ul>
|
||||||
|
<li>{{ page.maintainer | escape }}</li>
|
||||||
|
</ul>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</ul>
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -11,3 +11,19 @@ $body-font: -apple-system, BlinkMacSystemFont,
|
||||||
"Segoe UI", Roboto, "Helvetica Neue", Arial,
|
"Segoe UI", Roboto, "Helvetica Neue", Arial,
|
||||||
"Noto Sans", sans-serif, "Apple Color Emoji",
|
"Noto Sans", sans-serif, "Apple Color Emoji",
|
||||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto 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 "typography";
|
||||||
|
|
||||||
@import "layout/header";
|
@import "layout/header";
|
||||||
|
@import "layout/package";
|
||||||
@import "layout/footer";
|
@import "layout/footer";
|
||||||
|
|
||||||
@import "component/button";
|
@import "component/button";
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue