diff --git a/assets/_defaults.scss b/assets/_defaults.scss index 34f0491..908538a 100644 --- a/assets/_defaults.scss +++ b/assets/_defaults.scss @@ -30,6 +30,7 @@ $hint-colors: ( // Themes @mixin theme-light { + --gray: #736e7d; --gray-100: #f8f9fa; --gray-200: #e9ecef; --gray-500: #adb5bd; diff --git a/assets/_home.scss b/assets/_home.scss new file mode 100644 index 0000000..af4d698 --- /dev/null +++ b/assets/_home.scss @@ -0,0 +1,76 @@ +.home { + margin-top: 32px; + display: flex; + flex-direction: column; + .welcome-wrapper { + .welcome-header { + font-size: 48px; + font-weight: 700; + line-height: 56px; + } + .welcome-subheader { + color: var(--gray); + font-size: 21px; + margin-bottom: 20px; + } + } + .book-search { + width: 420px; + padding: unset; + margin-top: 16px; + margin-bottom: 32px; + } + .section-cards-container { + display: flex; + justify-content: space-between; + margin: 0 auto; + padding-top: 30px; + .user-card { + font-weight: 500; + border-radius: 8px; + box-shadow: 0 10px 9px -8px rgba(0, 0, 0, 0.48); + flex: 1 1; + height: 280px; + margin-right: 20px; + padding: 20px; + text-align: left; + + * { + color: white + } + + h3 { + font-weight: 700; + } + .card-img { + border-style: none; + padding: 20px 0; + } + + .card-info { + flex: 1 1; + width: 100%; + padding-bottom: 30px; + } + + .card-cta { + align-items: center; + display: flex; + span { + margin-right: 10px; + } + img { + border-style: none; + } + } + &:hover { + box-shadow: 0 20px 18px -16px rgba(0, 0, 0, 0.48); + -webkit-filter: brightness(1.2); + filter: brightness(1.2); + margin-top: -10px; + } + transition: all .5s ease-in-out; + + } + } +} \ No newline at end of file diff --git a/assets/_main.scss b/assets/_main.scss index d63e31a..448a897 100644 --- a/assets/_main.scss +++ b/assets/_main.scss @@ -1,4 +1,5 @@ @import "_dcl-ui.scss"; +@import "_home.scss"; html { font-size: $font-size-base; @@ -290,10 +291,10 @@ body[dir="rtl"] .book-menu { z-index: 3; } #book-search-results { + width: 100%; position: absolute; z-index: 3; #book-search-hits { - max-width: 340px; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 130px); // 130px -> uitopbar + content topbar diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index f7e116d..279e33f 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -24,7 +24,44 @@ -
+ + {{ if .IsHome }} +
+
+
+

Decentraland Documentation

+

The first-ever virtual world owned by its users

+
+ {{ partial "docs/search" . }} +

+ This site is maintained by the Decentraland Foundation.
+ The content in this site is divided into sections for different user profiles. Choose a section that matches your needs. +

+
+ {{ range $.Site.Data.sections }} +
+ +
+ {{.name}} +
+
+

For {{.name}}

+

{{.description}}

+
+
+ VIEW MORE + View More +
+ +
+ {{end}} +
+
+
+ {{end}} + + {{ if not .IsHome }} +
{{ range $.Site.Data.sections }} @@ -42,14 +79,11 @@ {{end}}
- {{ end }} + {{ end }} {{ partial "docs/search" . }}
- -
- - +
{{ end }}
- + {{ end }} {{ partial "docs/inject/body" . }} diff --git a/layouts/posts/single.html b/layouts/posts/single.html deleted file mode 100644 index 301ca1e..0000000 --- a/layouts/posts/single.html +++ /dev/null @@ -1,13 +0,0 @@ -{{ define "main" }} -
-

- {{ partial "docs/title.html" . }} -

- {{ partial "docs/post-meta" . }} - {{- .Content -}} -
-{{ end }} - -{{ define "toc" }} - {{ partial "docs/toc" . }} -{{ end }} diff --git a/static/svg/contributor.svg b/static/svg/contributor.svg new file mode 100644 index 0000000..dc5ac90 --- /dev/null +++ b/static/svg/contributor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/static/svg/creator.svg b/static/svg/creator.svg new file mode 100644 index 0000000..93814c7 --- /dev/null +++ b/static/svg/creator.svg @@ -0,0 +1,4 @@ + + + + diff --git a/static/svg/player.svg b/static/svg/player.svg new file mode 100644 index 0000000..ee3dfd8 --- /dev/null +++ b/static/svg/player.svg @@ -0,0 +1,4 @@ + + + +