Uploaded image for project: 'Jenkins Website'
  1. Jenkins Website
  2. WEBSITE-197

Add Jenkins World banner to JIRA and wiki pages

    Details

    • Similar Issues:

      Description

      Action from today's governance meeting - Pls place Jenkins World banner (same design as the one on jenkins.io) on the wiki and JIRA pages. Thank you.

        Attachments

          Activity

          Hide
          rtyler R. Tyler Croy added a comment -

          On Confluence I used the following shipped added to the "main layout" inside the JENKINS space:

          #if (!$action.remoteUser)
          <style type="text/css">
          <!--
          .jumbotron {
            background: #042E54 url('https://jenkins.io/images/conferences/jenkinsworld_jumbotron_faded.png') no-repeat center;
            background-size: cover;
            position: relative;
            overflow: hidden;
            padding-left: 25%;
            padding-right: 25%;
            box-shadow:inset rgba(0, 0, 0, .33) 0 20rem 9rem -9rem, inset rgba(0, 0, 0,.25) 0 22rem;
            border-bottom: 4px solid #cb3725;
          
            color: white;
            font-size: 14px;
          }
          
          .words>h2 {
            color: white;
            font-weight: 500;
            font-size: 1.5rem;
          }
          
          .calltoaction {
            padding: 1rem;
          }
          
          .calltoaction>a {
            color: white;
            text-decoration: none;
            margin: 1rem;
            padding: 0.5rem;
            background-color: #d24939;
          -->
          </style>
          <div class="jumbotron">
            <div class="words">
              <h2>
                Register for Jenkins World
              </h2>
              Join the Jenkins community at "Jenkins World" in Santa Clara, California from September 13th - 15th for workshops, presentations and all things Jenkins
            </div>
            <div class="calltoaction">
              <a href="http://jenkinsworld.com" target="_blank">
                Learn more
              </a>
            </div>
          </div>
          #end
          
          Show
          rtyler R. Tyler Croy added a comment - On Confluence I used the following shipped added to the "main layout" inside the JENKINS space: # if (!$action.remoteUser) <style type= "text/css" > <!-- .jumbotron { background: #042E54 url( 'https: //jenkins.io/images/conferences/jenkinsworld_jumbotron_faded.png' ) no-repeat center; background-size: cover; position: relative; overflow: hidden; padding-left: 25%; padding-right: 25%; box-shadow:inset rgba(0, 0, 0, .33) 0 20rem 9rem -9rem, inset rgba(0, 0, 0,.25) 0 22rem; border-bottom: 4px solid #cb3725; color: white; font-size: 14px; } .words>h2 { color: white; font-weight: 500; font-size: 1.5rem; } .calltoaction { padding: 1rem; } .calltoaction>a { color: white; text-decoration: none; margin: 1rem; padding: 0.5rem; background-color: #d24939; --> </style> <div class= "jumbotron" > <div class= "words" > <h2> Register for Jenkins World </h2> Join the Jenkins community at "Jenkins World" in Santa Clara, California from September 13th - 15th for workshops, presentations and all things Jenkins </div> <div class= "calltoaction" > <a href= "http: //jenkinsworld.com" target= "_blank" > Learn more </a> </div> </div> #end
          Hide
          rtyler R. Tyler Croy added a comment -

          The following code was used on JIRA, which uses the "Announcement Banner" feature to render the banner, the banner is hidden via JavaScript from logged in users. HAX.

          <style type="text/css">
          <!--
          .jumbotron {
            background: #042E54 url('https://jenkins.io/images/conferences/jenkinsworld_jumbotron_faded.png') no-repeat center;
            background-size: cover;
            position: relative;
            overflow: hidden;
            padding-left: 25%;
            padding-right: 25%;
            box-shadow:inset rgba(0, 0, 0, .33) 0 20rem 9rem -9rem, inset rgba(0, 0, 0,.25) 0 22rem;
            border-bottom: 4px solid #cb3725;
          
            color: white;
            font-size: 14px;
          }
          
          .words>h2 {
            color: white;
            font-weight: 500;
            font-size: 1.5rem;
          }
          
          .calltoaction {
            padding: 1rem;
          }
          
          .calltoaction>a {
            color: white;
            text-decoration: none;
            margin: 1rem;
            padding: 0.5rem;
            background-color: #d24939;
          -->
          </style>
          <script type="text/javascript"><!--
          (function() {
          var announcementBanner = document.getElementById("announcement-banner");
          
          if (document.getElementById("header-details-user-fullname")) {
            announcementBanner.style.display = "none";
          } else {
            announcementBanner.style.padding = "0px";
          }
          })();
          --></script>
          <div class="jumbotron">
            <div class="words">
              <h2>
                Register for Jenkins World
              </h2>
              Join the Jenkins community at "Jenkins World" in Santa Clara, California from September 13th - 15th for workshops, presentations and all things Jenkins
            </div>
            <div class="calltoaction">
              <a href="http://jenkinsworld.com" target="_blank">
                Learn more
              </a>
            </div>
          </div>
          
          Show
          rtyler R. Tyler Croy added a comment - The following code was used on JIRA, which uses the "Announcement Banner" feature to render the banner, the banner is hidden via JavaScript from logged in users. HAX. <style type= "text/css" > <!-- .jumbotron { background: #042E54 url( 'https: //jenkins.io/images/conferences/jenkinsworld_jumbotron_faded.png' ) no-repeat center; background-size: cover; position: relative; overflow: hidden; padding-left: 25%; padding-right: 25%; box-shadow:inset rgba(0, 0, 0, .33) 0 20rem 9rem -9rem, inset rgba(0, 0, 0,.25) 0 22rem; border-bottom: 4px solid #cb3725; color: white; font-size: 14px; } .words>h2 { color: white; font-weight: 500; font-size: 1.5rem; } .calltoaction { padding: 1rem; } .calltoaction>a { color: white; text-decoration: none; margin: 1rem; padding: 0.5rem; background-color: #d24939; --> </style> <script type= "text/javascript" ><!-- (function() { var announcementBanner = document.getElementById( "announcement-banner" ); if (document.getElementById( "header-details-user-fullname" )) { announcementBanner.style.display = "none" ; } else { announcementBanner.style.padding = "0px" ; } })(); --></script> <div class= "jumbotron" > <div class= "words" > <h2> Register for Jenkins World </h2> Join the Jenkins community at "Jenkins World" in Santa Clara, California from September 13th - 15th for workshops, presentations and all things Jenkins </div> <div class= "calltoaction" > <a href= "http: //jenkinsworld.com" target= "_blank" > Learn more </a> </div> </div>

            People

            • Assignee:
              rtyler R. Tyler Croy
              Reporter:
              atong Alyssa Tong
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: