diff --git a/app/views/Application/Index.html b/app/views/Application/Index.html index 11c4de2..d20729a 100644 --- a/app/views/Application/Index.html +++ b/app/views/Application/Index.html @@ -1,13 +1,16 @@ {{set "title" "Inbucket" .}} {{template "header.html" .}} +{{template "menu.html" .}} -

Inbucket

+
+

Inbucket

-
- Enter a username to view their mailbox - - -
+
+ Enter a username to view their mailbox + + +
+
{{template "footer.html" .}} diff --git a/app/views/Mailbox/List.html b/app/views/Mailbox/List.html index b5c59d2..4b4c438 100644 --- a/app/views/Mailbox/List.html +++ b/app/views/Mailbox/List.html @@ -1,22 +1,27 @@ {{template "header.html" .}} - -

Your Index Is Ready

{{$name := .name}} -

{{.name}} inbox

+
+ -{{if .messages}} - -{{else}} -

No messages!

-{{end}} + {{range .messages}} +
+
{{/**/}}{{.Subject}}
+
{{.From}}
+
{{.Date}}
+
+ {{else}} +
+ No messages! +
+ {{end}} +
+ +
+

Select a message at left, or enter a different username into the box on upper right.

+
{{template "footer.html" .}} diff --git a/app/views/footer.html b/app/views/footer.html index b605728..ba7a67c 100644 --- a/app/views/footer.html +++ b/app/views/footer.html @@ -1,2 +1,8 @@ - + + + diff --git a/app/views/header.html b/app/views/header.html index 93c1a33..58fd444 100644 --- a/app/views/header.html +++ b/app/views/header.html @@ -1,17 +1,34 @@ - - - - - {{.title}} - - - - - {{range .moreStyles}} - - {{end}} - {{range .moreScripts}} - - {{end}} - - + + + + + +{{.title}} + + + +{{range .moreStyles}} + +{{end}} +{{range .moreScripts}} + +{{end}} + + + +
diff --git a/app/views/menu.html b/app/views/menu.html new file mode 100644 index 0000000..a322788 --- /dev/null +++ b/app/views/menu.html @@ -0,0 +1,6 @@ +
+ +
diff --git a/public/images/img01.gif b/public/images/img01.gif new file mode 100644 index 0000000..a965cf6 Binary files /dev/null and b/public/images/img01.gif differ diff --git a/public/images/img02.gif b/public/images/img02.gif new file mode 100644 index 0000000..bdd9dab Binary files /dev/null and b/public/images/img02.gif differ diff --git a/public/images/img03.gif b/public/images/img03.gif new file mode 100644 index 0000000..464f1b5 Binary files /dev/null and b/public/images/img03.gif differ diff --git a/public/images/img04.gif b/public/images/img04.gif new file mode 100644 index 0000000..b96ec46 Binary files /dev/null and b/public/images/img04.gif differ diff --git a/public/images/img05.gif b/public/images/img05.gif new file mode 100644 index 0000000..0d5a045 Binary files /dev/null and b/public/images/img05.gif differ diff --git a/public/images/img06.gif b/public/images/img06.gif new file mode 100644 index 0000000..6d20104 Binary files /dev/null and b/public/images/img06.gif differ diff --git a/public/images/img07.gif b/public/images/img07.gif new file mode 100644 index 0000000..eb4c98e Binary files /dev/null and b/public/images/img07.gif differ diff --git a/public/images/img08.gif b/public/images/img08.gif new file mode 100644 index 0000000..a787cba Binary files /dev/null and b/public/images/img08.gif differ diff --git a/public/images/img09.gif b/public/images/img09.gif new file mode 100644 index 0000000..882e61f Binary files /dev/null and b/public/images/img09.gif differ diff --git a/public/images/img10.jpg b/public/images/img10.jpg new file mode 100644 index 0000000..9fe1f17 Binary files /dev/null and b/public/images/img10.jpg differ diff --git a/public/images/img11.gif b/public/images/img11.gif new file mode 100644 index 0000000..f3bcfbf Binary files /dev/null and b/public/images/img11.gif differ diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css new file mode 100644 index 0000000..d739eee --- /dev/null +++ b/public/stylesheets/main.css @@ -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; +}