Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-18 18:17:03 +00:00
Code Issues Releases Wiki Activity

Warning: carnage. Hacking in a CSS template.

Browse Source
This commit is contained in:
James Hillyerd
2012-10-10 22:46:59 -07:00
parent 555332c98e
commit 31395891a4
17 changed files with 332 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/views/Application/Index.html
View File

@@ -1,13 +1,16 @@
{{set "title" "Inbucket" .}}
{{template "header.html" .}}
{{template "menu.html" .}}
<h1>Inbucket</h1>
<div id="colTwo">
<h1>Inbucket</h1>
<form action="/mailbox" method="GET">
<form action="/mailbox" method="GET">
<b>Enter a username to view their mailbox</b>
<input type="text" name="name">
<input type=submit value="Go">
</form>
</form>
</div>
{{template "footer.html" .}}

33
app/views/Mailbox/List.html
View File

@@ -1,22 +1,27 @@
{{template "header.html" .}}
<h1>Your Index Is Ready</h1>
{{$name := .name}}
<p>{{.name}} inbox</p>
<div id="colOne">
<div id="logo">
<h1><a href="#">inbucket</a></h1>
<h2>mail for {{.name}}</h2>
</div>
{{if .messages}}
<ul>
{{range .messages}}
<li>
<a href="/mailbox/show/{{$name}}/{{.Id}}">{{.Subject}}</a>
from {{.From}}
({{.Date}})
</li>
<div class="box listEntry">
<div class="subject">{{/*<a href="/mailbox/show/{{$name}}/{{.Id}}">*/}}{{.Subject}}</div>
<div class="from">{{.From}}</div>
<div class="date">{{.Date}}</div>
</div>
{{else}}
<div class="box">
No messages!
</div>
{{end}}
</ul>
{{else}}
<p>No messages!</p>
{{end}}
</div>
<div id="colTwo">
<p>Select a message at left, or enter a different username into the box on upper right.</p>
</div>
{{template "footer.html" .}}

8
app/views/footer.html
View File

@@ -1,2 +1,8 @@
</body>
</div>
<div id="footer">
<p>Inbucket is an open source project hosted at
<a href="http://github.com/jhillyerd/inbucket/">github</a>.
Design by <a href="http://www.freecsstemplates.org/">FCT</a>.</p>
</div>
</body>
</html>

47
app/views/header.html
View File

@@ -1,17 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<title>{{.title}}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="/public/stylesheets/main.css">
<link rel="shortcut icon" type="image/png" href="/public/images/favicon.png">
<script src="/public/javascripts/jquery-1.5.2.min.js" type="text/javascript" charset="utf-8"></script>
{{range .moreStyles}}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{{.title}}</title>
<link href="/public/stylesheets/main.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/png" href="/public/images/favicon.png">
<script src="/public/javascripts/jquery-1.5.2.min.js" type="text/javascript" charset="utf-8"></script>
{{range .moreStyles}}
<link rel="stylesheet" type="text/css" href="/public/{{.}}">
{{end}}
{{range .moreScripts}}
{{end}}
{{range .moreScripts}}
<script src="/public/{{.}}" type="text/javascript" charset="utf-8"></script>
{{end}}
</head>
<body>
{{end}}
</head>
<body>
<div id="header">
<ul id="menu">
<li><a href="/" accesskey="1" title="">Home</a></li>
<li><a href="/about" accesskey="2" title="">About</a></li>
</ul>
<form id="search" action="/mailbox" method="GET">
<fieldset>
<input name="name" type="text" id="input1" />
<input name="submit" type="submit" id="input2" value="Go" />
</fieldset>
</form>
</div>
<div id="content">

6
app/views/menu.html Normal file
View File

@@ -0,0 +1,6 @@
<div id="colOne">
<div id="logo">
<h1><a href="#">inbucket</a></h1>
<h2>email testing service</h2>
</div>
</div>

BIN
public/images/img01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 161 B

BIN
public/images/img02.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 379 B

BIN
public/images/img03.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 407 B

BIN
public/images/img04.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 161 B

