gitbot/hugo-book
1
0
Fork 1
mirror of https://github.com/alex-shpak/hugo-book.git synced 2025-06-14 12:34:06 +00:00
Code Issues Projects Releases Wiki Activity

add footer

Browse Source
This commit is contained in:
gonpombo8 2022-10-10 12:39:38 -03:00
parent 8bf4d857ed
commit bbf14effd2
No known key found for this signature in database
GPG Key ID: 6BE1C3CD0908CE48
7 changed files with 182 additions and 373 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/_defaults.scss
View File

@ -17,7 +17,7 @@ $body-min-width: 20rem !default;
$container-max-width: 1064px !default; $container-max-width: 1064px !default;
$header-height: 3.5rem !default; $header-height: 3.5rem !default;
$menu-width: 280px !default; $menu-width: 340px !default;
$toc-width: 16rem !default; $toc-width: 16rem !default;
$mobile-breakpoint: 768px; $mobile-breakpoint: 768px;

263
assets/_fonts.scss
View File

@ -1,12 +1,12 @@
@font-face { @font-face {
font-family: 'Inter UI'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url("fonts/Inter-UI-Regular.woff2") format("woff2"), src: url("fonts/Inter-UI-Regular.woff2") format("woff2"),
url("fonts/Inter-UI-Regular.woff") format("woff"); url("fonts/Inter-UI-Regular.woff") format("woff");
} }
@font-face { @font-face {
font-family: 'Inter UI'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
src: url("fonts/Inter-UI-Italic.woff2") format("woff2"), src: url("fonts/Inter-UI-Italic.woff2") format("woff2"),
@ -14,14 +14,14 @@
} }
@font-face { @font-face {
font-family: 'Inter UI'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
src: url("fonts/Inter-UI-Medium.woff2") format("woff2"), src: url("fonts/Inter-UI-Medium.woff2") format("woff2"),
url("fonts/Inter-UI-Medium.woff") format("woff"); url("fonts/Inter-UI-Medium.woff") format("woff");
} }
@font-face { @font-face {
font-family: 'Inter UI'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
src: url("fonts/Inter-UI-MediumItalic.woff2") format("woff2"), src: url("fonts/Inter-UI-MediumItalic.woff2") format("woff2"),
@ -29,14 +29,14 @@
} }
@font-face { @font-face {
font-family: 'Inter UI'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
src: url("fonts/Inter-UI-Bold.woff2") format("woff2"), src: url("fonts/Inter-UI-Bold.woff2") format("woff2"),
url("fonts/Inter-UI-Bold.woff") format("woff"); url("fonts/Inter-UI-Bold.woff") format("woff");
} }
@font-face { @font-face {
font-family: 'Inter UI'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
src: url("fonts/Inter-UI-BoldItalic.woff2") format("woff2"), src: url("fonts/Inter-UI-BoldItalic.woff2") format("woff2"),
@ -44,14 +44,14 @@
} }
@font-face { @font-face {
font-family: 'Inter UI'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
src: url("fonts/Inter-UI-Black.woff2") format("woff2"), src: url("fonts/Inter-UI-Black.woff2") format("woff2"),
url("fonts/Inter-UI-Black.woff") format("woff"); url("fonts/Inter-UI-Black.woff") format("woff");
} }
@font-face { @font-face {
font-family: 'Inter UI'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 900; font-weight: 900;
src: url("fonts/Inter-UI-BlackItalic.woff2") format("woff2"), src: url("fonts/Inter-UI-BlackItalic.woff2") format("woff2"),
@ -59,253 +59,10 @@
} }
@font-face {
font-family: 'Iosevka';
font-weight: 100;
font-style: normal;
src: url('fonts/iosevka/woff2/iosevka-mz-thin.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-thin.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-thin.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 100;
font-style: italic;
src: url('fonts/iosevka/woff2/iosevka-mz-thinitalic.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-thinitalic.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-thinitalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 100;
font-style: oblique;
src: url('fonts/iosevka/woff2/iosevka-mz-thinoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-thinoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-thinoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Oblique';
font-weight: 100;
src: url('fonts/iosevka/woff2/iosevka-mz-thinoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-thinoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-thinoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 200;
font-style: normal;
src: url('fonts/iosevka/woff2/iosevka-mz-extralight.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-extralight.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-extralight.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 200;
font-style: italic;
src: url('fonts/iosevka/woff2/iosevka-mz-extralightitalic.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-extralightitalic.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-extralightitalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 200;
font-style: oblique;
src: url('fonts/iosevka/woff2/iosevka-mz-extralightoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-extralightoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-extralightoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Oblique';
font-weight: 200;
src: url('fonts/iosevka/woff2/iosevka-mz-extralightoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-extralightoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-extralightoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 300;
font-style: normal;
src: url('fonts/iosevka/woff2/iosevka-mz-light.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-light.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-light.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 300;
font-style: italic;
src: url('fonts/iosevka/woff2/iosevka-mz-lightitalic.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-lightitalic.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-lightitalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 300;
font-style: oblique;
src: url('fonts/iosevka/woff2/iosevka-mz-lightoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-lightoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-lightoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Oblique';
font-weight: 300;
src: url('fonts/iosevka/woff2/iosevka-mz-lightoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-lightoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-lightoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 400;
font-style: normal;
src: url('fonts/iosevka/woff2/iosevka-mz-regular.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-regular.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-regular.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 400;
font-style: italic;
src: url('fonts/iosevka/woff2/iosevka-mz-italic.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-italic.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-italic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 400;
font-style: oblique;
src: url('fonts/iosevka/woff2/iosevka-mz-oblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-oblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-oblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Oblique';
font-weight: 400;
src: url('fonts/iosevka/woff2/iosevka-mz-oblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-oblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-oblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 500;
font-style: normal;
src: url('fonts/iosevka/woff2/iosevka-mz-medium.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-medium.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-medium.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 500;
font-style: italic;
src: url('fonts/iosevka/woff2/iosevka-mz-mediumitalic.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-mediumitalic.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-mediumitalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 500;
font-style: oblique;
src: url('fonts/iosevka/woff2/iosevka-mz-mediumoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-mediumoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-mediumoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Oblique';
font-weight: 500;
src: url('fonts/iosevka/woff2/iosevka-mz-mediumoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-mediumoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-mediumoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 600;
font-style: normal;
src: url('fonts/iosevka/woff2/iosevka-mz-semibold.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-semibold.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-semibold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 600;
font-style: italic;
src: url('fonts/iosevka/woff2/iosevka-mz-semibolditalic.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-semibolditalic.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-semibolditalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 600;
font-style: oblique;
src: url('fonts/iosevka/woff2/iosevka-mz-semiboldoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-semiboldoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-semiboldoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Oblique';
font-weight: 600;
src: url('fonts/iosevka/woff2/iosevka-mz-semiboldoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-semiboldoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-semiboldoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 700;
font-style: normal;
src: url('fonts/iosevka/woff2/iosevka-mz-bold.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-bold.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-bold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 700;
font-style: italic;
src: url('fonts/iosevka/woff2/iosevka-mz-bolditalic.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-bolditalic.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-bolditalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 700;
font-style: oblique;
src: url('fonts/iosevka/woff2/iosevka-mz-boldoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-boldoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-boldoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Oblique';
font-weight: 700;
src: url('fonts/iosevka/woff2/iosevka-mz-boldoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-boldoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-boldoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 800;
font-style: normal;
src: url('fonts/iosevka/woff2/iosevka-mz-extrabold.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-extrabold.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-extrabold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 800;
font-style: italic;
src: url('fonts/iosevka/woff2/iosevka-mz-extrabolditalic.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-extrabolditalic.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-extrabolditalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 800;
font-style: oblique;
src: url('fonts/iosevka/woff2/iosevka-mz-extraboldoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-extraboldoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-extraboldoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Oblique';
font-weight: 800;
src: url('fonts/iosevka/woff2/iosevka-mz-extraboldoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-extraboldoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-extraboldoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 900;
font-style: normal;
src: url('fonts/iosevka/woff2/iosevka-mz-heavy.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-heavy.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-heavy.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 900;
font-style: italic;
src: url('fonts/iosevka/woff2/iosevka-mz-heavyitalic.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-heavyitalic.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-heavyitalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka';
font-weight: 900;
font-style: oblique;
src: url('fonts/iosevka/woff2/iosevka-mz-heavyoblique.woff2') format('woff2'), url('fonts/iosevka/woff/iosevka-mz-heavyoblique.woff') format('woff'), url('fonts/iosevka/ttf/iosevka-mz-heavyoblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Oblique';
font-weight: 900;
src: url('fonts/iosevka/woff2/iosevka-mz-heavyoblique.woff2') format('woff2'), url('woff/iosevka-mz-heavyoblique.woff') format('woff'), url('ttf/iosevka-mz-heavyoblique.ttf') format('truetype');
}
body { body {
font-family: 'Inter UI', sans-serif; font-family: 'Inter', sans-serif;
} }
code { code {
font-family: 'Iosevka', monospace; font-family: monospace;
} }

2
assets/_footer.scss Normal file
View File

@ -0,0 +1,2 @@
.dcl.footer {
}

11
assets/_home.scss
View File

@ -1,4 +1,5 @@
.home { .main-home {
.home {
margin-top: 32px; margin-top: 32px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -19,6 +20,9 @@
padding: unset; padding: unset;
margin-top: 16px; margin-top: 16px;
margin-bottom: 32px; margin-bottom: 32px;
#book-search-hits {
max-height: calc(100vh - 400px) !important; // 130px -> uitopbar + titles + search input
}
} }
.section-cards-container { .section-cards-container {
display: flex; display: flex;
@ -73,9 +77,9 @@
} }
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.home { .home {
.book-search { .book-search {
width: unset; width: unset;
@ -89,4 +93,5 @@
margin: 8px 0; margin: 8px 0;
} }
} }
}
} }

11
assets/_main.scss
View File

@ -1,5 +1,6 @@
@import "_dcl-ui.scss"; @import "_dcl-ui.scss";
@import "_home.scss"; @import "_home.scss";
@import "_footer.scss";
html { html {
font-size: $font-size-base; font-size: $font-size-base;
@ -84,6 +85,11 @@ aside nav ul {
} }
} }
.book-menu-content label a {
font-weight: 400 !important;
color: #736e7d !important;
}
.book-menu-content nav > ul { .book-menu-content nav > ul {
padding-inline-start: 0; padding-inline-start: 0;
} }
@ -533,8 +539,11 @@ body[dir="rtl"] .book-menu {
@import "syntax.scss"; @import "syntax.scss";
.code {
font-family: 'monospace' !important;
}
.tabs-navigation { .tabs-navigation {
font-family: "Inter UI"; font-family: "Inter";
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-size: 17px; font-size: 17px;

8
layouts/_default/baseof.html
View File

@ -26,6 +26,7 @@
</div> </div>
{{ if .IsHome }} {{ if .IsHome }}
<main class="main-home">
<div class="ui container"> <div class="ui container">
<div class="home"> <div class="home">
<div class="dcl section welcome-wrapper"> <div class="dcl section welcome-wrapper">
@ -61,7 +62,7 @@
{{end}} {{end}}
{{ if not .IsHome }} {{ if not .IsHome }}
<div class="tabs-header}"> <div class="tabs-header">
<div class="dcl tabs "> <div class="dcl tabs ">
<div class="ui container"> <div class="ui container">
{{ range $.Site.Data.sections }} {{ range $.Site.Data.sections }}
@ -107,9 +108,7 @@
{{ template "comments" . }} <!-- Comments block --> {{ template "comments" . }} <!-- Comments block -->
<label for="menu-control" class="hidden book-menu-overlay"> <label for="menu-control" class="hidden book-menu-overlay"></label>
</label>
</div> </div>
{{ if default true (default .Site.Params.BookToC .Params.BookToC) }} {{ if default true (default .Site.Params.BookToC .Params.BookToC) }}
@ -121,6 +120,7 @@
{{ end }} {{ end }}
</main> </main>
{{ end }} {{ end }}
{{ partial "docs/html-footer.html" . }}
{{ partial "docs/inject/body" . }} {{ partial "docs/inject/body" . }}
</body> </body>
</html> </html>

36
layouts/partials/docs/html-footer.html Normal file
View File

@ -0,0 +1,36 @@
<div class="ui container dcl footer">
<div class="main-footer">
<div role="listbox" aria-expanded="false" class="ui upward dropdown dcl language-dropdown" tabindex="0">
<div aria-atomic="true" aria-live="polite" role="alert" class="divider text">
<div class="dcl language-icon-wrapper">
<i class="dcl language-icon en"> </i>
<div class="language-icon-label">English</div>
</div>
</div>
</div>
<div class="links">
<a href="https://decentraland.org">Home</a>
<a href="https://decentraland.org/privacy">Privacy Policy</a>
<a href="https://decentraland.org/terms">Terms of Use</a>
<a href="https://decentraland.org/content">Content Policy</a>
<a href="https://decentraland.org/ethics">Code of Ethics</a>
</div>
</div>
<div class="secondary-footer">
<div class="social-links">
<a href="https://dcl.gg/discord">
<i class="social-icon discord" ></i>
</a>
<a href="https://reddit.com/r/decentraland">
<i class="social-icon reddit" ></i>
</a>
<a href="https://github.com/decentraland">
<i class="social-icon github" ></i>
</a>
<a href="https://twitter.com/decentraland">
<i class="social-icon twitter" ></i>
</a>
</div>
<div class="copyright">© 2022 Decentraland</div>
</div>
</div>