New frontpage design
continuous-integration/drone/push Build is passing Details

This commit is contained in:
DutchEllie 2022-03-14 21:04:30 +01:00
parent 00614b6346
commit a2fbcf03ca
Signed by: DutchEllie
SSH Key Fingerprint: SHA256:dKq6ZSgN5E3Viqrw/+xAdf2VdR6hdRGNyrYqXXwfjTY
4 changed files with 36 additions and 5 deletions

View File

@ -16,10 +16,26 @@ func newHomePanel() *homePanel {
func (p *homePanel) Render() app.UI {
return app.Div().Body(
app.P().Text("Welcome, internet surfer!").Class("p-h1"),
app.Raw(`<p class="content-text">This website is my creative outlet and a way of expressing myself.
As of now, it's probably the most impressive thing I've ever coded.
<br><br>
Please enjoy yourself and do sign the guestbook!!</p>`),
app.Img().
Style("float", "right").
Style("margin-bottom", "50px").
Height(230).
Src("/web/static/images/rin-len1.webp"),
app.Raw(
`
<p class="content-text">
Welcome to my webspace! Whether you stumbled across this page by accident
or were linked here, you're more than welcome! This is my personal project that I like
to work on! I was inspired by a couple friends of mine, please do check their webspaces
out as well under "Galaxies" on the left side there!
If you like this page, there is a lot more, so have a look around! You can also leave a
nice message for me in the guestbook! There is no registration (unlike the rest of the "modern"
internet) so nothing of that sort!
That said, this website is my creative outlet and a way to introduce myself, so be kind please!
Also its code is entirely open-source and can be found
<a href="https://dutchellie.nl/DutchEllie/proper-website-2">here</a> so if you like that sort
of stuff, be my guest it's cool!</p>
`),
app.If(p.updateAvailable,
app.Div().Body(
app.P().

View File

@ -25,6 +25,18 @@
Deze doet dat
</div>
<p class="content-text">
Welcome to my webspace! Whether you stumbled across this page by accident
or were linked here, you're more than welcome! This is my personal project that I like
to work on! I was inspired by a couple friends of mine, please do check their webspaces
out as well under "Galaxies" on the left side there!
If you like this page, there is a lot more, so have a look around! You can also leave a
nice message for me in the guestbook! There is no registration (unlike the rest of the "modern"
internet) so nothing of that sort!
That said, this website is my creative outlet and a way to introduce myself, so be kind please!
Also its code is entirely open-source and can be found
<a href="https://dutchellie.nl/DutchEllie/proper-website-2>here</a> so if you like that sort
of stuff, be my guest it's cool!</p>
<div class="content">
<p class="p-h1">My friends!</p>
<p>These are some of the websites of my friends!</p>

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

View File

@ -57,12 +57,15 @@ body {
}
.content-text {
max-width: 80%;
max-width: 75%;
width: auto;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.
/*
.content p {
max-width: 80%;