Skip to content
Permalink
Browse files

fix default ad template and update ad templates in the redesigned vie…

…ws folder (#802)

* fix default ad template and update ad templates in the redesigned views folder

* revert storage.yml changes

* update bottom bar with left: 0
  • Loading branch information...
andrewmcodes committed Nov 12, 2019
1 parent 9f49e42 commit 2314994a92bfa0cd8d41b8bf30f591f793f2fd78
Showing with 110 additions and 95 deletions.
  1. +1 −0 app/views/ad_templates/bottom-bar/themes/dark.css
  2. +1 −0 app/views/ad_templates/bottom-bar/themes/light.css
  3. +0 −3 app/views/ad_templates/default/show.html.erb
  4. +3 −0 app/views/ad_templates/default/themes/dark.css
  5. +3 −0 app/views/ad_templates/default/themes/light.css
  6. +2 −2 app/views_redesigned/ad_templates/bottom_bar/show.html.erb
  7. +4 −3 app/views_redesigned/ad_templates/bottom_bar/themes/dark.css
  8. +3 −2 app/views_redesigned/ad_templates/bottom_bar/themes/light.css
  9. +2 −2 app/views_redesigned/ad_templates/centered/show.html.erb
  10. +2 −5 app/views_redesigned/ad_templates/default/show.html.erb
  11. +33 −30 app/views_redesigned/ad_templates/default/themes/dark.css
  12. +34 −26 app/views_redesigned/ad_templates/default/themes/light.css
  13. +2 −2 app/views_redesigned/ad_templates/docsify/show.html.erb
  14. +2 −2 app/views_redesigned/ad_templates/horizontal/show.html.erb
  15. +2 −2 app/views_redesigned/ad_templates/image_centered/show.html.erb
  16. +2 −2 app/views_redesigned/ad_templates/image_only/show.html.erb
  17. +3 −3 app/views_redesigned/ad_templates/media/show.html.erb
  18. +2 −2 app/views_redesigned/ad_templates/rectangle_narrow/show.html.erb
  19. +2 −2 app/views_redesigned/ad_templates/responsive_footer/show.html.erb
  20. +2 −2 app/views_redesigned/ad_templates/sponsored_text/show.html.erb
  21. +2 −2 app/views_redesigned/ad_templates/square/show.html.erb
  22. +1 −1 app/views_redesigned/ad_templates/text/show.html.erb
  23. +2 −2 app/views_redesigned/ad_templates/vertical/show.html.erb
@@ -11,6 +11,7 @@
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
padding: 0.8em 1em 1em;
width: 100%;
@@ -11,6 +11,7 @@
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
padding: 0.8em 1em 1em;
width: 100%;
@@ -3,9 +3,6 @@
<span>
<span class="cf-wrapper">
<a data-href="campaign_url" target="_blank" rel="sponsored noopener">
<span class="cf-img-wrapper">
<%= image_tag @creative.large_image.cloudfront_url, border: 0, height: 100, width: 130, class: "cf-img", alt: @creative.name rescue nil %>
</span>
<span class="cf-text">
<strong><%= @creative.headline %></strong>
<span><%= @creative.body %></span>
@@ -5,12 +5,15 @@

#cf a {
box-shadow: none !important;
text-decoration: none;
color: inherit;
}

#cf .cf-wrapper {
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
padding: 0.8em 1em 1em;
width: 100%;
@@ -5,12 +5,15 @@

#cf a {
box-shadow: none !important;
text-decoration: none;
color: inherit;
}

#cf .cf-wrapper {
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
padding: 0.8em 1em 1em;
width: 100%;
@@ -1,11 +1,11 @@
<% cache_if @campaign.persisted? && @creative.persisted?, [@campaign, @creative] do %>
<div id="cf">
<span class="cf-wrapper">
<a data-href="campaign_url" class="cf-text" target="_blank" rel="sponsor noopener">
<a data-href="campaign_url" class="cf-text" target="_blank" rel="sponsored noopener">
<strong><%= @creative.headline %></strong>
<span><%= @creative.body %></span>
</a>
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsor noopener">
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsored noopener">
<em>ethical</em> ad by CodeFund
<img data-src="impression_url" alt="">
</a>
@@ -1,6 +1,6 @@
#cf {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-size: 13px;
}

