Page History

...

Hide If

group	confluence-administrators

HTML
<script> const url_params = new URLSearchParams(window.location.search); var param_name = url_params.get('mentor'); if(param_name == null){ window.location.href = "/display/PN"; } </script>

HTML

<style>
:root{
--header-font: #3a3a3a;
--mainprof-font: #3a3a3a;
}
.custom-section-container #profile_header_text{
	height: auto/*
.premium-content-container{
    border-radius: 0!important;
}

.mentorpremium-content-textbanner-container, .my-title{
    fontborder-familyradius: Helvetica0!important;
    letter-spacingbackground: normal#333!important;
}

#mentor.premium-biobutton{
    background-color: #888var(--secondary-color)!important;
}
.mentor-sidebar-content{
    widthcolor: 100%black!important;
}
.mentor-sidebar-content .mentor-description-wrapper{
    widthtext-transform: 100%uppercase!important;
    box-sizing: border-box	border-radius: 0!important;
}

.mentorpremium-content-descriptionimg-wrappercontainer img{
    paddingfilter: 30pxgrayscale(1)!important;
}
.mentor-sidebar-content .mentor-description-wrapper #mentor-name{
    text-align: left!important;
    font-size: 24px!important;
	font-weight: normal
*/

:root{
--header-font: #3a3a3a;
--mainprof-font: #3a3a3a;
}
.custom-section-container #profile_header_text{
	height: auto!important;
}
.mentor-sidebartext-contentcontainer, .mentor-description-wrapper #mentor-taglinemy-title{
    textfont-alignfamily: leftHelvetica!important;
    fontletter-sizespacing: 18pxnormal!important;
}

	font-weight#mentor-bio{
    color: normal#888!important;
}
.mentor-textsidebar-containercontent{
    paddingwidth: 60px 0 0 50px100%!important;
}
.mentor-sidebar-content .mentor-description-containerwrapper{
    overflow: hiddenwidth: 100%!important;
    box-sizing: border-box!important;
}
.buttonsmentor-description-wrapper{
    border-top: #999 2px solid;padding: 30px!important;
}
.mentor-sidebar-content .mentor-description-wrapper #mentor-name{
    margintext-topalign: 0pxleft!important;
    paddingfont-size: 40px 024px!important;
	font-weight: normal!important;
}
.buttonsmentor-sidebar-wrappercontent button.msg-button,.buttonsmentor-description-wrapper .back#mentor-buttontagline{
    widthtext-align: 270pxleft!important;
    heightfont-size: 50px18px!important;
    text-transform: uppercase;
	font-weight: normal!important;
}
.mentor-text-container{
    colorpadding: black60px 0 0 50px!important;
}
.content-container{
    font-weightoverflow: boldhidden!important;
}
.buttons-wrapper{
    letter-spacing: 1pxborder-top: #999 2px solid;
    margin-top: 0px!important;
    backgroundpadding: 40px #ffb6100!important;
}
.mentor-image-wrapper.buttons-wrapper button.msg-button,.buttons-wrapper .back-button{
    width: 300px270px!important;
    height: 300px50px!important;
}

.mentor-image-wrapper img{
    bordertext-radiustransform: 0!importantuppercase;
    widthcolor: 100%black!important;
    heightfont-weight: 100%bold!important;
    objectletter-fitspacing: cover1px!important;
}

.badges-container-sidebar{
    paddingbackground: 0px#ffb610!important;
}
.custommentor-column-container .sidebar-container image-wrapper{
    background-colorwidth: #333 300px!important;
    border-radiusheight: 0px 300px!important;
}

.mentor-sidebarimage-content .mentor-description-wrapper {wrapper img{
    border-radius: 0!important;
    colorwidth: white 100%!important;
    font-weightheight: bold 100%!important;
    fontobject-sizefit: 18px cover!important;
}

.buttons-wrapper button badges-container-sidebar{
    border-radiuspadding: 0px !important;
}
.custom-column-container .sidebar-container {
   /*box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.16)  background-color: #333 !important;*/
    backgroundborder-colorradius:white 0px !important;
color: #2673b0 !important;
}

.mentor-sidebar-content .mentor-description-wrapper {
    bordercolor: nonewhite !important;
}


#linkedin-button button.back-button {
    background: #deeab4    font-weight: bold !important;
    displayfont-size: none;
}

button.msg-button {
    background: white18px !important;
}

.contentbuttons-containerwrapper button {
    backgroundborder-radius: white0px !important;
    border/*box-radiusshadow: 0px !important;
    /*box-shadow: -2px 2px 21px4px 0 rgba(0, 0, 0, 0.16) !important;*/
}

