From 2bee7141972877ae1115dbe72b2260e67a15782f Mon Sep 17 00:00:00 2001 From: DutchEllie Date: Mon, 18 Apr 2022 13:49:16 +0200 Subject: [PATCH] Added GNU and rewrote page --- src/galaxiespage.go | 160 +++++++++++++++++++++++++++++- web/blocks/pages/galaxies.html | 19 ++++ web/static/images/gnu-head-sm.png | Bin 0 -> 1654 bytes 3 files changed, 176 insertions(+), 3 deletions(-) create mode 100644 web/static/images/gnu-head-sm.png diff --git a/src/galaxiespage.go b/src/galaxiespage.go index 353cec8..44c1602 100644 --- a/src/galaxiespage.go +++ b/src/galaxiespage.go @@ -1,9 +1,16 @@ package main -import "github.com/maxence-charriere/go-app/v9/pkg/app" +import ( + "fmt" + + "github.com/maxence-charriere/go-app/v9/pkg/app" +) type GalaxiesPage struct { app.Compo + + gnuOver bool + mousex, mousey int } func NewGalaxiesPage() *GalaxiesPage { @@ -20,9 +27,156 @@ func (f *GalaxiesPage) Render() app.UI { Src("/web/blocks/snippets/bannerpanel.html"), ). Main( - newHTMLBlock(). + /* + newHTMLBlock(). + Class("right"). + Class("contentblock"). + Src("/web/blocks/pages/galaxies.html"), + */ + newUIBlock(). Class("right"). Class("contentblock"). - Src("/web/blocks/pages/galaxies.html"), + UI( + app.Div(). + Body( + app.P(). + Class("p-h1"). + Text("Galaxies"), + app.P(). + Class("content-text"). + Text(`Here you can find some really really really cool pages that I found on the internet. +Some of these are blogs or even blogposts I found, but the ones on top are special! +They're the websites of friends of mine! Please visit them, because they worked really hard +on their websites as well!`), + app.Div(). + Body( + app.P(). + Class("p-h2"). + Class("mt-20"). + Class("mb-10"). + Class("bold"). + Text("My friends!"), + app.Ul(). + Body( + app.Li(). + Body( + app.Div(). + Body( + app.A(). + Href("https://forestofunix.xyz"). + Class("p-h3"). + Class("m-t5"). + Text("Forest of Unix"), + app.P(). + Class("m-t5"). + Text("A website made by Sebastiaan. A massive Linux fanboy, runs Gentoo on his ThinkPad. Absolutely based."), + ), + ), + app.Li(). + Body( + app.Div(). + Body( + app.A(). + Href("https://nymphali.neocities.org"). + Class("p-h3"). + Class("m-t5"). + Text("Nymphali"), + app.P(). + Class("m-t5"). + Text("The website made by ■■■■■■, whoops Nymphali. They have an awesome minimalist website that's just lovely."), + ), + ), + app.Li(). + Body( + app.Div(). + Body( + app.A(). + Href("https://kristypixel.neocities.org"). + Class("p-h3"). + Class("m-t5"). + Text("Kristy"), + app.P(). + Class("m-t5"). + Text("Website made by Kristy. Very cute website, I love it! Keep up the awesome work!"), + ), + ), + ), + ), + app.Div(). + Body( + app.P(). + Class("p-h2"). + Class("mt-20"). + Class("mb-10"). + Class("bold"). + Text("Neat webspaces"), + app.P(). + Class("m-t5"). + Style("margin-left", "10px"). + Text("Just very neat websites I found and causes I support. Not necessarily by people I know. I just wanted to share them here!"), + app.Ul(). + Body( + app.Li(). + Body( + app.Div(). + Body( + app.A(). + Href("https://evillious.ylimegirl.com"). + Class("p-h3"). + Class("m-t5"). + Text("Evillious Chronicles fan guide"), + app.P(). + Class("m-t5"). + Text("A VERY cool website made by Ylimegirl! They wrote a whole website dedicated to Evillious Chronicles, which is a super good Japanese light novel and vocaloid series!! Definitely look it up!"), + ), + ), + app.Li(). + Body( + app.Div(). + Body( + app.A(). + Href("https://www.gnu.org"). + Class("p-h3"). + Class("m-t5"). + Text("The GNU Project"). + OnMouseOver(func(ctx app.Context, e app.Event) { + f.gnuOver = true + }). + OnMouseOut(func(ctx app.Context, e app.Event) { + f.gnuOver = false + }). + OnMouseMove(func(ctx app.Context, e app.Event) { + f.mousex, f.mousey = app.Window().CursorPosition() + }), + app.If(f.gnuOver, + app.Img(). + Src("/web/static/images/gnu-head-sm.png"). + Style("position", "fixed"). + Style("overflow", "hidden"). + Style("top", fmt.Sprintf("%dpx", f.mousey+20)). + Style("left", fmt.Sprintf("%dpx", f.mousex+20)). + Width(129). + Height(122). + Alt("GNU"), + ), + app.Div(). + Style("display", "flex"). + Style("gap", "5px"). + Body( + app.P(). + Class("m-t5"). + Text("The official website of the GNU project. They advocate for free/libre software. This is not to be confused with 'open source' software. I highly recommend you read about them and their efforts."), + ), + ), + ), + ), + ), + ), + ), ) } + +/* +func (f *GalaxiesPage) onMouseOverGnu(ctx app.Context, e app.Event) { + +}*/ diff --git a/web/blocks/pages/galaxies.html b/web/blocks/pages/galaxies.html index 2498137..000d219 100644 --- a/web/blocks/pages/galaxies.html +++ b/web/blocks/pages/galaxies.html @@ -42,5 +42,24 @@ good Japanese light novel and vocaloid series!! Definitely look it up!

