add lightbox to multi image
This commit is contained in:
		
							
								
								
									
										28
									
								
								.eleventy.js
									
									
									
									
									
								
							
							
						
						
									
										28
									
								
								.eleventy.js
									
									
									
									
									
								
							@ -40,21 +40,22 @@ module.exports = function (eleventyConfig) {
 | 
			
		||||
    };
 | 
			
		||||
 | 
			
		||||
    var slug = title
 | 
			
		||||
    .toLowerCase()
 | 
			
		||||
    .trim()
 | 
			
		||||
    // remove accents
 | 
			
		||||
    .normalize('NFD')
 | 
			
		||||
    .replace(/[\u0300-\u036f]/g, '')
 | 
			
		||||
    // replace invalid characters with spaces
 | 
			
		||||
    .replace(/[^a-z0-9\s-]/g, ' ')
 | 
			
		||||
    .trim()
 | 
			
		||||
    // replace multiple spaces or hyphens with a hyphen
 | 
			
		||||
    .replace(/[\s-]+/g, '-');
 | 
			
		||||
      .toLowerCase()
 | 
			
		||||
      .trim()
 | 
			
		||||
      // remove accents
 | 
			
		||||
      .normalize('NFD')
 | 
			
		||||
      .replace(/[\u0300-\u036f]/g, '')
 | 
			
		||||
      // replace invalid characters with spaces
 | 
			
		||||
      .replace(/[^a-z0-9\s-]/g, ' ')
 | 
			
		||||
      .trim()
 | 
			
		||||
      // replace multiple spaces or hyphens with a hyphen
 | 
			
		||||
      .replace(/[\s-]+/g, '-');
 | 
			
		||||
 | 
			
		||||
    return `<hr>
 | 
			
		||||
    <p>
 | 
			
		||||
      <strong>${title}</strong><br>
 | 
			
		||||
      ${// evil nested tertiary this is the worlds least oneline oneliner
 | 
			
		||||
      ${
 | 
			
		||||
      // evil nested tertiary this is the worlds least oneline oneliner
 | 
			
		||||
      !link || link == "" ?
 | 
			
		||||
        "" :
 | 
			
		||||
        Array.isArray(link) ?
 | 
			
		||||
@ -65,8 +66,9 @@ module.exports = function (eleventyConfig) {
 | 
			
		||||
      }${!image || image == "" ?
 | 
			
		||||
        "" :
 | 
			
		||||
        Array.isArray(image) ?
 | 
			
		||||
          image.map((i) => `<img src="${i}"/><br>`).join(" ") :
 | 
			
		||||
          `<a href="#img_${slug}"><img src="${image}"/><br></a>
 | 
			
		||||
          image.map((i, index) => `<a href="#img_${slug}_${index}"><img src="${image}"/></a><br>
 | 
			
		||||
          <a href="#_${slug}_${index}" class="lightbox trans" id="img_${slug}_${index}"><img src="${image}"/></a>`).join(" ") :
 | 
			
		||||
          `<a href="#img_${slug}"><img src="${image}"/></a><br>
 | 
			
		||||
          <a href="#_${slug}" class="lightbox trans" id="img_${slug}"><img src="${image}"/></a>`
 | 
			
		||||
      }${!video || video == "" ?
 | 
			
		||||
        "" :
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user