Blogs

Login

<script>
var photo1 = document.getElementById("photo1");
var photo2 = document.getElementById("photo2");
var photo3 = document.getElementById("photo3");
var photo4 = document.getElementById("photo4");
 -2px;var photo5 = document.getElementById("photo5");
var container = document.getElementById("photo-container");
var container2 = document.getElementById("photo-container2");
var container3 = document.getElementById("photo-container3");
var container4 = document.getElementById("photo-container4");
var container5 = document.getElementById("photo-container5");

  container.style.display = "block"; 
    container2.style.display = "none";
    container3.style.display = "none";
    container4.style.display = "none";
    container5.style.display = "none";

photo1.addEventListener("click", function() {
    
    container.style.display = "block"; 
    container2.style.display = "none";
    container3.style.display = "none";
    container4.style.display = "none";
    container5.style.display = "none";
  }  
);

photo2.addEventListener("click", function() {
    container.style.display = "none"; 
    container2.style.display = "block";
    container3.style.display = "none";
    container4.style.display = "none";
    container5.style.display = "none";
  
});

photo3.addEventListener("click", function() {

    container.style.display = "none"; 
    container2.style.display = "none";
    container3.style.display = "block";
    container4.style.display = "none";
    container5.style.display = "none";
  
});


photo4.addEventListener("click", function() {
  
    container.style.display = "none"; 
    container2.style.display = "none";
    container3.style.display = "none";
    container4.style.display = "block";
    container5.style.display = "none";
 
});

photo5.addEventListener("click", function() {
  
    container.style.display = "none"; 
    container2.style.display = "none";
    container3.style.display = "none";
    container4.style.display = "none";
    container5.style.display = "block";
  
});

window.onload = function () {
  const div = document.getElementById("public-page-name");

  const container = document.createElement("div");
  container.classList.add("public-page-name-container");
  div.appendChild(container);

  const span = document.createElement("span");
  span.classList.add("public-page-name-pre");
  const preText = document.createTextNode("flexcal.me/");
  span.appendChild(preText);
  container.appendChild(span);

  const input = document.createElement("input");
  input.classList.add("public-page-name-input");
  input.type = "text";
  container.appendChild(input);

  const button = document.createElement("button");
  button.classList.add("public-page-name-btn");
  button.textContent = "Claim";
  container.appendChild(button);
};


</script>

Check Out Our Blogs

Breaking Free from Calendar Chaos: Why Traditional Scheduling is Holding You Back

Embracing Flexibility: Why Today's Workers Demand More Flexible Conditions