Ryan Dejaegher ryandejaegher
ryandejaegher
/ Dynamic Page Title.js
Created
June 10, 2020 19:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| var projectTitle; | |
| var projectTitleText = document.querySelector('.centered-content > h4'); | |
| var checkGallery = document.querySelector('.gallery-section') | |
| var link = window.location.href + '?format=json-pretty'; | |
| fetch(link).then(response => { | |
| console.log('success', response); | |
| return response.json(); | |
| }).then(data => { | |
| console.log(data.collection.title); |
ryandejaegher
/ customize-summary-cta.js
Created
June 11, 2020 14:24
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| var newSummaryCTA = 'Learn More About This'; | |
| var getSummaryCTA = document.querySelectorAll('.summary-read-more-link'); | |
| getSummaryCTA.forEach(item => {item.textContent = newSummaryCTA }); | |
| </script> |
ryandejaegher
/ text over image.css
Created
June 11, 2020 14:47
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| figcaption.image-caption-wrapper { | |
| height: 100% !important; | |
| top: 0 !important; | |
| max-height: 100% !important; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } |
ryandejaegher
/ fixed-header.css
Last active
June 20, 2020 20:57
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Add this code to Design -> Custom CSS */ | |
| header.Header.Header--top, .sqs-announcement-bar-dropzone { | |
| position:fixed !important; | |
| width: 100%; | |
| z-index: 999 !important; | |
| } | |
ryandejaegher
/ arch-style.css
Last active
June 12, 2020 16:24
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Add this code to Design -> Custom CSS */ | |
| .arch-style { | |
| /* add your styles here */ | |
| } |
ryandejaegher
/ full-bleed-image.js
Last active
June 12, 2020 16:54
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Add this code to Settings -> Advanced -> Code Injection -> Footer | |
| <script> | |
| window.addEventListener('load', function(){ | |
| var getBleedImages = document.querySelectorAll('img[alt*="bleed"]'); | |
| getBleedImages.forEach(item => item.parentNode.parentNode.classList.add('full-width')); | |
| }); | |
| </script> |
ryandejaegher
/ change-menu-color-on-scroll.js
Created
June 14, 2020 10:55
ryandejaegher
/ open-links-in-new-tab.js
Created
June 18, 2020 15:15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| (function(){ | |
| window.addEventListener('load', function(){ | |
| var links = document.querySelectorAll('.summary-read-more-link'); | |
| links.forEach(item=>{item.setAttribute('target','_blank') }) | |
| }) | |
| })(); | |
| </script> |