BIN
public/images/img05.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 565 B

BIN
public/images/img06.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/images/img07.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 B

BIN
public/images/img08.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 365 B

BIN
public/images/img09.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 B

BIN
public/images/img10.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
public/images/img11.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 276 B

255
public/stylesheets/main.css Normal file
View File

@@ -0,0 +1,255 @@
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
/* Elements */
body {
margin: 20px 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #A1A1A1;
}
h1 {
}
h2, h3, h4, h5, h6 {
color: #2582A4;
}
p, ol, ul {
text-align: justify;
}
strong {
font-weight: bold;
color: #808080;
}
a {
color: #87A019;
}
a:hover {
text-decoration: none;
color: #2582A4;
}
.box {
margin-bottom: 0;
padding-bottom: 0;
background: url(/public/images/img07.gif) repeat-x left bottom;
}
.bottom {
display: block;
margin-bottom: 0;
padding-bottom: 10px;
background: url(/public/images/img08.gif) no-repeat left bottom;
}
.image {
float: left;
margin: 3px 0 0 0;
padding: 0;
}
.indent {
margin-left: 125px;
}
/* Header */
#header {
width: 928px;
height: 37px;
margin: 0 auto;
background: #BECF74 url(/public/images/img01.gif) repeat-x;
border-bottom: 3px solid #FFFFFF;
}
/* Menu */
#menu {
float: left;
width: 600px;
height: 37px;
margin: 0;
padding: 0 0 0 10px;
list-style: none;
background: url(/public/images/img02.gif) no-repeat;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 27px;
padding: 10px 15px 0px 15px;
text-transform: lowercase;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
background: #A4B74C url(/public/images/img04.gif) repeat-x;
}
/* Search */
#search {
float: right;
height: 28px;
margin: 0;
padding: 9px 25px 0 0;
background: url(/public/images/img03.gif) no-repeat right top;
}
#search fieldset {
display: inline;
margin: 0;
padding: 0;
border: none;
}
#input1 {
width: 164px;
padding: 2px 5px;
background: #FFFFFF;
border: none;
}
#input2 {
height: 20px;
background: #87C4DB;
border: none;
text-transform: lowercase;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}
/* Content */
#content {
width: 928px;
margin: 0 auto;
}
#colOne {
float: left;
width: 238px;
background: url(/public/images/img05.gif) repeat-x;
}
#colOne h3 {
padding: 0 20px;
}
#colOne ul {
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
list-style: none;
}
#colOne li {
padding: 5px 0;
border-top: 1px solid #EFEFEF;
}
#colOne li.first {
border: none;
}
#colTwo {
float: right;
width: 617px;
padding: 30px 40px 0 30px;
background: url(/public/images/img09.gif) repeat-x;
}
#colTwo h2 {
margin-top: 0;
font-size: 26px;
}
#colTwo h3 {
margin-bottom: 0;
font-size: 18px;
}
#colTwo h4 {
margin-top: 0;
font-size: 11px;
font-weight: normal;
}
#colTwo .box {
margin: 0 -30px 30px -20px;
padding: 0 30px 0 20px;
}
#colTwo .bottom {
margin: 0 0 20px -20px;
padding: 0 0 20px 20px;
}
/* Logo */
#logo {
height: 150px;
background: url(/public/images/img06.gif) no-repeat;
}
#logo h1, #logo h2, #logo a {
margin: 0;
padding: 0;
text-decoration: none;
text-transform: lowercase;
text-align: center;
color: #FFFFFF;
}
#logo h1 {
padding-top: 25px;
font-size: 34px;
}
#logo h2 {
margin-top: -5px;
font-size: 12px;
}
/* Footer */
#footer {
clear: both;
width: 928px;
margin: 0 auto;
padding-top: 40px;
background: url(/public/images/img11.gif) repeat-x;
}
#footer p {
margin: 0;
text-align: center;
}
.listEntry {
color: #909090;
padding: 5px;
}
.listEntry > .subject {
color: #2582A4;
font-weight: bold;
}