Skip to content
invite as a guest:
custom code comments:
<!---------- 🅙🅢 ---------->
<!---------- 🅲🆂🆂 ---------->
<!---------- 🅥🅐🅛 🅣🅞🅦🅝 ---------->
<!---------- 🤙 ---------->
<!---------- 🔵 Google tag (gtag.js) ---------->
useful emojis:
⎸- ❗️- ⚠️ - ➞ - ✅ -❓
🔵 🔴 🟡 🟢
#
&
£
$
*
[ ]
{ }
<scirpt></scirpt>
<style></style>
letter spacing converter:
Letter spacing (px) = (Font size in px) × (Letter spacing % / 100)
/* Hover state */
.navbar_dropdown-link-wrapper:hover .navbar_dropdown-link-heading {
color: white;
}
.alexander-hall_circle:hover .text-size-regular {
background-color: var(--base-color-brand--cream);
}
.pagination_button:hover .pagination_arrow {
color: white;
}
/* Current state */
.navbar_dropdown-link-wrapper .navbar_dropdown-link-heading.w--current,{
color: white;
}
/* Hide nav buttons under 1080px */
@media (max-width: 1080px) {
.navbar_menu-buttons {
display: none;
}
}
/* Hide nav buttons over 1080px */
@media (min-width: 1080px) {
.navbar_menu-buttons {
display: none;
}
// Sticky Section Grow
$(".sticky-section_wrap").each(function (index) {
let triggerElement = $(this);
let targetElement = $(".path_background");
let tl = gsap.timeline({
scrollTrigger: {
trigger: triggerElement,
// trigger element - viewport
start: "top top",
end: "80% bottom",
scrub: 1
}
});
tl.fromTo(
targetElement,
{
width: "40vw",
height: "40vw",
borderRadius: "50%",
duration: 1
},
{
width: "100%",
height: "100%",
borderRadius: '30px',
duration: 1
}
);
});
</script>
/* nav social icons responsive setup */
@media screen and (max-width: 1175px) and (min-width: 992px) {
.social-link-wrapper {
display: none !important;
}
}
<!---------- custom element into rich-text element ---------->
<script>
second
</script>
<!---------- custom element into rich-text element ---------->
<script>
third
</script>
Gsap Scroll interactions
data-scroll
image-scroll
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.