swarm: fixed CSS issue in template

This commit is contained in:
Coogan 2018-01-16 12:37:09 -06:00
parent 1498ca281e
commit c07fbe71f1

View file

@ -70,7 +70,7 @@ var htmlListTemplate = template.Must(template.New("html-list").Funcs(template.Fu
</body> </body>
`[1:])) `[1:]))
vvar landingPageTemplate = template.Must(template.New("landing-page").Parse(` var landingPageTemplate = template.Must(template.New("landingPage").Parse(`
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@ -79,18 +79,22 @@ vvar landingPageTemplate = template.Must(template.New("landing-page").Parse(`
<meta name="description" content="Ethereum/Swarm Landing page"> <meta name="description" content="Ethereum/Swarm Landing page">
<meta property="og:url" content="https://swarm-gateways.net/bzz:/theswarm.eth"> <meta property="og:url" content="https://swarm-gateways.net/bzz:/theswarm.eth">
<style> <style>
body, div, header, footer { body, div, header, footer {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
body { body {
overflow: hidden; overflow: hidden;
} }
.container { .container {
min-width: 100%; min-width: 100%;
min-height: 100%; min-height: 100%;
max-height: 100%; max-height: 100%;
} }
header { header {
display: flex; display: flex;
align-items: center; align-items: center;
@ -98,17 +102,21 @@ vvar landingPageTemplate = template.Must(template.New("landing-page").Parse(`
/* height: 20vh; */ /* height: 20vh; */
padding: 5px; padding: 5px;
} }
.header-left, .header-right { .header-left, .header-right {
width: 20%; width: 20%;
} }
.header-left { .header-left {
padding-left: 40px; padding-left: 40px;
float: left; float: left;
} }
.header-right { .header-right {
padding-right: 40px; padding-right: 40px;
float: right; float: right;
} }
.page-title { .page-title {
/* margin-top: 4.5vh; */ /* margin-top: 4.5vh; */
text-align: center; text-align: center;
@ -116,36 +124,43 @@ vvar landingPageTemplate = template.Must(template.New("landing-page").Parse(`
width: 60%; width: 60%;
color: white; color: white;
} }
content-body { content-body {
display: block; display: block;
margin: auto; margin: 0 auto;
text-align: center; text-align: center;
/* width: 50%; */ /* width: 50%; */
min-height: 30vh; min-height: 60vh;
max-height: 60vh; max-height: 60vh;
padding-top: 50px; padding: 50px 20px;
opacity: 0.6; opacity: 0.6;
background-color: #A9F5BF; background-color: #A9F5BF;
} }
table { table {
font-size: 1.2em; font-size: 1.2em;
margin: 0 auto; margin: 0 auto;
} }
tr { tr {
height: 60px; height: 60px;
} }
td { td {
text-align: center; text-align: center;
} }
.key { .key {
color: #111; color: #111;
font-weight: bold; font-weight: bold;
width: 200px; width: 200px;
} }
.value { .value {
color: red; color: red;
font-weight: bold font-weight: bold
} }
footer { footer {
height: 20vh; height: 20vh;
background-color: #ffa500; background-color: #ffa500;
@ -153,8 +168,9 @@ vvar landingPageTemplate = template.Must(template.New("landing-page").Parse(`
text-align: center; text-align: center;
padding: 20px; padding: 20px;
} }
</style> </style>
<title>Swarm:: Welcome to Swarm</title> <title>Swarm :: Welcome to Swarm</title>
</head> </head>
<body> <body>