diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css index d7676b4a..382a5aff 100644 --- a/docs/assets/css/main.css +++ b/docs/assets/css/main.css @@ -63,6 +63,7 @@ body { width: calc(3 * (100% - 3 * 1rem) / 4 + 2 * 1rem); } .header { + position: relative; background-color: #f7f7f7; height: calc(100vh - 3rem); overflow: hidden; } @@ -135,6 +136,13 @@ body { position: relative; top: -2px; } +.sengi-icon { + position: absolute; + top: 3rem; + left: 3rem; + width: 6rem; + height: 6rem; } + .footer { text-align: center; background-color: #141414; diff --git a/docs/assets/sass/layout/_footer.scss b/docs/assets/sass/layout/_footer.scss new file mode 100644 index 00000000..49448df2 --- /dev/null +++ b/docs/assets/sass/layout/_footer.scss @@ -0,0 +1,33 @@ +.footer { + text-align: center; + background-color: rgb(20, 20, 20); + color: white; + height: 18rem; + padding-top: 4em; + + &__title { + font-family: 'Open Sans', sans-serif; + font-weight: lighter; + font-size: 2rem; + margin-bottom: 1.5rem; + + } + + &__buttons { + margin: auto; + + &--button { + font-size: 4rem; + color:whitesmoke; + transition: all .2s; + + &:not(:last-child){ + margin-right: 2rem; + } + + &:hover { + color:rgb(250, 164, 36); + } + } + } +} \ No newline at end of file diff --git a/docs/assets/sass/layout/_header.scss b/docs/assets/sass/layout/_header.scss index 2b42328a..20d1b09d 100644 --- a/docs/assets/sass/layout/_header.scss +++ b/docs/assets/sass/layout/_header.scss @@ -1,5 +1,5 @@ .header { - + position: relative; background-color: rgb(247, 247, 247); height: calc(100vh - 3rem); overflow: hidden; @@ -118,36 +118,10 @@ top: -2px; } -.footer { - text-align: center; - background-color: rgb(20, 20, 20); - color: white; - height: 18rem; - padding-top: 4em; - - &__title { - font-family: 'Open Sans', sans-serif; - font-weight: lighter; - font-size: 2rem; - margin-bottom: 1.5rem; - - } - - &__buttons { - margin: auto; - - &--button { - font-size: 4rem; - color:whitesmoke; - transition: all .2s; - - &:not(:last-child){ - margin-right: 2rem; - } - - &:hover { - color:rgb(250, 164, 36); - } - } - } +.sengi-icon { + position: absolute; + top: 3rem; + left: 3rem; + width: 6rem; + height: 6rem; } \ No newline at end of file diff --git a/docs/assets/sass/main.scss b/docs/assets/sass/main.scss index 73266b8f..78527569 100644 --- a/docs/assets/sass/main.scss +++ b/docs/assets/sass/main.scss @@ -4,4 +4,5 @@ @import "./base/base"; @import "./layout/grid"; -@import "./layout/header"; \ No newline at end of file +@import "./layout/header"; +@import "./layout/footer"; \ No newline at end of file diff --git a/docs/images/sengi.png b/docs/images/sengi.png new file mode 100644 index 00000000..28856177 Binary files /dev/null and b/docs/images/sengi.png differ diff --git a/docs/index.html b/docs/index.html index f6adea78..53d33cdd 100644 --- a/docs/index.html +++ b/docs/index.html @@ -16,15 +16,15 @@
+ +
-

- Discover Sengi -

+

Discover Sengi

A FLOSS multi-account Mastodon and Pleroma desktop client