diff --git a/app/assets/stylesheets/mailbot.css b/app/assets/stylesheets/mailbot.css new file mode 100644 index 00000000..870eb7ef --- /dev/null +++ b/app/assets/stylesheets/mailbot.css @@ -0,0 +1,40 @@ +html { + scroll-behavior: smooth; + } + + body { + background: #fff; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); + color: #000; + font-family: 'Montserrat', sans-serif; + font-size: 16px; + line-height: 1.5; + margin: 0 auto; + } + + h1, + h3, + h4, + h5, + h6 { + font-weight: 400; + line-height: 1.3; + } + p { + color: #0B3559; + font-weight: 400; + line-height: 2; + } + + #border { + background-color: #0B3559; + padding: 25px; + color:#fff; + } + + #content { + background-color: #fff; + padding: 100px; + color: #0B3559; + } + \ No newline at end of file diff --git a/app/views/layouts/_mailbot_footer.html.haml b/app/views/layouts/_mailbot_footer.html.haml new file mode 100644 index 00000000..f086135d --- /dev/null +++ b/app/views/layouts/_mailbot_footer.html.haml @@ -0,0 +1,9 @@ +%html{lang: 'en'} + %head + %meta{charset: 'utf-8'} + %meta{name: 'viewport', content: 'width=device-width, initial-scale=1'} + %meta{content: 'Snap!Con -- A conference all about Snap!, a programing language from UC Berkeley.', name: 'description'} + %meta{content: 'Michael Ball, Brian Harvey, Jens Moenig, Bernat Romagosa, Dan Garcia, Lauren Mock', name: 'author'} + = stylesheet_link_tag "mailbot" + %body + #border \ No newline at end of file diff --git a/app/views/layouts/_mailbot_header.html.haml b/app/views/layouts/_mailbot_header.html.haml new file mode 100644 index 00000000..1492a469 --- /dev/null +++ b/app/views/layouts/_mailbot_header.html.haml @@ -0,0 +1,19 @@ +%html{lang: 'en'} + %head + %meta{charset: 'utf-8'} + %meta{name: 'viewport', content: 'width=device-width, initial-scale=1'} + %title= 'Email' + %meta{content: 'Snap!Con -- A conference all about Snap!, a programing language from UC Berkeley.', name: 'description'} + %meta{content: 'Michael Ball, Brian Harvey, Jens Moenig, Bernat Romagosa, Dan Garcia, Lauren Mock', name: 'author'} + = stylesheet_link_tag "mailbot" + %body + #border + .row + .col-md-2 + - if !@logo.nil? + = image_tag(@logo, style: "display:block") + .col-md-10 + %h1 + #content + %span{:style => "white-space: pre-line"} + \ No newline at end of file diff --git a/app/views/mailbot/email_template.erb b/app/views/mailbot/email_template.erb index 429553be..9834d3fc 100644 --- a/app/views/mailbot/email_template.erb +++ b/app/views/mailbot/email_template.erb @@ -1,77 +1,4 @@ - - - - - - - - - - - - - - Email - - -
-
- -
- <% if !@logo.nil? %> - <%= image_tag(@logo, style: "display:block") %> - <% end %> -
-

-
-
-
- - <%= @email_body %> - -
-
-

-
- - += render "layouts/_mailbot_header" + = @email_body += render "layouts/_mailbot_footer" + \ No newline at end of file