#cf a {
@@ -11,11 +11,12 @@
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
padding: 0.8em 1em 1em;
width: 100%;
border-top: solid 2px #4caf50;
background-color: #efefef;
border-top: solid 1px #bfbfbf;
background-color: #eeeeee;
text-align: center;
line-height: 1.5;
}
@@ -1,6 +1,6 @@
#cf {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-size: 13px;
}

#cf a {
@@ -11,10 +11,11 @@
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
padding: 0.8em 1em 1em;
width: 100%;
border-top: solid 2px #4caf50;
border-top: solid 1px #bfbfbf;
background-color: #eeeeee;
text-align: center;
line-height: 1.5;
@@ -2,11 +2,11 @@
<div id="cf">
<div class="cf-wrapper">
<div class="cf-header">Proudly sponsored by</div>
<a data-href="campaign_url" class="cf-text" target="_blank" rel="sponsor noopener">
<a data-href="campaign_url" class="cf-text" target="_blank" rel="sponsored noopener">
<strong><%= @creative.headline %></strong>
<span><%= @creative.body %></span>
</a>
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsor noopener">
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsored noopener">
<em>ethical</em> ad by CodeFund
<img data-src="impression_url" alt="">
</a>
@@ -2,16 +2,13 @@
<div id="cf">
<span>
<span class="cf-wrapper">
<a data-href="campaign_url" target="_blank" rel="sponsor noopener">
<span class="cf-img-wrapper">
<%= image_tag @creative.large_image.cloudfront_url, border: 0, height: 100, width: 130, class: "cf-img", alt: @creative.name rescue nil %>
</span>
<a data-href="campaign_url" target="_blank" rel="sponsored noopener">
<span class="cf-text">
<strong><%= @creative.headline %></strong>
<span><%= @creative.body %></span>
</span>
</a>
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsor noopener">
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsored noopener">
<em>ethical</em> ad by CodeFund
<img data-src="impression_url" alt="">
</a>
@@ -1,49 +1,52 @@
#cf {
margin: 0 auto;
max-width: 330px;
border: none;
background-color: rgba(0, 0, 0, 0.05);
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}

#cf a {
box-shadow: none !important;
text-decoration: none;
color: inherit;
}

#cf .cf-wrapper {
border-radius: 4px;
display: block;
padding: 15px;
overflow: hidden;
font-size: 14px;
line-height: 1.4;
text-align: left;
font-family: Helvetica;
}

#cf .cf-img-wrapper {
float: left;
margin-right: 15px;
}

#cf .cf-img {
vertical-align: middle;
border-style: none;
max-width: 130px;
position: relative;
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
padding: 0.8em 1em 1em;
width: 100%;
border-top: solid 2px #4caf50;
background-color: #efefef;
text-align: center;
line-height: 1.5;
}

#cf .cf-text {
color: rgba(255, 255, 255, 0.7);
color: inherit;
text-decoration: none;
box-shadow: none;
}

#cf .cf-text strong {
color: rgba(255, 255, 255, 1);
#cf .cf-text:before {
margin-right: 4px;
padding: 2px 6px;
border-radius: 3px;
background-color: #4caf50;
color: #fff;
content: 'Supporter';
}

#cf .cf-powered-by {
margin-top: 5px;
font-size: 12px;
display: block;
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
color: #999;
box-shadow: none;
}

#cf .cf-powered-by::before {
content: '';
color: rgba(0, 0, 0, 0.3);
display: inline-block;
}
@@ -1,44 +1,52 @@
#cf {
margin: 0 auto;
max-width: 330px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}

#cf a {
box-shadow: none !important;
text-decoration: none;
color: inherit;
}

#cf .cf-wrapper {
border-radius: 4px;
display: block;
padding: 15px;
overflow: hidden;
font-size: 14px;
line-height: 1.4;
text-align: left;
background-color: rgba(0, 0, 0, 0.05);
font-family: Helvetica;
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
padding: 0.8em 1em 1em;
width: 100%;
border-top: solid 2px #4caf50;
background-color: #eeeeee;
text-align: center;
line-height: 1.5;
}

#cf .cf-img-wrapper {
float: left;
margin-right: 15px;
}

#cf .cf-img {
vertical-align: middle;
border-style: none;
max-width: 130px;
position: relative;
#cf .cf-text {
color: inherit;
text-decoration: none;
box-shadow: none;
}

#cf .cf-text {
color: #333;
#cf .cf-text:before {
margin-right: 4px;
padding: 2px 6px;
border-radius: 3px;
background-color: #4caf50;
color: #fff;
content: 'Supporter';
}