+
  • +
    + The GNU Project +
    +
    +

    + The official website of the GNU project. + They advocate for free/libre software. + This is not to be confused with 'open source' software. + I highly recommend you read about them and their efforts. +

    +
    +
    + GNU +
    + +
    +
    +
    • \ No newline at end of file diff --git a/web/static/images/gnu-head-sm.png b/web/static/images/gnu-head-sm.png new file mode 100644 index 0000000000000000000000000000000000000000..0bb2e26d5a5f73d1713a703b3a3672f57679554d GIT binary patch literal 1654 zcmV-+28sEJP)klV&@Hp$a z*Ip&oUjk`}Q`CZ(rZoJ?pb~@ct(Gg&?kCmx>35NS?_^PmLX8?tr|UTD%StRxr9TRs zv9e;l_WgEnF?Hs<7}tIyp82ga&x&+4Zh9jp4`)%8#-u-;OGzvczaay(K%siKM}Iu6=xXb_zI;Xt7=qPO@$9&9#rX{_kQ+C7IMB0fJd)qh0=Mfh z86FU(8#w<$3q)~vbzl(aE*s}c3w)RjX60`Sw=UwKdFE-MP?v65sbw-A0`pQNr_%0d zp-}U&O~Z8H6WsTX%T!OCwx@+G&qABVI_IzU5OK@2%#lBcw6HO&g=b4`e5d(&+w6_) zaw{@vMq1e9-LbvIyX=X4aYULY3ZMw($kW0@*8kHEi!UPYL_|)!a%z7>T1fKyw*WjW zTO#7LM8p{Yn10udv~XvZJphJ1sSYQwiG>pzW8Ac>W@OKbh`d#RiN(giIRPk^_WGtT zBJBtu6era}I`>0>&9)rD*CNgxV6OWosTS_K{%-)8UyC810h9I5loqC0I0N|6Dn@I z*+@iArET1q77@9Fjo*uu7Vc)@6o^Gcu~Gz~Lqp^}{7?M8(!$+3Y4{Y41rO^1KYqA-#Ph$7UFf& z309xv7)UKVZ>=Qq<@1J7R#};rdkwiM;>@)cwc~jDk9+qEv)mA_?bAsjqibZ z^fZcvh{)LlEo}2q%OA@T@Ku+$5+3Wusf^k~v{0m@hKO{4<~K6WzyQUz+j9Ez2rckm z9f&UqOgk}A1UQMJ@TKq0>@GE(_C!QMk&|<46h|mbLk5%3?sVzw#1{cf4kRd!je`G- zZ<0$Z9^wmM-UH;M@f^j6iGscx&pTFRLD*|t0;GJEH$X!ae07tL$_g`Gx$e*kU(SFZ z(t-HnYC*Z1;E~(S=F|hCnpj+;tN;UW=h^kP6NEDb7*&a6 z0_1g(36%g~^X;jySMEi&s(#yv93YD-Q6#q2HIV`2yBJJvf%ng1qS(Dm-thWQte#3v<`@U3=W6~s_s?=d@43TX8V=iw8sa8p&VwzefchRNc;r2 zw~xhVVz(iip49)c)I5 z#+d?>z93>CjTD&G3&JQ!5)bm9F9-mW4`CC&kf{M!C2*7Qatye_xau{bRxB@hMVNG@ zf@t-M$W@}IsHVGcZc}