div#mainprofcontainer {
    width: 90%background-color:white !important;
color: #2673b0 !important;
    marginborder: 40pxnone auto!important;
}


#linkedin-button button.mentorback-text-containerbutton {
    widthbackground: 80%#deeab4 !important;
}
    display: none;
}

button.msg-button {
    background: white!important;
}

.content-container {
    background: white !important;
    border-radius: 0px !important;
    /*box-shadow: -2px 2px 21px 0 rgba(0, 0, 0, 0.16) !important;*/
}

div#mainprofcontainer {
    width: 90%;
    margin: 40px auto;
}
.mentor-text-container {
    width: 80% !important;
}
</style>

Custom section

ContainerID	profile_header_container
Width	box-sizing: border-box; padding: 20px; align-items: center; flex-direction: row; display: flex; width: calc(80% - 40px); height: 120px; background: black;margin: 40px auto;

HTML
<div id="profile_header_text" style='color: white; font-weight: bold; font-size: 40px; padding-left: 20px;'> </div>

...

Custom section

CustomCSS	width: 80%!important; flex-wrap: nowrap;
ContainerID	mainprofcontainer
DisableAutoHeight	true

Custom column

CustomCSS	height: unset!important; min-width: 320px!important;max-width: 320px!important;
Width	320px

Mentor sidebar

BackButton	/display/PN#tab-MENTORS

Custom column

CustomCSS	margin-left: 20px;width:100%!important;
Width	100%

General content

CustomCSS	background-color: inherit;

Mentor description

HTML
<div id="book"> </div>

Hide If

group	premium-users

Custom section

CustomCSS	justify-content:center;

Locked content

Show If

group	premium-users

HTML

<script>
let current_mentor = getQueryVariableFromUrl("mentor");
AJS.toInit(function (){
  var iframeBooking = AJS.$('#roomBooking');
  var mentorCalendar;
  jQuery.ajax({
    url: "https://signup.theonevalley.com/mentor/calendar/" + current_mentor,mentor,
    type: "get",
    dataType: 'json',
    async: false,
    success: function (data) {
	  console.log('email???', data);
    type: "get",
 var iframeSrc = dataType: 'json',
    async: false,
    success: function (data) {
	  console.log('email???', data);
      var iframeSrc = 'https://gsvlabs.as.me/?calendarID=' + data.id + '&appointmentType=8893711' + '&firstName=' + userFirstName + '&lastName=' + userLastName + '&email=' + userEmail + '&phone=' + userPhone + '&certificate=' + userMentorCode + '&field:5754148=' + userWebsite + '&field:5756602=' + userWebsite + '&field:5756740=' + userCompany + '&field:5756761=' + userCompany;
      iframeBooking.attr('src', iframeSrc); 
    }
  });
});
</script>
<iframe id="roomBooking" width="100%" height="800" frameBorder="0"> </iframe><script src="https://d3gxy7nm8y4yjr.cloudfront.net/js/embed.js" type="text/javascript">'https://gsvlabs.as.me/?calendarID=' + data.id + '&appointmentType=8893711' + '&firstName=' + userFirstName + '&lastName=' + userLastName + '&email=' + userEmail + '&phone=' + userPhone + '&certificate=' + userMentorCode + '&field:5754148=' + userWebsite + '&field:5756602=' + userWebsite + '&field:5756740=' + userCompany + '&field:5756761=' + userCompany;
      iframeBooking.attr('src', iframeSrc); 
    }
  });
});
</script>
<iframe id="roomBooking" width="100%" height="800" frameBorder="0"> </iframe><script src="https://d3gxy7nm8y4yjr.cloudfront.net/js/embed.js" type="text/javascript">

HTML

<style>
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px) {
  .mentor-text-container {
	padding: 20px 0 0 0 !important;
  }
  .custom-column-container:nth-child(4) {
	margin-top: 20px !important;
	margin-left: 0 !important;
  }
}
</style>

HTML

<script>
$('.my-title')[0].remove();
$('#mentor-strengths')[0].remove();
$('.my-title')[0].innerHTML = " ";
AJS.toInit(function(){
	document.getElementById('mentor-tagline').innerHTML = document.getElementById('mentor-tagline').innerHTML.substring(2).substring(0,document.getElementById('mentor-tagline').innerHTML.length-4);
	document.getElementById('profile_header_text').innerHTML = document.getElementById('mentor-name').innerHTML;
	$('.my-title')[0].innerHTML = "About " + document.getElementById('mentor-name').innerHTML.toString();
});
</script>

...

Content

Space Tools

Versions Compared

Old Version 42

New Version Current

Key