made menu prettier. code is ugly though

This commit is contained in:
Jacob 2017-11-20 20:48:19 +01:00
parent 767f6a650b
commit ee552b5bf3
3 changed files with 17 additions and 16 deletions

View File

@ -14,9 +14,10 @@
</div>
<div class="menu">
<ul id="menu">
{{range .MenuItems}}
<li>{{ . }}</li>{{else}}<div><strong>no rows</strong></div>{{end}}
</ul>
<li><a class={{if eq .CurrentPage "about"}}"menuselect menuElement no-link"{{else}}"menuElement no-link"{{end}} href="/about">about</a></li>
<li><a class={{if eq .CurrentPage "past"}}"menuselect menuElement no-link"{{else}}"menuElement no-link"{{end}} href="/past">past</a></li>
<li><a class={{if eq .CurrentPage "contact"}}"menuselect menuElement no-link"{{else}}"menuElement no-link"{{end}} href="/contact">contact</a></li>
</ul>
</div>
<div class="contents">
{{if eq .CurrentPage "blog"}}

View File

@ -83,11 +83,17 @@ ul {
.menu{
display: flex;
justify-content: center;
padding-bottom: 40px;
padding-bottom: 20px;
}
.menuselect{
background-color: #687fad;
}
.menuElement{
padding: 20px
border: 20px;
padding: 10px;
text-decoration: none;
}
.menuElement:hover {

View File

@ -11,7 +11,6 @@ import (
//Page : Is exported to PostCollection
type Page struct {
Title string
MenuItems []template.HTML
Posts []Post
CurrentPage string
}
@ -19,11 +18,6 @@ type Page struct {
var style = ``
var name = "takunomi"
var posts []Post
var sections = []template.HTML{
`<a class="no-link menuElement" style="text-decoration: none; color: inherit" href=/about>about</a>`,
`<a class="no-link menuElement" style="text-decoration: none; color: inherit" href=/past>past</a>`,
`<a class="no-link menuElement" style="text-decoration: none; color: inherit" href=/contact>contact</a>`,
}
var templates = template.Must(template.ParseFiles("blog.tmpl", "about.tmpl", "past.tmpl", "contact.tmpl", "blog_roll.tmpl", "style.tmpl", "post.tmpl"))
func main() {
@ -59,29 +53,29 @@ func blogHandler(w http.ResponseWriter, req *http.Request) {
return
}
posts = getNewestPosts(3)
page := Page{name, sections, posts, "blog"}
page := Page{name, posts, "blog"}
renderTemplates(w, page)
}
func postHandler(w http.ResponseWriter, r *http.Request) {
title := strings.TrimPrefix(r.URL.Path, "/post/")
posts := []Post{getPostByURLTitle(title)}
page := Page{name, sections, posts, "blog"}
page := Page{name, posts, "blog"}
renderTemplates(w, page)
}
func aboutHandler(w http.ResponseWriter, r *http.Request) {
page := Page{name, sections, []Post{}, "about"}
page := Page{name, []Post{}, "about"}
renderTemplates(w, page)
}
func pastHandler(w http.ResponseWriter, r *http.Request) {
page := Page{name, sections, posts, "past"}
page := Page{name, posts, "past"}
renderTemplates(w, page)
}
func contactHandler(w http.ResponseWriter, r *http.Request) {
page := Page{name, sections, []Post{}, "contact"}
page := Page{name, []Post{}, "contact"}
renderTemplates(w, page)
}