Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit fbdb2a1b authored by smain@google.com's avatar smain@google.com
Browse files

add helpouts banner thing to recruit providers

includes script to randomly change the URL and text of link as an A/B test
it's a bad A/B test because it does not save the A/B per session

Change-Id: Ie8338a7403834d2322c5088039f2936207db734b
parent c69af6fa
Loading
Loading
Loading
Loading
+44 −1
Original line number Original line Diff line number Diff line
@@ -1246,7 +1246,7 @@ code {
legend {
legend {
    display: none;
    display: none;
}
}
a:link, a:visited {
a:link, a:visited, .link-color {
  color: #258aaf;
  color: #258aaf;
  text-decoration: none;
  text-decoration: none;
}
}
@@ -7347,3 +7347,46 @@ a.home-new-cta-btn:hover,
    font-style: italic;
    font-style: italic;
    color: #F80;
    color: #F80;
}
}



/* Helpouts widget */
.resource-card-6x2.helpouts-card {
  width: 220px;
  height: 40px;
  position:absolute;
  z-index:999;
  top:-8px;
  right:1px;
}

.resource-card-6x2.helpouts-card > .card-info {
  left:35px;
  height:35px;
  padding:4px 8px 4px 0;
}

.resource-card-6x2.helpouts-card > .card-info .helpouts-description {
  display:block;
  overflow:visible;
  font-size:12px;
  line-height:12px;
  text-align:right;
  color:#666;
}

.helpouts-description .link-color {
  text-transform: uppercase;
}

.resource-card-6x2 > .card-bg.helpouts-card-bg {
  width:35px;
  height:35px;
  margin:2px 0 0 0;
  background-image: url(../images/styles/helpouts-logo-35_2x.png);
  background-image: -webkit-image-set(url(../images/styles/helpouts-logo-35.png) 1x, url(../images/styles/helpouts-logo-35_2x.png) 2x);
}

.resource-card-6x2 > .card-bg.helpouts-card-bg:after {
  display:none;
}
 No newline at end of file
+1.4 KiB
Loading image diff...
+3.24 KiB
Loading image diff...
+30 −1
Original line number Original line Diff line number Diff line
@@ -157,7 +157,36 @@
  <?cs elif:training || guide || reference || tools || develop || google || samples ?>
  <?cs elif:training || guide || reference || tools || develop || google || samples ?>
    <!-- Secondary x-nav -->
    <!-- Secondary x-nav -->
    <div id="nav-x">
    <div id="nav-x">
        <div class="wrap">
        <div class="wrap" style="position:relative">

        <?cs if:reference ?>
            <a id="helpoutsLink" class="resource resource-card resource-card-6x2x3 resource-card-6x2 helpouts-card" 
              href="http://helpouts.google.com/partner/landing/provider/googledevelopers" target="_blank">
              <div class="card-bg helpouts-card-bg"></div>
              <div class="card-info">
                <div class="helpouts-description">
                  <div class="text">Help developers solve problems<br/>
                    <span id="helpoutsLinkText" class="link-color" style="display:block;padding-top:5px;text-align:right">Learn more</span>
                  </div>
                </div>
              </div>
            </a>
            <script>
              var textA = "LEARN MORE";
              var linkA = "http://helpouts.google.com/partner/landing/provider/googledevelopers?utm_source=android_banner1&utm_medium=banner&utm_campaign=android_provider_banner1";
              var textB = "SIGN UP NOW";
              var linkB = "http://helpouts.google.com/partner/landing/provider/googledevelopers?utm_source=android_banner2&utm_medium=banner&utm_campaign=android_provider_banner2";

              if (Math.floor(1/Math.random()) > 1) {
                $("a#helpoutsLink").attr('href', linkA);
                $("span#helpoutsLinkText").text(textA);
              } else {
                $("a#helpoutsLink").attr('href', linkB);
                $("span#helpoutsLinkText").text(textB);
              }
            </script>
        <?cs /if ?>

            <ul class="nav-x col-9 develop" style="width:100%">
            <ul class="nav-x col-9 develop" style="width:100%">
                <li class="training"><a href="<?cs var:toroot ?>training/index.html"
                <li class="training"><a href="<?cs var:toroot ?>training/index.html"
                  zh-tw-lang="訓練課程"
                  zh-tw-lang="訓練課程"