#cf .cf-powered-by {
margin-top: 5px;
font-size: 12px;
display: block;
color: #777;
text-decoration: none;
color: #999;
box-shadow: none;
}

#cf .cf-powered-by::before {
content: '';
color: rgba(0, 0, 0, 0.3);
display: inline-block;
}
@@ -2,7 +2,7 @@
<div id="cf">
<div class="cf-wrapper">
<div class="clearfix">
<a data-href="campaign_url" target="_blank" rel="sponsor noopener">
<a data-href="campaign_url" target="_blank" rel="sponsored noopener">
<span class="cf-img-wrapper">
<%= image_tag @creative.small_image.cloudfront_url, width: 65, height: 65, class: "cf-img", alt: @creative.name rescue nil %>
</span>
@@ -12,7 +12,7 @@
</span>
</a>
</div>
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsor noopener">
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsored noopener">
<em>ethical</em> ad by CodeFund
<img data-src="impression_url" alt="">
</a>
@@ -1,11 +1,11 @@
<% cache_if @campaign.persisted? && @creative.persisted?, [@campaign, @creative] do %>
<div id="cf">
<span class="cf-wrapper">
<a data-href="campaign_url" class="cf-text" target="_blank" rel="sponsor noopener">
<a data-href="campaign_url" class="cf-text" target="_blank" rel="sponsored noopener">
<strong><%= @creative.headline %></strong>
<span><%= @creative.body %></span>
</a>
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsor noopener">
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsored noopener">
<em>ethical</em> ad by CodeFund
<img data-src="impression_url" alt="">
</a>
@@ -1,7 +1,7 @@
<% cache_if @campaign.persisted? && @creative.persisted?, [@campaign, @creative] do %>
<div id="cf">
<span class="cf-wrapper">
<a data-href="campaign_url"target="_blank" rel="sponsor noopener">
<a data-href="campaign_url"target="_blank" rel="sponsored noopener">
<span class="cf-img-wrapper">
<%= image_tag @creative.large_image.cloudfront_url, border: 0, height: 100, width: 130, class: "cf-img", alt: @creative.name rescue nil %>
</span>
@@ -10,7 +10,7 @@
<span><%= @creative.body %></span>
</span>
</a>
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsor noopener">
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsored noopener">
<em>ethical</em> ad by CodeFund
<img data-src="impression_url" alt="">
</a>
@@ -2,10 +2,10 @@
<div id="cf">
<span class="cf-wrapper">
<div class="cf-header">supported by</div>
<a data-href="campaign_url" class="cf-img-wrapper" target="_blank" rel="sponsor noopener">
<a data-href="campaign_url" class="cf-img-wrapper" target="_blank" rel="sponsored noopener">
<%= image_tag @creative.small_image.cloudfront_url, height: 150, width: 150, class: "cf-img", alt: @creative.name rescue nil %>
</a>
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsor noopener">
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsored noopener">
<em>ethical</em> ad by CodeFund
<img data-src="impression_url" alt="">
</a>
@@ -1,18 +1,18 @@
<% cache_if @campaign.persisted? && @creative.persisted?, [@campaign, @creative] do %>
<div id="cf">
<span class="cf-wrapper">
<a data-href="campaign_url" class="cf-img-wrapper" target="_blank" rel="sponsor noopener">
<a data-href="campaign_url" class="cf-img-wrapper" target="_blank" rel="sponsored noopener">
<%= image_tag @creative.small_image.cloudfront_url, border: 0, height: 48, width: 48, class: "cf-img", alt: @creative.name rescue nil %>
</a>
<div class="cf-media-body">
<a data-href="campaign_url" class="cf-text" target="_blank" rel="sponsor noopener">
<a data-href="campaign_url" class="cf-text" target="_blank" rel="sponsored noopener">
<strong><%= @creative.headline %></strong>
<span>
<%= @creative.body %>
<span class="cf-link"><%= @creative.cta %></span>
</span>
</a>
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsor noopener">
<a href="https://app.codefund.io" data-target="powered_by_url" class="cf-powered-by" target="_blank" rel="sponsored noopener">
<em>ethical</em> ad by CodeFund
</a>
<img data-src="impression_url" alt="">

0 comments on commit 2314994

Please sign in to comment.
You can’t perform that action at this time.