Skip to content

Commit

Permalink
[feature/frontend] Add login button to index page which reiterates in…
Browse files Browse the repository at this point in the history
…fo about clients (#3377)

* Add login button to index page which reiterates info about clients

* bit of CSS fiddling, move apps from front page to login info

* fix indentation

---------

Co-authored-by: tobi <[email protected]>
  • Loading branch information
vivlim and tsmethurst authored Jan 27, 2025
1 parent 702d492 commit 7b7fc52
Show file tree
Hide file tree
Showing 12 changed files with 386 additions and 179 deletions.
9 changes: 8 additions & 1 deletion internal/web/index.go
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,14 @@ func (m *Module) indexHandler(c *gin.Context) {
Instance: instance,
OGMeta: apiutil.OGBase(instance),
Stylesheets: []string{cssAbout, cssIndex},
Extra: map[string]any{"showStrap": true},
Extra: map[string]any{
// Render "home to x
// users [etc]" strap.
"showStrap": true,
// Show "log in" button
// in top-right corner.
"showLoginButton": true,
},
}

apiutil.TemplateWebPage(c, page)
Expand Down
60 changes: 60 additions & 0 deletions internal/web/login-info.go
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
// GoToSocial
// Copyright (C) GoToSocial Authors [email protected]
// SPDX-License-Identifier: AGPL-3.0-or-later
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.

package web

import (
"context"

"github.com/gin-gonic/gin"
apimodel "github.com/superseriousbusiness/gotosocial/internal/api/model"
apiutil "github.com/superseriousbusiness/gotosocial/internal/api/util"
"github.com/superseriousbusiness/gotosocial/internal/gtserror"
)

const (
loginPath = "/login"
)

func (m *Module) loginGETHandler(c *gin.Context) {
instance, errWithCode := m.processor.InstanceGetV1(c.Request.Context())
if errWithCode != nil {
apiutil.WebErrorHandler(c, errWithCode, m.processor.InstanceGetV1)
return
}

// Return instance we already got from the db,
// don't try to fetch it again when erroring.
instanceGet := func(ctx context.Context) (*apimodel.InstanceV1, gtserror.WithCode) {
return instance, nil
}

// We only serve text/html at this endpoint.
if _, err := apiutil.NegotiateAccept(c, apiutil.TextHTML); err != nil {
apiutil.WebErrorHandler(c, gtserror.NewErrorNotAcceptable(err, err.Error()), instanceGet)
return
}

page := apiutil.WebPage{
Template: "login_info.tmpl",
Instance: instance,
OGMeta: apiutil.OGBase(instance),
Stylesheets: []string{cssAbout, cssLoginInfo},
}

apiutil.TemplateWebPage(c, page)
}
18 changes: 10 additions & 8 deletions internal/web/web.go
Original file line number Diff line number Diff line change
Expand Up @@ -59,14 +59,15 @@ const (
eTagHeader = "ETag" // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/ETag
lastModifiedHeader = "Last-Modified" // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Last-Modified

cssFA = assetsPathPrefix + "/Fork-Awesome/css/fork-awesome.min.css"
cssAbout = distPathPrefix + "/about.css"
cssIndex = distPathPrefix + "/index.css"
cssStatus = distPathPrefix + "/status.css"
cssThread = distPathPrefix + "/thread.css"
cssProfile = distPathPrefix + "/profile.css"
cssSettings = distPathPrefix + "/settings-style.css"
cssTag = distPathPrefix + "/tag.css"
cssFA = assetsPathPrefix + "/Fork-Awesome/css/fork-awesome.min.css"
cssAbout = distPathPrefix + "/about.css"
cssIndex = distPathPrefix + "/index.css"
cssLoginInfo = distPathPrefix + "/login-info.css"
cssStatus = distPathPrefix + "/status.css"
cssThread = distPathPrefix + "/thread.css"
cssProfile = distPathPrefix + "/profile.css"
cssSettings = distPathPrefix + "/settings-style.css"
cssTag = distPathPrefix + "/tag.css"

jsFrontend = distPathPrefix + "/frontend.js" // Progressive enhancement frontend JS.
jsSettings = distPathPrefix + "/settings.js" // Settings panel React application.
Expand Down Expand Up @@ -121,6 +122,7 @@ func (m *Module) Route(r *router.Router, mi ...gin.HandlerFunc) {
r.AttachHandler(http.MethodPost, confirmEmailPath, m.confirmEmailPOSTHandler)
r.AttachHandler(http.MethodGet, robotsPath, m.robotsGETHandler)
r.AttachHandler(http.MethodGet, aboutPath, m.aboutGETHandler)
r.AttachHandler(http.MethodGet, loginPath, m.loginGETHandler)
r.AttachHandler(http.MethodGet, domainBlockListPath, m.domainBlockListGETHandler)
r.AttachHandler(http.MethodGet, tagsPath, m.tagGETHandler)
r.AttachHandler(http.MethodGet, signupPath, m.signupGETHandler)
Expand Down
5 changes: 5 additions & 0 deletions web/assets/ellipsis.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
50 changes: 0 additions & 50 deletions web/source/css/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -75,53 +75,3 @@
max-width: 100%;
}
}

.apps {
align-self: start;

.applist {
margin: 0;
padding: 0;

display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0.5rem;
align-content: start;

.applist-entry {
display: grid;
grid-template-columns: 25% 1fr;
grid-template-areas: "logo text";
gap: 1.5rem;
padding: 0.5rem;

.applist-logo {
grid-area: logo;
align-self: center;
justify-self: center;
width: 100%;
object-fit: contain;
flex: 1 1 auto;
}

.applist-logo.redraw {
fill: $fg;
stroke: $fg;
}

.applist-text {
grid-area: text;

a {
font-weight: bold;
}
}
}
}
}

@media screen and (max-width: 600px) {
.apps .applist {
grid-template-columns: 1fr;
}
}
114 changes: 114 additions & 0 deletions web/source/css/login-info.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
/*
GoToSocial
Copyright (C) GoToSocial Authors [email protected]
SPDX-License-Identifier: AGPL-3.0-or-later
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
*/

/*
Reuse about styling, but rework it
to separate sections a bit more.
*/
.about {
padding: 0;

background: initial;
box-shadow: initial;
border: initial;
border-radius: initial;

.about-section {
padding: 2rem;
background: $bg-accent;
box-shadow: $boxshadow;
border: $boxshadow-border;
border-radius: $br;

h3 {
margin-top: 0px;
}
}

& > .about-section.settings {
display: flex;
flex-direction: row;
gap: 1rem;
align-items: center;
justify-content: center;

padding-top: 1rem;
padding-bottom: 1rem;

p.settings-text {
margin-top: auto;
margin-bottom: auto;
flex: auto;
}

.settings-button {
flex: auto;
}
}

& > .about-section.apps {
align-self: start;

.applist {
margin: 0;
padding: 0;

display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0.5rem;
align-content: start;

.applist-entry {
display: grid;
grid-template-columns: 25% 1fr;
grid-template-areas: "logo text";
gap: 1.5rem;
padding: 0.5rem;

.applist-logo {
grid-area: logo;
align-self: center;
justify-self: center;
width: 100%;
object-fit: contain;
flex: 1 1 auto;
}

.applist-logo.redraw {
fill: $fg;
stroke: $fg;
}

.applist-text {
grid-area: text;

a {
font-weight: bold;
}
}
}
}

@media screen and (max-width: 600px) {
.applist {
grid-template-columns: 1fr;
}
}
}
}
6 changes: 6 additions & 0 deletions web/source/css/page.css
Original file line number Diff line number Diff line change
Expand Up @@ -135,3 +135,9 @@
text-align: center;
}
}

.login {
position: absolute;
top: 2vh;
right: 2vh;
}
1 change: 0 additions & 1 deletion web/template/index.tmpl
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,5 @@
</section>
{{- include "index_what_is_this.tmpl" . | indent 1 }}
{{- include "index_register.tmpl" . | indent 1 }}
{{- include "index_apps.tmpl" . | indent 1 }}
</main>
{{- end }}
Loading

0 comments on commit 7b7fc52

Please sign in to comment.