DutchEllie/proper-website-2
2
3
Fork 0
Code Issues 12 Pull Requests Projects Releases Wiki Activity

I am getting so good at this

Browse Source
This commit is contained in:
DutchEllie 2022-03-01 19:45:23 +01:00
parent b60f030880
commit 5245702d00
Signed by: DutchEllie
SSH Key Fingerprint: SHA256:dKq6ZSgN5E3Viqrw/+xAdf2VdR6hdRGNyrYqXXwfjTY
16 changed files with 89 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/homepage.go
View File

@ -22,8 +22,6 @@ func (p *Homepage) Render() app.UI {
app.Div().Body( app.Div().Body(
newNavbar(), newNavbar(),
newHomePanel(), newHomePanel(),
newHomePanel(),
newHomePanel(),
).Class("main"), ).Class("main"),
) )
} }

10
components/homepanel.go
View File

@ -12,10 +12,14 @@ func newHomePanel() *homePanel {
func (p *homePanel) Render() app.UI { func (p *homePanel) Render() app.UI {
return app.Div().Body( return app.Div().Body(
app.Raw(`<p>Welcome to my website, internet traveler! app.P().Text("Welcome, internet surfer!").Class("p-h1"),
This website is my creative outlet and a way of expressing myself. app.Raw(`<p>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. As of now, it's probably the most impressive thing I've ever coded.
<br> <br><br>
Please enjoy yourself and do sign the guestbook!!</p>`), Please enjoy yourself and do sign the guestbook!!</p>`),
app.Div().Body(
app.P().Text("Please sign my guestbook!").Style("font-size", "0.8em"),
app.Img().Src("/web/static/images/email3.gif").Style("width", "40px").Style("position", "absolute").Style("bottom", "0px").Style("right", "0px"),
).Style("position", "absolute").Style("bottom", "5px").Style("right", "5px"),
).Class("content") ).Class("content")
} }

8
main.go
View File

@ -24,13 +24,11 @@ func main() {
Description: "A 1990's style PWA!", Description: "A 1990's style PWA!",
Styles: []string{ Styles: []string{
"/web/static/style.css", "/web/static/style.css",
"/web/static/adreena.css",
"/web/static/anisha.css", "/web/static/anisha.css",
"/web/static/havakana.css",
}, },
CacheableResources: []string{ CacheableResources: []string{},
"/web/static/style.css",
"/web/static/anisha.css",
"/web/static/images/background_star.gif",
},
}) })
if err := http.ListenAndServe(":8000", nil); err != nil { if err := http.ListenAndServe(":8000", nil); err != nil {

7
test-website/base.html
View File

@ -6,6 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="static/style.css"> <link rel="stylesheet" href="static/style.css">
<link rel="stylesheet" href="static/anisha.css?family=anisha"> <link rel="stylesheet" href="static/anisha.css?family=anisha">
<link rel="stylesheet" href="static/adreena.css?family=adreena">
<link rel="stylesheet" href="static/havakana.css?family=havakana">
<title>Index</title> <title>Index</title>
</head> </head>
<body> <body>
@ -22,6 +24,11 @@
Dit is eigenlijk 1 van die dingen die steeds kan veranderen Dit is eigenlijk 1 van die dingen die steeds kan veranderen
Deze doet dat Deze doet dat
</div> </div>
<div class="content">
<p class="p-h1">My friends!</p>
<p>These are some of the websites of my friends!</p>
</div>
</div> </div>
</body> </body>
</html> </html>

34
test-website/friends.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="static/style.css">
<link rel="stylesheet" href="static/anisha.css?family=anisha">
<title>Index</title>
</head>
<body>
<div class="header">
Internetica Galactica
</div>
<div class="main">
<div class="navbar">
<ul>
<li><a href="base.html">Home</a></li>
<li><a href="friends.html">Friends</a></li>
</ul>
</div>
<div class="content">
Dit is eigenlijk 1 van die dingen die steeds kan veranderen
Deze doet dat
</div>
</div>
</body>
</html>
<!-- After you're done, find a way to credit the graphics creators!
https://dokodemo.neocities.org/materials/index.html BACKGROUND
https://dokodemo.neocities.org/
https://neo-neighborhoods.neocities.org/SiliconValley/6603/ COOL SHIT
https://fontcity.neocities.org/ FOR THE FONT-->

1
test-website/static/adreena.css Normal file
View File

File diff suppressed because one or more lines are too long

1
test-website/static/barracuda.css Normal file
View File

File diff suppressed because one or more lines are too long

1
test-website/static/havakana.css Normal file
View File

File diff suppressed because one or more lines are too long

1
test-website/static/moon.css Normal file
View File

File diff suppressed because one or more lines are too long

1
test-website/static/nikoleta.css Normal file
View File

File diff suppressed because one or more lines are too long

23
test-website/static/style.css
View File

@ -8,6 +8,8 @@ body {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
color:aliceblue; color:aliceblue;
font-family: havakana;
font-size: 1.1em;
} }
.header { .header {
@ -49,8 +51,23 @@ body {
margin-bottom: 5px; margin-bottom: 5px;
position: relative; position: relative;
float:right; float:right;
width: 633px; width: 614px;
padding: 10px; padding: 10px;
}
.content p {
width: 80%;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.p-h1 {
font-family: anisha;
font-size: 3em;
}
.p-h2 {
font-family: adreena;
font-size: 1.5em;
} }

1
web/static/adreena.css Normal file
View File

File diff suppressed because one or more lines are too long

1
web/static/havakana.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
web/static/images/email3.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
web/static/nikoleta.css Normal file
View File

File diff suppressed because one or more lines are too long

12
web/static/style.css
View File

@ -8,6 +8,8 @@ body {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
color:aliceblue; color:aliceblue;
font-family: havakana;
font-size: 1.1em;
} }
.header { .header {
@ -59,3 +61,13 @@ body {
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.p-h1 {
font-family: anisha;
font-size: 3em;
}
.p-h2 {
font-family: adreena;
font-size: 1.5em;
}