diff options
| -rw-r--r-- | data.go | 11 | ||||
| -rw-r--r-- | example.json | 11 | ||||
| -rw-r--r-- | scss/main.scss | 6 | ||||
| -rw-r--r-- | templates/base/base.gohtml | 4 |
4 files changed, 27 insertions, 5 deletions
@@ -1,6 +1,7 @@ package main import ( + "github.com/anhgelus/golatt" "html/template" "strconv" ) @@ -11,6 +12,7 @@ type Data struct { Person *Person `json:"person"` Color *Color `json:"colors"` Links []*Link `json:"links"` + Legal *Legal `json:"legal"` } type Person struct { @@ -40,6 +42,11 @@ type Link struct { TextColor string `json:"text_color"` } +type Legal struct { + LegalInformationLink string `json:"legal_information_link"` + ImagesSource []string `json:"images_source"` +} + func (d *Data) GetBackground() template.CSS { bg := d.Color.Background css := "background: " + bg.Type + "-gradient(" @@ -52,6 +59,10 @@ func (d *Data) GetBackground() template.CSS { return template.CSS(css[:len(css)-1] + ");") } +func (d *Data) GetBackgroundImage() template.CSS { + return template.CSS("background-image: url(" + golatt.GetStaticPath(d.Image) + ");") +} + func (d *Data) GetTextColor() template.CSS { return template.CSS("color: " + d.Color.Text + ";") } diff --git a/example.json b/example.json index c9cf1ae..f6b7778 100644 --- a/example.json +++ b/example.json @@ -1,5 +1,5 @@ { - "image": "", + "image": "wallpaper.jpg", "description": "Sem magna a dui labore et cursus nibh ipsum nulla. Sem magna a dui labore et cursus nibh ipsum nulla. Blandit adipiscing nulla diam dolore ultricies ornare sed risus faucibus. Lobortis mi sed dui risus nulla ultrices vulputate at enim.", "person": { "name": "Anhgelus Morhtuuzh", @@ -46,5 +46,12 @@ "color": "#800080FF", "text_color": "#fff" } - ] + ], + "legal": { + "legal_information_link": "https://www.anhgelus.world/legal/", + "images_source": [ + "Profile picture: John Smith for example.org", + "Background: John Smith 2 for another.example.org" + ] + } }
\ No newline at end of file diff --git a/scss/main.scss b/scss/main.scss index 5283641..40fbcb4 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -6,10 +6,14 @@ body { align-items: center; justify-content: center; font-size: 18px; + background-position: center; + background-attachment: fixed; + background-repeat: no-repeat; + background-size: cover; } .credits { - position: fixed; + position: absolute; bottom: 1em; display: flex; gap: 1em; diff --git a/templates/base/base.gohtml b/templates/base/base.gohtml index 581c2b0..12568ed 100644 --- a/templates/base/base.gohtml +++ b/templates/base/base.gohtml @@ -9,11 +9,11 @@ <link rel="stylesheet" href="{{getAssetPath "styles.css"}}" /> {{template "opengraph-base" .SEO}} </head> - <body> + <body style="{{ .Data.GetBackgroundImage }}"> {{template "body" .Data}} <div class="credits"> <p>Crafted by <a href="https://www.anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a></p> - <p><a href="/legal">Legal information</a></p> + <p><a href="{{ .Data.Legal.LegalInformationLink }}">Legal information</a></p> </div> <script type="module" src="{{getAssetPath "index.js"}}" defer></script> </body> |