I am getting so good at this
This commit is contained in:
parent
b60f030880
commit
5245702d00
SSH Key Fingerprint:
SHA256:dKq6ZSgN5E3Viqrw/+xAdf2VdR6hdRGNyrYqXXwfjTY
|
|
@ -22,8 +22,6 @@ func (p *Homepage) Render() app.UI {
|
|||
app.Div().Body(
|
||||
newNavbar(),
|
||||
newHomePanel(),
|
||||
newHomePanel(),
|
||||
newHomePanel(),
|
||||
).Class("main"),
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,10 +12,14 @@ func newHomePanel() *homePanel {
|
|||
|
||||
func (p *homePanel) Render() app.UI {
|
||||
return app.Div().Body(
|
||||
app.Raw(`<p>Welcome to my website, internet traveler!
|
||||
This website is my creative outlet and a way of expressing myself.
|
||||
app.P().Text("Welcome, internet surfer!").Class("p-h1"),
|
||||
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.
|
||||
<br>
|
||||
<br><br>
|
||||
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")
|
||||
}
|
||||
|
|
|
|||
8
main.go
8
main.go
|
|
@ -24,13 +24,11 @@ func main() {
|
|||
Description: "A 1990's style PWA!",
|
||||
Styles: []string{
|
||||
"/web/static/style.css",
|
||||
"/web/static/adreena.css",
|
||||
"/web/static/anisha.css",
|
||||
"/web/static/havakana.css",
|
||||
},
|
||||
CacheableResources: []string{
|
||||
"/web/static/style.css",
|
||||
"/web/static/anisha.css",
|
||||
"/web/static/images/background_star.gif",
|
||||
},
|
||||
CacheableResources: []string{},
|
||||
})
|
||||
|
||||
if err := http.ListenAndServe(":8000", nil); err != nil {
|
||||
|
|
|
|||
|
|
@ -6,6 +6,8 @@
|
|||
<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">
|
||||
<link rel="stylesheet" href="static/adreena.css?family=adreena">
|
||||
<link rel="stylesheet" href="static/havakana.css?family=havakana">
|
||||
<title>Index</title>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -22,6 +24,11 @@
|
|||
Dit is eigenlijk 1 van die dingen die steeds kan veranderen
|
||||
Deze doet dat
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<p class="p-h1">My friends!</p>
|
||||
<p>These are some of the websites of my friends!</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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-->
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -8,6 +8,8 @@ body {
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
color:aliceblue;
|
||||
font-family: havakana;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.header {
|
||||
|
|
@ -49,8 +51,23 @@ body {
|
|||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
float:right;
|
||||
width: 633px;
|
||||
width: 614px;
|
||||
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;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
File diff suppressed because one or more lines are too long
|
|
@ -8,6 +8,8 @@ body {
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
color:aliceblue;
|
||||
font-family: havakana;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.header {
|
||||
|
|
@ -59,3 +61,13 @@ body {
|
|||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.p-h1 {
|
||||
font-family: anisha;
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
.p-h2 {
|
||||
font-family: adreena;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
Loading…
Reference in New Issue