mirrors/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-10-29 07:22:24 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

[frontend] Restructure Frontend Sources (#634)

Browse source 
* 🐸restructure frontend stuff, include admin and future user panel in main repo, properly deduplicate bundles for css+js across uses

* rename bundled to dist, caught by gitignore

* re-include status.css for profile template

* default to localhost

* serve frontend panels

* add todo message for abstraction

* refactor oauth registration flow

* oauth restructure

* update footer template

* change panel routes

* remove superfluous css imports

* write bundle to disk from test server, use forked budo-express

* wrap all page content in container

for robustness with addons etc injection other elements in body

* update documentation, goreleaser, Dockerfile

* update template meta tags

* add AGPL-3.0+ license header everywhere

* only attach update listener on EventEmitter

* cleaner config for various frontend bundles

* fix bundler script paths

* Merge commit 'd191931932'

* fix up dockerfile, goreleaser

* go mod tidy

* add uglifyify

* move status hide/show js to frontend bundle

* fix stylesheet color( func regressions

* update contributing docs for new build path

* update goreleaser + docker building

* resolve dependency paths properly

* update package name

* use api errorhandler

Co-authored-by: tsmethurst <tobi.smethurst@protonmail.com>
This commit is contained in:
f0x52 2022-06-09 12:51:19 +02:00 • committed by GitHub
commit b43f9ceca9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
47 changed files with 8061 additions and 1918 deletions
Download patch file Download diff file Expand all files Collapse all files

113
web/gotosocial-styling/templates/profile.css
View file

@ -1,113 +0,0 @@
main {
background: transparent;
}
.headerimage {
img {
width: 100%;
height: 15em;
object-fit: cover;
border-radius: 10px;
}
}
.profile {
position: relative;
background: color($bg lightness(-3%));
padding: 2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 0.5rem;
margin-bottom: 0.2rem;
.basic {
display: flex;
flex-direction: column;
flex: 1 1 25em;
gap: 0.5rem;
a {
position: relative;
z-index: 1;
color: inherit;
text-decoration: none;
}
.avatar-container {
position: relative;
width: 100%;
max-width: 25em;
.avatar {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
img {
object-fit: cover;
border-radius: 10px;
width: 100%;
height: 100%;
}
}
}
.avatar-container:before {
content: "";
float: left;
padding-top: 100%;
}
.displayname {
font-weight: bold;
font-size: 1.6rem;
align-self: start;
}
}
.detailed {
display: flex;
flex-direction: column;
flex: 1 1 25em;
h2 {
margin-top: 0;
}
.bio {
margin: 0;
a {
color: $acc1;
text-decoration: underline;
}
}
}
}
.accountstats {
position: relative;
background: color($bg lightness(-3%));
padding: 0.5rem;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
gap: 0.5rem;
margin-bottom: 0.2rem;
.entry {
background: color($bg lightness(+3%));
padding: 0.5rem;
flex-grow: 1;
text-align: center;
}
}
footer + div {
/* something weird from the devstack.. */
display: none;
}