erki/ss13_se
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Moves the css styles to sep. file

Browse Source
This commit is contained in:
A. Svensson 2018-11-27 11:56:58 +01:00
parent a93aa2993a
commit 5952743362
3 changed files with 74 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
handlers.go
View File

@ -29,6 +29,11 @@ func (a *App) pageIndex(w http.ResponseWriter, r *http.Request, vars handlerVars
})
}
func (a *App) pageStyle(w http.ResponseWriter, r *http.Request, vars handlerVars) error {
w.Header().Set("Content-Type", "text/css")
return a.templates["style"].Execute(w, nil)
}
func (a *App) pageNews(w http.ResponseWriter, r *http.Request, vars handlerVars) error {
return a.templates["news"].Execute(w, map[string]interface{}{
"Reddit": a.news,

1
main.go
View File

@ -61,6 +61,7 @@ func New(c Conf) (*App, error) {
r := mux.NewRouter()
r.Handle("/", handler(a.pageIndex))
r.Handle("/static/style.css", handler(a.pageStyle))
r.Handle("/news", handler(a.pageNews))
r.Handle("/server/{id}", handler(a.pageServer))
r.Handle("/server/{id}/daily", handler(a.pageDailyChart))

135
templates.go
View File

@ -34,76 +34,10 @@ const tmplBase string = `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/static/style.css" type="text/css">
<title>
{{block "title" .}}NO TITLE{{end}} | ss13.se
</title>
<style type="text/css">
html, body, p, h1, h2, img, ul, li, table {
padding: 0px;
margin: 0px;
}
body {
margin: 0px auto;
max-width: 1024px;
font-size: 18px;
padding: 0 10px;
line-height: 1.6;
color: #444;
background-color: #fff;
}
h1, h2 {
text-align: center;
}
a, a:hover, a:visited {
color: #444;
text-decoration: none;
}
a:hover {
color: #000;
}
img {
display: block;
margin: auto;
}
header {
margin-bottom: 40px;
padding: 10px 20px;
color: #fff;
background-color: #444;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
header a, header a:hover, header a:visited {
color: #fff;
text-decoration: none;
display: inline;
padding-right: 40px;
}
footer {
margin-top: 40px;
padding: 10px;
text-align: center;
}
.button a {
background-color: #444;
color: #fff;
border-radius: 5px;
padding: 5px 10px;
text-decoration: none;
}
.button a:hover {
background-color: #888;
}
.left {
float: left;
}
.right {
float: right;
}
.hide td, .hide a {
color: #bbb;
}
</style>
</head>
<body>
<header>
@ -137,6 +71,73 @@ const tmplBase string = `<!DOCTYPE html>
</html>`
var tmplList = map[string]string{
"style": `
* {
padding: 0px;
margin: 0px;
}
body {
margin: 0px auto;
max-width: 1024px;
font-size: 18px;
padding: 0 10px;
line-height: 1.6;
color: #444;
background-color: #fff;
}
h1, h2 {
text-align: center;
}
a, a:hover, a:visited {
color: #444;
text-decoration: none;
}
a:hover {
color: #000;
}
img {
display: block;
margin: auto;
}
header {
margin-bottom: 40px;
padding: 10px 20px;
color: #fff;
background-color: #444;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
header a, header a:hover, header a:visited {
color: #fff;
text-decoration: none;
display: inline;
padding-right: 40px;
}
footer {
margin-top: 40px;
padding: 10px;
text-align: center;
}
.button a {
background-color: #444;
color: #fff;
border-radius: 5px;
padding: 5px 10px;
text-decoration: none;
}
.button a:hover {
background-color: #888;
}
.left {
float: left;
}
.right {
float: right;
}
.hide td, .hide a {
color: #bbb;
}
`,
"index": `{{define "title"}}Index{{end}}
{{define "body"}}
<h1>Servers</h1>