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>
/*
.premium-content-container{
    border-radius: 0!important;
}

.premium-content-banner-container{
    border-radius: 0!important;
    background: #333!important;
}

.premium-button{
    background-color: var(--secondary-color)!important;
    color: black!important;
    text-transform: uppercase!important;
	border-radius: 0!important;
}

.premium-content-img-container img{
    filter: grayscale(1)!important;
}
*/

:root{
--header-font: #3a3a3a;
--mainprof-font: #3a3a3a;
}
.custom-section-container #profile_header_text{
	height: auto!important;
}
.mentor-text-container, .my-title{
    font-family: Helvetica!important;
    letter-spacing: normal!important;
}

#mentor-bio{
    color: #888!important;
}
.mentor-sidebar-content{
    width: 100%!important;
}
.mentor-sidebar-content .mentor-description-wrapper{
    width: 100%!important;
    box-sizing: border-box!important;
}
.mentor-description-wrapper{
    padding: 30px!important;
}
.mentor-sidebar-content .mentor-description-wrapper #mentor-name{
    text-align: left!important;
    font-size: 24px!important;
	font-weight: normal!important;
}
.mentor-sidebar-content .mentor-description-wrapper #mentor-tagline{
    text-align: left!important;
    font-size: 18px!important;
	font-weight: normal!important;
}
.mentor-text-container{
    padding: 60px 0 0 50px!important;
}
.content-container{
    overflow: hidden!important;
}
.buttons-wrapper{
    border-top: #999 2px solid;
    margin-top: 0px!important;
    padding: 40px 0!important;
}
.buttons-wrapper button.msg-button,.buttons-wrapper .back-button{
    width: 270px!important;
    height: 50px!important;
    text-transform: uppercase;
    color: black!important;
    font-weight: bold!important;
    letter-spacing: 1px!important;
    background: #ffb610!important;
}
.mentor-image-wrapper{
    width: 300px!important;
    height: 300px!important;
}

.mentor-image-wrapper img{
    border-radius: 0!important;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
}

.badges-container-sidebar{
    padding: 0px!important;
}
.custom-column-container .sidebar-container {
    background-color: #333 !important;
    border-radius: 0px !important;
}

.mentor-sidebar-content .mentor-description-wrapper {
    color: white !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.buttons-wrapper button {
    border-radius: 0px !important;
    /*box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.16) !important;*/
    background-color:white !important;
color: #2673b0 !important;
    border: none !important;
}


#linkedin-button button.back-button {
    background: #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

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,
    type: "get",
    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">

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>

<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 43

New Version Current

Key