updated base template to include styled Login button

This commit is contained in:
Brad 2014-06-07 12:17:48 -07:00
parent e72289c468
commit 6e2f0ee9cd
19 changed files with 50 additions and 35 deletions

View file

@ -2897,6 +2897,7 @@ body > header {
text-transform: uppercase; text-transform: uppercase;
color: #CCC; color: #CCC;
} }
.header-login,
.header-user { .header-user {
position: absolute; position: absolute;
right: 0px; right: 0px;
@ -2911,6 +2912,7 @@ body > header {
text-decoration: none; text-decoration: none;
text-transform: uppercase; text-transform: uppercase;
} }
.header-login img,
.header-user img { .header-user img {
border-radius: 50%; border-radius: 50%;
float: right; float: right;
@ -2919,6 +2921,11 @@ body > header {
margin-top: 10px; margin-top: 10px;
margin-left: 20px; margin-left: 20px;
} }
.header-login {
padding-left: 20px;
padding-right: 20px;
background: #383C44;
}
article { article {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

View file

@ -19,6 +19,7 @@ body > header {
color: #CCC; color: #CCC;
} }
.header-login,
.header-user { .header-user {
position:absolute; position:absolute;
right:0px; right:0px;
@ -43,6 +44,12 @@ body > header {
} }
} }
.header-login {
padding-left:20px;
padding-right:20px;
background: #383C44;
}
.header-actions { .header-actions {
} }

View file

@ -12,8 +12,6 @@ html
link[rel="stylesheet"][href="/static/styles/drone.css"] link[rel="stylesheet"][href="/static/styles/drone.css"]
title title
block title block title
block link
$link=""
body body
header header
a.header-brand[href="/"] a.header-brand[href="/"]
@ -23,7 +21,10 @@ html
img.header-avatar[src="//secure.gravatar.com/avatar/"+User.Gravatar+"?s=64"] img.header-avatar[src="//secure.gravatar.com/avatar/"+User.Gravatar+"?s=64"]
span.header-username #{User.Login} span.header-username #{User.Login}
else else
span Login a[href="/login"].header-login
| Login
div div
block content block content
block scripts block scripts

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title> <title>
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<div>400 BAD REQUEST!</div> <div>400 BAD REQUEST!</div>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title> <title>
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<div>401 NOT AUTHORIZED</div> <div>401 NOT AUTHORIZED</div>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title> <title>
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<div>403 FORBIDDEN</div> <div>403 FORBIDDEN</div>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title> <title>
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<div>404 NOT FOUND</div> <div>404 NOT FOUND</div>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title> <title>
</title>{{$link := "/admin/settings"}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<div>admin config</div> <div>admin config</div>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title> <title>
</title>{{$link := "/admin/users"}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<div>admin users</div> <div>admin users</div>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title> <title>
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
</div> </div>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title>Login <title>Login
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<article> <article>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title>{{$__amber_1 := .Repo.Name}}{{$__amber_1}} · {{.Branch}} <title>{{$__amber_1 := .Repo.Name}}{{$__amber_1}} · {{.Branch}}
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_4}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_4}}" />
<span class="{{"header-username"}}">{{$__amber_5 := .User.Login}}{{$__amber_5}}</span> <span class="{{"header-username"}}">{{$__amber_5 := .User.Login}}{{$__amber_5}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<article class="{{"pure-g"}}"> <article class="{{"pure-g"}}">

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title>{{$__amber_1 := .Repo.Name}}{{$__amber_2 := .Commit.Sha}}{{$__amber_1}} · {{$__amber_2}} <title>{{$__amber_1 := .Repo.Name}}{{$__amber_2 := .Commit.Sha}}{{$__amber_1}} · {{$__amber_2}}
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_5}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_5}}" />
<span class="{{"header-username"}}">{{$__amber_6 := .User.Login}}{{$__amber_6}}</span> <span class="{{"header-username"}}">{{$__amber_6 := .User.Login}}{{$__amber_6}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<article class="{{"pure-g"}}"> <article class="{{"pure-g"}}">

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title>{{$__amber_1 := .Repo.Name}}{{$__amber_1}} · Config <title>{{$__amber_1 := .Repo.Name}}{{$__amber_1}} · Config
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_4}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_4}}" />
<span class="{{"header-username"}}">{{$__amber_5 := .User.Login}}{{$__amber_5}}</span> <span class="{{"header-username"}}">{{$__amber_5 := .User.Login}}{{$__amber_5}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<article class="{{"pure-g"}}"> <article class="{{"pure-g"}}">

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title>{{$__amber_1 := .Repo.Name}}{{$__amber_1}} <title>{{$__amber_1 := .Repo.Name}}{{$__amber_1}}
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_4}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_4}}" />
<span class="{{"header-username"}}">{{$__amber_5 := .User.Login}}{{$__amber_5}}</span> <span class="{{"header-username"}}">{{$__amber_5 := .User.Login}}{{$__amber_5}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<article class="{{"pure-g"}}"> <article class="{{"pure-g"}}">

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title>{{$__amber_1 := .User.Login}}{{$__amber_1}} · Profile <title>{{$__amber_1 := .User.Login}}{{$__amber_1}} · Profile
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_4}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_4}}" />
<span class="{{"header-username"}}">{{$__amber_5 := .User.Login}}{{$__amber_5}}</span> <span class="{{"header-username"}}">{{$__amber_5 := .User.Login}}{{$__amber_5}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<article> <article>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title>Build Feed <title>Build Feed
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<article> <article>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title> <title>
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<div>User Login</div> <div>User Login</div>

View file

@ -11,7 +11,7 @@
<link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"}}" />
<link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" /> <link rel="{{"stylesheet"}}" href="{{"/static/styles/drone.css"}}" />
<title>Repos <title>Repos
</title>{{$link := ""}} </title>
</head> </head>
<body> <body>
<header> <header>
@ -20,7 +20,7 @@
<img class="{{"header-avatar"}}" src="{{$__amber_3}}" /> <img class="{{"header-avatar"}}" src="{{$__amber_3}}" />
<span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span> <span class="{{"header-username"}}">{{$__amber_4 := .User.Login}}{{$__amber_4}}</span>
</a>{{else}} </a>{{else}}
<span>Login</span>{{end}} <a href="{{"/login"}}" class="{{"header-login"}}">Login</a>{{end}}
</header> </header>
<div> <div>
<article> <article>