Freemason.js

Developer
Size
12,873 Kb
Views
24,288

How do I make an freemason.js?

I didn’t need all the bells and whis­tles of those “other” dynamic lay­out plu­g­ins (Iso­tope and Masonry), so here’s the stripped-down ver­sion I came up with.. What is a freemason.js? How do you make a freemason.js? This script and codes were developed by Kyle Foster on 04 September 2022, Sunday.

Freemason.js Previews

Freemason.js - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Freemason.js</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <header> <h1 class="logo">Freemason.js</h1> <a class="github" href="https://github.com/hkfoster/freemason" target="_blank">Fork me on Github</a> <span class="teaser">Resize me &rarr;</span>
</header>
<body>
<!-- Add container class of 'thumb-wrapper' -->
<section class="thumb-wrapper"> <!-- Add a list class of 'thumb-list' and an item class of 'thumb' --> <ul class="thumb-list"> <li class="thumb"> <img src="https://images-na.ssl-images-amazon.com/images/I/81%2B6lhgPcIL._SY500_.jpg" alt="Post Pop Depression"> </li> <li class="thumb"> <img src="https://images-na.ssl-images-amazon.com/images/I/51ovV9QYlqL.jpg" alt="Zipper Down"> </li> <li class="thumb"> <img src="http://ecx.images-amazon.com/images/I/413WE38pDRL.jpg" alt="Like Clockwork"> </li> <li class="thumb"> <img src="https://images-na.ssl-images-amazon.com/images/I/517fG1WXh7L.jpg" alt="Them Crooked Vultures"> </li> <li class="thumb"> <img src="https://images-na.ssl-images-amazon.com/images/I/51VMJAdMSBL.jpg" alt="Heart On"> </li> <li class="thumb"> <img src="http://ecx.images-amazon.com/images/I/517HpPUIsxL.jpg" alt="Era Vulgaris"> </li> <li class="thumb"> <img src="https://images-na.ssl-images-amazon.com/images/I/51J2XKBVS4L.jpg" alt="Death By Sexy"> </li> <li class="thumb"> <img src="http://ecx.images-amazon.com/images/I/51MSV6KQM5L.jpg" alt="Lullabies to Paralyze"> </li> <li class="thumb"> <img src="https://images-na.ssl-images-amazon.com/images/I/418wHGjr8ZL.jpg" alt="Peace, Love, Death Metal"> </li> <li class="thumb"> <img src="http://ecx.images-amazon.com/images/I/41cvRzuqisL.jpg" alt="Songs for the Deaf"> </li> <li class="thumb"> <img src="http://ecx.images-amazon.com/images/I/71Uj7GcOkZL._SL1500_.jpg" alt="Rated R"> </li> <li class="thumb"> <img src="https://images-na.ssl-images-amazon.com/images/I/51l80bfSzYL.jpg" alt="Queens of the Stone Age"> </li> </ul>
</section>
</body> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Freemason.js - Script Codes CSS Codes

/** * Webfont link */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);
/** * Plugin base styles */
.thumb-wrapper { margin: 0 auto; }
.thumb-list { position: relative; list-style: none; list-style-image: none; padding-bottom: 40px;
}
.thumb { position: absolute; overflow: hidden; width: 213px; height: 213px;
}
.thumb img { max-width: 100%; height: auto;
}
/** * Non-plugin styles */
html { height: 100%; font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
}
body { height: 100%; margin: 0; color: #584968; text-align: center; font: 400 1.3rem/1.5 'Source Sans Pro', Helvetica, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
}
.wrapper { position: relative; width: 90%; max-width: 850px; margin: 0 auto;
}
/** * Links */
a { color: #584968; text-decoration: none;
}
a:focus { outline: 0 }
a:hover, a:active { text-decoration: none; outline: 0; color: #BC575D;
}
/** * Shiny logo is shiny */
.logo { width: 140px; height: 140px; border: 0; margin: 0 auto; overflow: hidden; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDAgMTQwIj48c3R5bGU+LnN0eWxlMHtmaWxsOiM1ODQ5Njg7fTwvc3R5bGU+PHBhdGggZD0iTTcwLjM2MiA1Ny41OThjLTEuOTk3IDAtMy42MTkgMS42MTctMy42MTkgMy42MTRjMCAyIDEuNiAzLjYgMy42IDMuNiBjMS45OTQgMCAzLjYxMS0xLjYxNSAzLjYxMS0zLjYxN0M3My45NzQgNTkuMiA3Mi40IDU3LjYgNzAuNCA1Ny41OTh6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTcwLjA2MyAyNi4zMTJMMzcuMzMzIDgzaDY1LjQ1NUw3MC4wNjMgMjYuMzEyeiBNODcuMzUzIDU5Ljk3Yy0zLjExNy0zLjQ1OS05LjQ3LTkuMjgxLTE2Ljk5LTkuMjgxIGMtMTAuMTI2IDAtMTguMTQ0IDEwLjU0My0xOC45NjggMTEuNjY2TDcwLjA2MyAzMC4wMkw4Ny4zNTMgNTkuOTd6IE03MC4zNjIgNjkuMjI2Yy00LjQxOSAwLTguMDExLTMuNTk1LTguMDExLTguMDEzIGMwLTQuNDE3IDMuNTkyLTguMDA5IDguMDExLTguMDA5YzQuNDE0IDAgOCAzLjYgOCA4LjAwOUM3OC4zNyA2NS42IDc0LjggNjkuMiA3MC40IDY5LjIyNnogTTYzLjIyNyA2OC4zIGMtNC41ODctMS41OTItOC4xNzYtNC4yMjMtOS42MzgtNS40MmMxLjI2NS0xLjU2MyA0LjQ3OC01LjIxNCA4LjY3Ny03LjY4NWMtMS4yNDEgMS42NzgtMiAzLjcyOS0yIDYgQzYwLjI2NiA2NCA2MS40IDY2LjUgNjMuMiA2OC4zNDh6IE04MC40NTQgNjEuMjEyYzAtMi4yNDEtMC43NTgtNC4yOTQtMi4wMDEtNS45NzEgYzQuMTk5IDIuNSA3LjQgNi4xIDguNyA3LjY4N2MtMS40NiAxLjE5Ny01LjA1IDMuODM0LTkuNjQyIDUuNDI3Qzc5LjMxOSA2Ni41IDgwLjUgNjQgODAuNSA2MS4yMTJ6IE01MC44NTcgNjMuNTU2bDAuNTg4IDAuNDEzYzAuMzQ1IDAuMyA4LjYgNy44IDE4LjkgNy44NDVjMTAuMzQ1IDAgMTguNTY2LTcuNjIzIDE4LjkxMi03Ljk0NmwwLjIwMiAwLjA2Nkw5OS4xOCA4MSBINDAuOTQzTDUwLjg1NyA2My41NTZ6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTIwLjg1MiA5OC41MTdMMTcuMjExIDEwMGgtMC4wMTRjMC4wMzcgMSAwLjEgMi4yIDAuMiAzLjE2OGMwLjA2OSAwLjkgMC4xIDEuOSAwLjIgMi42IGMwLjA2NCAwLjcgMC4xIDEuNCAwLjIgMS45NWMwLjA0NiAwLjUgMC4xIDEgMC4xIDEuMjI4bC02LjE4MyAyLjYwNGMtMC4yMzgtMC4yMzctMC40NTEtMC41MzMtMC42MzktMC44OTUgYy0wLjE4Ny0wLjM2MS0wLjMxOC0wLjY4OC0wLjM5MS0wLjk4YzAuMjgzLTAuMjg1IDAuNTI5LTAuNTI1IDAuNzM1LTAuNzI4YzAuMjA2LTAuMjAyIDAuMzc1LTAuMzkxIDAuNTA4LTAuNTY4IGMwLjEzMy0wLjE3OSAwLjIzOC0wLjM2OSAwLjMxNi0wLjU3MWMwLjA3Ny0wLjIwMSAwLjEzNy0wLjQ1IDAuMTc4LTAuNzQ4czAuMDY2LTAuNjU4IDAuMDc2LTEuMDc5IGMwLjAwOS0wLjQyMiAwLjAxNC0wLjk0MiAwLjAxNC0xLjU2N2MwLTEuMDUyLTAuMDE5LTEuODY5LTAuMDU1LTIuNDUxYy0wLjAzNy0wLjU4MS0wLjEzMS0xLjAxNC0wLjI4MS0xLjI5OSBjLTAuMTUxLTAuMjg0LTAuMzg2LTAuNDY3LTAuNzAxLTAuNTQ5Yy0wLjMxNi0wLjA4Mi0wLjc0OS0wLjE1Ni0xLjI5OS0wLjIyYy0wLjA1NS0wLjM1OC0wLjA3Ni0wLjYxNy0wLjA2Mi0xLjAxNSBDMTAuMDE4IDk4LjUgMTAuMSA5OCAxMC4xIDk4YzAuMzY3IDAgMC43IDAgMSAwYzAuMzMxIDAgMC42NTEtMC4xMTQgMC45NjItMC4xMDRjMC4wMDktMC43NTEgMC4wOC0xLjQ3IDAuMjEyLTIuMDM4IGMwLjEzMi0wLjU2OCAwLjMyMy0xLjExNCAwLjU3MS0xLjU4MmMwLjI0Ny0wLjQ2NyAwLjU0OS0wLjkyNSAwLjkwNy0xLjM0MmMwLjM1Ny0wLjQxNiAwLjc2Mi0wLjg2MSAxLjIxNS0xLjMxOSBDMTUuNSA5MS4yIDE2IDkwLjcgMTYuNSA5MC4xMnMxLjEzMy0xLjE2NCAxLjc2NS0xLjg3N2MwLjQ5NS0wLjAxOSAwLjk3Mi0wLjAwOSAxLjQgMCBjMC40NTggMCAwLjkgMC4xIDEuMyAwLjE4NmMwLjM4NCAwLjEgMC43IDAuMiAxIDAuMjg4YzAuMjkzIDAuMSAwLjUgMC4yIDAuNyAwLjMgYy0wLjAwOSAwLjQxMS0wLjAyNyAwLjg1NS0wLjA1NCAxLjMzM2MtMC4wMjggMC40NzctMC4wNTggMC45NDgtMC4wOSAxLjQxNWMtMC4wMzIgMC40NjgtMC4wNjkgMC45MTQtMC4xMSAxLjMgYy0wLjA0MiAwLjQyNi0wLjA4IDAuNzk2LTAuMTE3IDEuMTA2bC0xLjY2MiAwLjA0MmMtMC4wODMtMC41NzctMC4yNTktMS4wMDQtMC41MjktMS4yNzhjLTAuMjcxLTAuMjc1LTAuNzEzLTAuNDEyLTEuMzI2LTAuNDEyIGMtMC4zNjYgMC0wLjY1OCAwLjA2Mi0wLjg3MyAwLjE4N2MtMC4yMTUgMC4xMjItMC4zOTYgMC4zNTgtMC41NDIgMC43MDZjLTAuMDY0IDAuMTU2LTAuMTE1IDAuMzI2LTAuMTUxIDAuNSBzLTAuMDY3IDAuNDA1LTAuMDg5IDAuNjY2Yy0wLjAyMyAwLjI2MS0wLjEwNCAwLjU2NS0wLjExMiAwLjkxNEMxNy4wNjggOTYgMTcgOTYuNCAxNyA5Ni44NTV2MC44NTIgYzAtMC4wNDYgMS4xNzktMC4xMjggMS42NzktMC4yNDdjMC40OTktMC4xMTkgMS4wNS0wLjM2NiAxLjU5MS0wLjYwNEwyMC44NTIgOTguNTE3eiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik0yMC41MzUgMTExLjQxOWMtMC4yNTYtMC4yMTEtMC40ODctMC40OTktMC42OTMtMC44NjRjLTAuMjA3LTAuMzY3LTAuMzQyLTAuNzYxLTAuNDA2LTEuMTgyIGMwLjE3NC0wLjE4NSAwLjMzMS0wLjM0MiAwLjQ2OC0wLjQ3NXMwLjI1Ni0wLjI3NiAwLjM1Ny0wLjQzNGMwLjEwMS0wLjE1NSAwLjE4Ni0wLjMzNiAwLjI1NS0wLjU0MiBjMC4wNjgtMC4yMDcgMC4xMjMtMC40NyAwLjE2NS0wLjc5YzAuMDQxLTAuMzIxIDAuMDcxLTAuNzE4IDAuMDg5LTEuMTg4YzAuMDE4LTAuNDcyIDAuMDI3LTEuMDUxIDAuMDI3LTEuNzM4IGMwLTAuOTg4LTAuMDE5LTEuODA2LTAuMDU1LTIuNDUxYy0wLjAzNy0wLjY0Ni0wLjEwMS0xLjE2MS0wLjE5Mi0xLjU0N2MtMC4wOTEtMC4zODUtMC4yMDgtMC42NTUtMC4zNTEtMC44MSBjLTAuMTQyLTAuMTU3LTAuMzIyLTAuMjM0LTAuNTQyLTAuMjM0Yy0wLjExIDAtMC4yMzIgMC4wMi0wLjM2NCAwLjA2MmMtMC4xMzMgMC4wNDEtMC4zMDQgMC4xMTMtMC41MTUgMC4yMTNsLTAuNDI2LTEuNzcxIGw1LjI0OS0yLjcyMWMwLjIwMSAwIDAuNCAwIDAuNiAwLjEwOWMwLjE3OSAwLjEgMC40IDAuMiAwLjUgMC4yODljMC4xNyAwLjEgMC4zIDAuMyAwLjUgMC40IGMwLjE2NSAwLjEgMC4zIDAuMyAwLjUgMC40NmMtMC4wMTggMC4yMi0wLjAzNyAwLjQ5OS0wLjA1NSAwLjgzOGMtMC4wMTggMC4zMzktMC4wMzQgMC43MDctMC4wNDcgMS4xIGMtMC4wMTQgMC4zOTgtMC4wMjggMC44MDktMC4wNDIgMS4yMjljLTAuMDEzIDAuNDIyLTAuMDIxIDAuODMtMC4wMjEgMS4yMjRjMC4yMDItMC42MDQgMC40MTctMS4xODkgMC42NDctMS43NTIgYzAuMjI4LTAuNTYzIDAuNDUzLTEuMDg4IDAuNjczLTEuNTczYzAuMjE5LTAuNDg1IDAuNDI5LTAuOTIxIDAuNjMxLTEuMzA1YzAuMjAyLTAuMzg1IDAuMzgtMC42OTYgMC41MzctMC45MzUgYzAuMzU3IDAgMC43IDAgMSAwLjA2OGMwLjMzOSAwIDAuNyAwLjEgMSAwLjJjMC4yOTcgMC4xIDAuNiAwLjIgMC44IDAuMyBjMC4yNDMgMC4xIDAuNCAwLjIgMC42IDAuMzQzYy0wLjAxOSAwLjQ1OS0wLjA0OCAwLjk1NC0wLjA5IDEuNDg0Yy0wLjA0MSAwLjUzMS0wLjA5MSAxLjA2Mi0wLjE1MSAxLjYgcy0wLjEyNiAxLjA0NS0wLjE5OSAxLjUzOWMtMC4wNzQgMC40OTQtMC4xNDIgMC45MzUtMC4yMDcgMS4zMTlsLTEuNjIxIDAuMDEzYy0wLjExOS0wLjQ5NC0wLjI3NC0wLjg5NS0wLjQ2Ni0xLjIwMiBjLTAuMTkyLTAuMzA3LTAuNDU5LTAuNDYtMC43OTctMC40NmMtMC4yMjkgMC0wLjQ0NCAwLjA3Ni0wLjY0NiAwLjIyN2MtMC4yMDIgMC4xNTEtMC4zODQgMC4zNTUtMC41NDkgMC42IGMtMC4xNjYgMC4yNTgtMC4zMTIgMC41NTMtMC40NCAwLjg4N3MtMC4yMzYgMC42ODItMC4zMjQgMS4wNDRjLTAuMDg3IDAuMzYyLTAuMTUzIDAuNzI4LTAuMTk4IDEuMSBjLTAuMDQ2IDAuMzcyLTAuMDY5IDAuNzE3LTAuMDY5IDEuMDM4YzAgMC40IDAgMC45IDAuMSAxLjI3OGMwLjA2MyAwLjQgMC4xIDAuOCAwLjIgMS4yIGMwLjA4MiAwLjQgMC4yIDAuNyAwLjIgMC45MTNjMC4wNjQgMC4zIDAuMSAwLjQgMC4xIDAuNTM1TDIwLjUzNSAxMTEuNDE5eiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik00MS41MDIgMTA2LjYyNGwtNi43MTggNC40NTJjLTAuNTk1LTAuMDQ3LTEuMTU3LTAuMTkyLTEuNjg0LTAuNDM5Yy0wLjUyNi0wLjI0Ny0xLjAxLTAuNTctMS40NDktMC45NyBjLTAuNDQtMC4zOTctMC44MzMtMC44NTUtMS4xODItMS4zNzNjLTAuMzQ4LTAuNTE3LTAuNjQ0LTEuMDcyLTAuODg2LTEuNjYyYy0wLjI0My0wLjU5Mi0wLjQyOC0xLjIwMS0wLjU1Ni0xLjgyOCBjLTAuMTI4LTAuNjI3LTAuMTkzLTEuMjQ4LTAuMTkzLTEuODYxYzAtMC42OTYgMC4wODEtMS4zMTQgMC4yNDEtMS44NTRjMC4xNjEtMC41NDEgMC4zOTQtMS4wMzYgMC43MDEtMS40ODQgYzAuMzA2LTAuNDQ4IDAuNjc1LTAuODU5IDEuMTA2LTEuMjNjMC40My0wLjM2OSAwLjkxNi0wLjczMyAxLjQ1Ni0xLjA5MmMwLjU0MS0wLjM1NiAxLjEyOC0wLjcxNiAxLjc2Ni0xLjA3OCBjMC42MzYtMC4zNjEgMS4zMTItMC43NTggMi4wMjYtMS4xODhjMC40NjYgMCAwLjkgMC4xIDEuNCAwLjI1NGMwLjQzNSAwLjIgMC44IDAuNCAxLjIgMC43IGMwLjM3OSAwLjMgMC43IDAuNiAxIDAuOTk2YzAuMzEyIDAuNCAwLjYgMC44IDAuOCAxLjIwMmMwLjIxIDAuNCAwLjQgMC45IDAuNSAxLjMgYzAuMTAxIDAuNCAwLjEgMC45IDAuMSAxLjI3MWwtNi44NDIgMy4zOTRjMC4xNTUgMC4zIDAuMyAwLjYgMC41IDAuOTA3YzAuMjAxIDAuMyAwLjQgMC41IDAuNiAwLjcgYzAuMjI0IDAuMiAwLjUgMC40IDAuNyAwLjUxNmMwLjI0OCAwLjEgMC41IDAuMiAwLjcgMC4xOTFjMC4yMDIgMCAwLjQ1NC0wLjA0MSAwLjc1Ni0wLjEyMyBzMC42MjctMC4xODggMC45NzYtMC4zMTVjMC4zNDgtMC4xMjkgMC43MTItMC4yNzcgMS4wOTItMC40NDZjMC4zOC0wLjE3MSAwLjc0NC0wLjMzNyAxLjA5Mi0wLjUwM0w0MS41MDIgMTA2LjYyNHogTTMzLjM1NSAxMDAuODU0YzAgMC41IDAuMSAxIDAuMiAxLjUzOGMwLjQ5NC0wLjIzOCAwLjkwOS0wLjQ0OCAxLjI0My0wLjYzMmMwLjMzNS0wLjE4MyAwLjYwMy0wLjM1MiAwLjgwNC0wLjUwMiBjMC4yMDItMC4xNSAwLjM0My0wLjI5NiAwLjQyNi0wLjQzMmMwLjA4Mi0wLjEzOCAwLjEyNC0wLjI3NSAwLjEyNC0wLjQxM2MwLTAuMTY1LTAuMDQ4LTAuMzM0LTAuMTQ0LTAuNTA5IGMtMC4wOTYtMC4xNzQtMC4yMTgtMC4zMzEtMC4zNjQtMC40NzNjLTAuMTQ3LTAuMTQzLTAuMzA5LTAuMjYtMC40ODgtMC4zNTJjLTAuMTc5LTAuMDkxLTAuMzU1LTAuMTM3LTAuNTI5LTAuMTM3IGMtMC4xNTYgMC0wLjMwOSAwLjAzOC0wLjQ2MSAwLjExN2MtMC4xNTEgMC4wNzgtMC4yOTEgMC4xOTctMC40MTggMC4zNTVjLTAuMTI4IDAuMTYxLTAuMjMxIDAuMzYxLTAuMzA5IDAuNiBDMzMuMzkzIDEwMC4zIDMzLjQgMTAwLjUgMzMuNCAxMDAuODU0eiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik01Mi4zNzEgMTA2LjYyNGwtNi43MTggNC40NTJjLTAuNTk2LTAuMDQ3LTEuMTU3LTAuMTkyLTEuNjg0LTAuNDM5Yy0wLjUyNi0wLjI0Ny0xLjAxLTAuNTctMS40NDktMC45NyBjLTAuNDM5LTAuMzk3LTAuODMzLTAuODU1LTEuMTgyLTEuMzczYy0wLjM0OC0wLjUxNy0wLjY0NC0xLjA3Mi0wLjg4Ni0xLjY2MmMtMC4yNDItMC41OTItMC40MjgtMS4yMDEtMC41NTYtMS44MjggYy0wLjEyOC0wLjYyNy0wLjE5My0xLjI0OC0wLjE5My0xLjg2MWMwLTAuNjk2IDAuMDgxLTEuMzE0IDAuMjQxLTEuODU0YzAuMTYxLTAuNTQxIDAuMzk0LTEuMDM2IDAuNzAxLTEuNDg0IGMwLjMwNi0wLjQ0OCAwLjY3NS0wLjg1OSAxLjEwNS0xLjIzYzAuNDMxLTAuMzY5IDAuOTE2LTAuNzMzIDEuNDU3LTEuMDkyYzAuNTQxLTAuMzU2IDEuMTI4LTAuNzE2IDEuNzY2LTEuMDc4IGMwLjYzNi0wLjM2MSAxLjMxMi0wLjc1OCAyLjAyNi0xLjE4OGMwLjQ2NyAwIDAuOSAwLjEgMS40IDAuMjU0YzAuNDM2IDAuMiAwLjggMC40IDEuMiAwLjcgYzAuMzc5IDAuMyAwLjcgMC42IDEgMC45OTZjMC4zMTIgMC40IDAuNiAwLjggMC44IDEuMjAyYzAuMjExIDAuNCAwLjQgMC45IDAuNSAxLjMgYzAuMTAxIDAuNCAwLjEgMC45IDAuMSAxLjI3MWwtNi44NDIgMy4zOTRjMC4xNTYgMC4zIDAuMyAwLjYgMC41IDAuOTA3YzAuMjAxIDAuMyAwLjQgMC41IDAuNiAwLjcgYzAuMjI0IDAuMiAwLjUgMC40IDAuNyAwLjUxNmMwLjI0OCAwLjEgMC41IDAuMiAwLjcgMC4xOTFjMC4yMDEgMCAwLjQ1My0wLjA0MSAwLjc1NS0wLjEyMyBjMC4zMDMtMC4wODIgMC42MjctMC4xODggMC45NzYtMC4zMTVjMC4zNDctMC4xMjkgMC43MTEtMC4yNzcgMS4wOTItMC40NDZjMC4zOC0wLjE3MSAwLjc0NC0wLjMzNyAxLjA5Mi0wLjUwM0w1Mi4zNzEgMTA2LjYyNHogTTQ0LjIyMyAxMDAuODU0YzAgMC41IDAuMSAxIDAuMiAxLjUzOGMwLjQ5NS0wLjIzOCAwLjkwOS0wLjQ0OCAxLjI0NC0wLjYzMmMwLjMzNC0wLjE4MyAwLjYwMy0wLjM1MiAwLjgwNC0wLjUwMiBjMC4yMDItMC4xNSAwLjM0NC0wLjI5NiAwLjQyNi0wLjQzMmMwLjA4My0wLjEzOCAwLjEyNC0wLjI3NSAwLjEyNC0wLjQxM2MwLTAuMTY1LTAuMDQ4LTAuMzM0LTAuMTQ0LTAuNTA5IGMtMC4wOTctMC4xNzQtMC4yMTgtMC4zMzEtMC4zNjQtMC40NzNjLTAuMTQ3LTAuMTQzLTAuMzA5LTAuMjYtMC40ODgtMC4zNTJjLTAuMTc5LTAuMDkxLTAuMzU1LTAuMTM3LTAuNTI5LTAuMTM3IGMtMC4xNTYgMC0wLjMwOSAwLjAzOC0wLjQ2MSAwLjExN2MtMC4xNTEgMC4wNzgtMC4yOTEgMC4xOTctMC40MTkgMC4zNTVjLTAuMTI4IDAuMTYxLTAuMjMgMC4zNjEtMC4zMDkgMC42IEM0NC4yNjIgMTAwLjMgNDQuMiAxMDAuNSA0NC4yIDEwMC44NTR6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTU2LjgyMyA5NC45NzRjMC4yNTYgMC4xIDAuNSAwLjEgMC42IDAuMjRzMC4zMTggMC4yIDAuNCAwLjMgYzAuMTI4IDAuMSAwLjMgMC4zIDAuNCAwLjQ0N3MwLjI4IDAuMyAwLjUgMC41MzZjMCAwLjIxOS0wLjAxOCAwLjQ3Mi0wLjA1NCAwLjggYy0wLjAzNyAwLjI4NC0wLjA3NiAwLjYwNS0wLjExNyAwLjk2MmMtMC4wNDIgMC4zNTctMC4wODEgMC43NDktMC4xMTggMS4xNzZjLTAuMDM2IDAuNDI1LTAuMDUgMC44ODEtMC4wNDEgMS40IGMwLjM1Ny0wLjc3OCAwLjczMy0xLjUxOCAxLjEyNi0yLjIxOXMwLjc5OS0xLjMxMiAxLjIxNy0xLjgzNWMwLjQxNi0wLjUyMSAwLjgzOC0wLjkzNiAxLjI2NC0xLjI0MyBjMC40MjYtMC4zMDYgMC44NS0wLjQ2IDEuMjcxLTAuNDZjMC4yMjkgMCAwLjUgMCAwLjcgMC4xM2MwLjIzOCAwLjEgMC41IDAuMiAwLjcgMC4zIGMwLjI1MiAwLjEgMC41IDAuMyAwLjggMC40NmMwLjI3OSAwLjIgMC42IDAuMyAwLjkgMC41MDNjMCAwLjIyLTAuMDE3IDAuNDg2LTAuMDQ4IDAuOCBjLTAuMDMyIDAuMzE2LTAuMDY5IDAuNjY0LTAuMTEgMS4wNDVjLTAuMDQyIDAuMzgtMC4wOCAwLjc4LTAuMTE3IDEuMjAxYy0wLjAzNyAwLjQyMi0wLjA1NCAwLjg0OC0wLjA1NCAxLjMgYzAuMzU2LTAuNzc4IDAuNzI1LTEuNTE4IDEuMTA1LTIuMjE5czAuNzY3LTEuMzEyIDEuMTYxLTEuODM1YzAuMzk1LTAuNTIxIDAuNzk1LTAuOTM2IDEuMjAzLTEuMjQzIGMwLjQwOC0wLjMwNiAwLjgxNy0wLjQ2IDEuMjMtMC40NmMwLjIzOCAwIDAuNSAwLjEgMC43IDAuMTUxYzAuMjU2IDAuMSAwLjUgMC4yIDAuOCAwLjQgYzAuMjcxIDAuMiAwLjYgMC4zIDAuOSAwLjUxNmMwLjI5OSAwLjIgMC42IDAuNCAwLjkgMC41NDJjMC4wMDkgMC42NDItMC4wMTYgMS4yOTMtMC4wNzQgMiBjLTAuMDYxIDAuNjY1LTAuMTI3IDEuMzE2LTAuMiAxLjk1OGMtMC4wNzMgMC42NDEtMC4xNDEgMS4yNi0wLjIwNyAxLjg1NGMtMC4wNjMgMC41OTYtMC4wOTYgMS4xNDYtMC4wOTYgMS42IGMwIDAuNiAwLjEgMS4xIDAuMiAxLjQ5YzAuMTE3IDAuNCAwLjMgMC41IDAuNiAwLjU0M2MwLjEyOSAwIDAuMjk2LTAuMDQxIDAuNTA4LTAuMTI0IGMwLjIxLTAuMDgyIDAuNDQ2LTAuMTkxIDAuNzA3LTAuMzI5YzAuMjYyLTAuMTM5IDAuNTQtMC4yOTYgMC44NC0wLjQ3NmMwLjI5Ny0wLjE3OCAwLjU5Mi0wLjM2MyAwLjg4NC0wLjU1NWwwLjg2NiAxLjQgbC02Ljk1MiA1LjIyMmMtMC4zMDMtMC4wNjUtMC41NzktMC4xNjgtMC44MzEtMC4zMTFjLTAuMjUxLTAuMTQyLTAuNDg1LTAuMzE0LTAuNzAxLTAuNTIxYy0wLjIxNS0wLjIwNy0wLjQxMi0wLjQzOC0wLjU5LTAuNjk0IGMtMC4xNzktMC4yNTYtMC4zNTEtMC41MzItMC41MTUtMC44MjVjMC0wLjM3NSAwLjAyMi0wLjc1NSAwLjA2OS0xLjE0YzAuMDQ1LTAuMzg1IDAuMDkzLTAuNzkzIDAuMTQ0LTEuMjIzIGMwLjA1LTAuNDMxIDAuMDk3LTAuODk2IDAuMTM4LTEuMzk1YzAuMDQxLTAuNSAwLjA2Mi0xLjA0NyAwLjA2Mi0xLjY0MmMwLTEuODEzLTAuMjMzLTIuNzItMC43MDEtMi43MiBjLTAuMTQ3IDAtMC4zMDMgMC4wODYtMC40NjcgMC4yNjFjLTAuMTY1IDAuMTc0LTAuMzIzIDAuMzk3LTAuNDc0IDAuNjczYy0wLjE1MSAwLjI3NC0wLjI5NSAwLjU4OC0wLjQzMyAwLjkgYy0wLjEzNyAwLjM1My0wLjI1OSAwLjcwNy0wLjM2NCAxLjA2M2MtMC4xMDUgMC4zNTgtMC4xODggMC43MDEtMC4yNDggMS4wM2MtMC4wNiAwLjMzLTAuMDg5IDAuNjA5LTAuMDg5IDAuOCBjMCAwLjIgMCAwLjUgMC4xIDAuNzc2YzAuMDQyIDAuMyAwLjEgMC42IDAuMSAwLjkxNGMwLjA1IDAuMyAwLjEgMC42IDAuMSAwLjgxN3MwLjA2MSAwLjQgMC4xIDAuNSBsLTQuOTE4IDIuNzJjLTAuMjI5LTAuMTA5LTAuNDc5LTAuMzMzLTAuNzQ5LTAuNjczYy0wLjI3LTAuMzM4LTAuNDk3LTAuNzYtMC42OC0xLjI2NGMwLjEyLTAuMTY1IDAuMjI5LTAuMzEzIDAuMzMtMC40NDYgYzAuMTAxLTAuMTMyIDAuMTkyLTAuMjgyIDAuMjc1LTAuNDQ2YzAuMDgzLTAuMTY1IDAuMTU2LTAuMzU4IDAuMjItMC41NzhjMC4wNjQtMC4yMTkgMC4xMTktMC40OTQgMC4xNjYtMC44MjMgYzAuMDQ1LTAuMzMgMC4wOC0wLjcyNSAwLjEwMy0xLjE4M2MwLjAyMi0wLjQ1NyAwLjAzNC0xLjAwOCAwLjAzNC0xLjY0OGMwLTEuMjA5LTAuMDQ4LTIuMDgzLTAuMTQ0LTIuNjI0IGMtMC4wOTYtMC41NC0wLjI3Ny0wLjgxLTAuNTQyLTAuODFjLTAuMTU2IDAtMC4zMTYgMC4wODQtMC40ODEgMC4yNTNjLTAuMTY1IDAuMTctMC4zMjggMC4zOTMtMC40ODggMC43IGMtMC4xNiAwLjI3NC0wLjMxMiAwLjU4NS0wLjQ1MyAwLjkyOGMtMC4xNDMgMC4zNDMtMC4yNjggMC42OTEtMC4zNzggMS4wNDRjLTAuMTEgMC4zNTMtMC4xOTggMC42OTctMC4yNjIgMSBjLTAuMDYzIDAuMzM2LTAuMDk2IDAuNjIxLTAuMDk2IDAuODU4YzAgMC4yIDAgMC41IDAuMSAwLjc5N2MwLjA1MSAwLjMgMC4xIDAuNiAwLjIgMC45IGMwLjA1NCAwLjMgMC4xIDAuNiAwLjIgMC44MWMwLjA1MSAwLjIgMC4xIDAuNCAwLjEgMC40NjhsLTUuNTM4IDIuODk4Yy0wLjIzOC0wLjIxMS0wLjQ3My0wLjUwNC0wLjcwOC0wLjg3OSBjLTAuMjMzLTAuMzc2LTAuNC0wLjc3LTAuNTAxLTEuMTgyYzAuMTc0LTAuMTgzIDAuMzMtMC4zNTkgMC40NjgtMC41MjljMC4xMzctMC4xNjkgMC4yNTYtMC4zNTQgMC4zNTctMC41NTYgYzAuMTAxLTAuMjAyIDAuMTgzLTAuNDI5IDAuMjQ4LTAuNjgxYzAuMDYzLTAuMjUyIDAuMTE3LTAuNTQ5IDAuMTU4LTAuODkzczAuMDctMC43NDcgMC4wODktMS4yMDkgYzAuMDE5LTAuNDYzIDAuMDI3LTEuMDA1IDAuMDI3LTEuNjI4YzAtMC44NjEtMC4wMTktMS41OTItMC4wNTUtMi4xOTFjLTAuMDM3LTAuNjAxLTAuMDk5LTEuMDg2LTAuMTg2LTEuNDU3IGMtMC4wODctMC4zNy0wLjIwOC0wLjYzOS0wLjM2NC0wLjgwNGMtMC4xNTYtMC4xNjQtMC4zNDgtMC4yNDctMC41NzctMC4yNDdjLTAuMTI4IDAtMC4yNTIgMC4wMi0wLjM3MSAwLjEgYy0wLjExOSAwLjA0MS0wLjI3MSAwLjExMy0wLjQ1MyAwLjIxM2wtMC40MjctMS43NzFMNTYuODIzIDk0Ljk3NHoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNOTEuNjUzIDEwNi4zOTFsLTYuMzc1IDQuNzgxYy0wLjczNC0wLjIwMi0xLjI3Ni0wLjU4MS0xLjYyOS0xLjE0MWMtMC4zNTMtMC41NTktMC41Ny0xLjIyOC0wLjY1Mi0yLjAwNSBsLTQuMDQgMi45OTZjLTAuNTk1LTAuMTItMS4xMjItMC4zMjQtMS41NzktMC42MTNjLTAuNDU5LTAuMjg3LTAuODQ3LTAuNjM5LTEuMTYyLTEuMDUxYy0wLjMxNi0wLjQxMi0wLjU1NS0wLjg3Mi0wLjcxMy0xLjM4MSBjLTAuMTYyLTAuNTA5LTAuMjQyLTEuMDM3LTAuMjQyLTEuNTg3YzAtMC41NjcgMC4wODctMS4wNjIgMC4yNjItMS40ODNjMC4xNzMtMC40MjEgMC40MzMtMC43OTMgMC43NzUtMS4xMTMgYzAuMzQ1LTAuMzIxIDAuNzY4LTAuNiAxLjI3MS0wLjgzOHMxLjA4Ny0wLjQ2MiAxLjc0NC0wLjY3M2MwLjQ5NS0wLjE1NyAwLjk1NS0wLjI4OSAxLjM4Mi0wLjM5OCBjMC40MjctMC4xMTEgMC43OTQtMC4yMjUgMS4xMDYtMC4zNDVjMC4zMTItMC4xMTggMC41NTctMC4yNDcgMC43MzQtMC4zODRjMC4xNzktMC4xMzggMC4yNjktMC4zMTIgMC4yNjktMC41MjIgYzAtMC4xNTUtMC4wNTQtMC4zMjItMC4xNTgtMC41MDJjLTAuMTA1LTAuMTc4LTAuMjc2LTAuMzQxLTAuNTE2LTAuNDg3Yy0wLjE2NC0wLjEwMS0wLjM1MS0wLjE5LTAuNTU2LTAuMjY4IGMtMC4yMDctMC4wNzgtMC40MjEtMC4xNDYtMC42NDYtMC4xOTljLTAuMjI3LTAuMDU2LTAuNDUyLTAuMDk3LTAuNjgxLTAuMTI0Yy0wLjIzLTAuMDI3LTAuNDQtMC4wNDEtMC42MzMtMC4wNDEgYy0wLjI3NCAwLTAuNTQ1IDAuMDI3LTAuODExIDAuMDgzYy0wLjI2NiAwLjA1NC0wLjUzNCAwLjEzLTAuODExIDAuMjI3Yy0wLjI3NCAwLjA5NS0wLjU2MSAwLjIxLTAuODU5IDAuMyBjLTAuMjk3IDAuMTMzLTAuNjE2IDAuMjczLTAuOTUzIDAuNDE5bC0wLjg2Ni0xLjkzOGw1LjM5OC0zLjJjMC44MTYgMCAxLjUgMC4xIDIuMSAwLjI0YzAuNjEzIDAuMiAxLjIgMC40IDEuNyAwLjYgYzAuNTE3IDAuMyAxIDAuNiAxLjUgMC45MTNjMC40ODEgMC4zIDEgMC43IDEuNiAxLjA0NGMwLjAwOSAwLjQ5Ni0wLjAwMiAwLjk5Mi0wLjAzNCAxLjUgYy0wLjAzMyAwLjQ5OC0wLjA3MSAwLjk5Ni0wLjExNyAxLjQ5Yy0wLjA0NiAwLjQ5NS0wLjA5IDAuOTg0LTAuMTMxIDEuNDdjLTAuMDQxIDAuNDg2LTAuMDYyIDAuOTUzLTAuMDYyIDEuNCBjMCAwLjkgMC4xIDEuNSAwLjMgMS44NjhjMC4xNyAwLjQgMC40IDAuNiAwLjggMC41NzdjMC4xNDYgMCAwLjMyMS0wLjAzMiAwLjUyMi0wLjA5NyBjMC4yMDEtMC4wNjMgMC40MTctMC4xNDggMC42NDYtMC4yNTNjMC4yMjktMC4xMDYgMC40NjQtMC4yMjggMC43MDYtMC4zNjRjMC4yNDItMC4xMzkgMC40NzktMC4yNzUgMC43MDgtMC40MTNMOTEuNjUzIDEwNi4zOTF6IE04Mi43NzcgMTAzLjEwN2MtMC4zODcgMC4xNTUtMC43MzEgMC4yOTEtMS4wMzcgMC40MDVjLTAuMzA4IDAuMTE1LTAuNTcxIDAuMjQtMC43OTIgMC40IGMtMC4yMTkgMC4xMzktMC4zODYgMC4zMDUtMC40OTkgMC41MDNjLTAuMTE2IDAuMTk3LTAuMTc0IDAuNDU5LTAuMTc0IDAuNzg5YzAgMC4yIDAgMC40IDAuMSAwLjcgYzAuMDU2IDAuMiAwLjEgMC40IDAuMiAwLjUzN2MwLjA4OCAwLjIgMC4yIDAuMyAwLjMgMC4zNTZjMC4xMTQgMC4xIDAuMiAwLjEgMC40IDAuMSBjMC4wODIgMCAwLjE3OC0wLjAyMSAwLjI4OC0wLjA2MmMwLjEwOS0wLjA0MSAwLjIyLTAuMTAxIDAuMzMtMC4xNzhjMC4xMS0wLjA3OCAwLjIxOC0wLjE2OCAwLjMyMi0wLjI2OSBjMC4xMDUtMC4xMDEgMC4xOTQtMC4yMDYgMC4yNjktMC4zMTVjMC4wODItMC4xMjkgMC4xNTEtMC4yNzYgMC4yMDctMC40NGMwLjA1My0wLjE2NCAwLjA5NC0wLjM1OCAwLjExNC0wLjU4MyBjMC4wMjMtMC4yMjYgMC4wMzUtMC40OTIgMC4wMzUtMC44MDVDODIuNzkgMTAzLjkgODIuOCAxMDMuNSA4Mi44IDEwMy4xMDd6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTg5Ljc1NiAxMDUuNDcxYzAuMjIgMC4xIDAuNSAwLjMgMC43IDAuNTAyYzAuMjcxIDAuMiAwLjYgMC40IDAuOSAwLjYgYzAuMzQ0IDAuMiAwLjcgMC40IDEuMiAwLjU1NmMwLjQzMSAwLjIgMC45IDAuMiAxLjQgMC4yMzNjMC40NjcgMCAwLjgxOS0wLjA2MyAxLjA1OS0wLjE5MSBjMC4yMzgtMC4xMjkgMC4zNTctMC4zMTIgMC4zNTctMC41NWMwLTAuMzAzLTAuMTc1LTAuNTcxLTAuNTIxLTAuODA1Yy0wLjM0OS0wLjIzMy0wLjc4My0wLjQ2Ny0xLjMwNi0wLjcwMSBjLTAuNTIxLTAuMjMzLTEuMDg4LTAuNDgyLTEuNjk3LTAuNzQ5Yy0wLjYwOS0wLjI2NS0xLjE3NS0wLjU3NC0xLjY5OC0wLjkyN2MtMC41MjEtMC4zNTItMC45NTYtMC43NjMtMS4zMDQtMS4yMjkgYy0wLjM0Ny0wLjQ2Ny0wLjUyMS0xLjAyNS0wLjUyMS0xLjY3N2MwLTAuNjA0IDAuMTU0LTEuMTUzIDAuNDU5LTEuNjQ3YzAuMzA4LTAuNDk2IDAuNzA5LTAuOTU4IDEuMjAyLTEuMzg5IGMwLjQ5Ni0wLjQyOSAxLjA1Mi0wLjg0NyAxLjY3MS0xLjI0OWMwLjYxOC0wLjQwNCAxLjI0Mi0wLjgxNSAxLjg3Ni0xLjIzN2MwLjU4NiAwIDEuMiAwIDEuNyAwLjEgYzAuNTUxIDAgMS4xIDAuMSAxLjUgMC4xNzljMC40NjMgMC4xIDAuOSAwLjIgMS4yIDAuMjc1YzAuMzYxIDAuMSAwLjcgMC4yIDAuOSAwLjMgYzAgMC4zNDgtMC4wMTEgMC43MjctMC4wMjggMS4xMzRjLTAuMDIgMC40MDctMC4wNDQgMC44MTctMC4wNzYgMS4yMjlzLTAuMDc1IDAuODEzLTAuMTMxIDEuMiBjLTAuMDU1IDAuMzktMC4xMTQgMC43NC0wLjE3OCAxLjA1MmwtMS43NzMtMC4xMjRjLTAuMDA4LTAuMzEyLTAuMTE1LTAuNTgyLTAuMzIyLTAuODExYy0wLjIwNy0wLjIyOS0wLjQ2Ny0wLjQxNy0wLjc4My0wLjU2MyBzLTAuNjY5LTAuMjU0LTEuMDU3LTAuMzIzYy0wLjM5LTAuMDY4LTAuNzY5LTAuMTA0LTEuMTM2LTAuMTA0Yy0wLjQ3NiAwLTAuODAyIDAuMDU0LTAuOTgyIDAuMiBjLTAuMTc4IDAuMTA2LTAuMjY3IDAuMjU1LTAuMjY3IDAuNDQ3YzAgMC4yIDAuMSAwLjQgMC4zIDAuNjExYzAuMjA1IDAuMiAwLjUgMC4zIDAuOCAwLjUgYzAuMzQ0IDAuMiAwLjcgMC4zIDEuMiAwLjQ3NGMwLjQzMiAwLjIgMC45IDAuMyAxLjMgMC41MDhjMC40NTMgMC4yIDAuOSAwLjQgMS4zIDAuNiBzMC44MjQgMC41IDEuMiAwLjgxMWMwLjM0NCAwLjMgMC42IDAuNyAwLjggMS4wNzFjMC4yMDcgMC40IDAuMyAwLjkgMC4zIDEuNCBjMCAwLjYzMS0wLjE0NiAxLjIwOS0wLjQzNCAxLjczYy0wLjI4OSAwLjUyMi0wLjY3NyAxLjAxLTEuMTYzIDEuNDY0Yy0wLjQ4NCAwLjQ1My0xLjA0NCAwLjg4MS0xLjY3NSAxLjMgYy0wLjYzMSAwLjQwMi0xLjI4NyAwLjc5Ny0xLjk2NCAxLjE4M2MtMC42NjEgMC0xLjI5LTAuMDQzLTEuODktMC4xMjVjLTAuNjAyLTAuMDgyLTEuMTU1LTAuMTk1LTEuNjYzLTAuMzM3IHMtMC45NTgtMC4zMDMtMS4zNDctMC40OGMtMC4zODgtMC4xNzgtMC43MDItMC4zNjQtMC45NDEtMC41NTZjLTAuMDA4LTAuMzU4IDAuMDEyLTAuNzIzIDAuMDYyLTEuMDkyIGMwLjA1MS0wLjM3MiAwLjEzNC0wLjczMSAwLjI1My0xLjA3OWMwLjEyLTAuMzQ5IDAuMjY5LTAuNjcyIDAuNDQ4LTAuOTY5Qzg5LjMxIDEwNS45IDg5LjUgMTA1LjcgODkuOCAxMDUuNDcxeiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik0xMDQuNzQ2IDk0LjkwNGMwLjk0NCAwIDEuOCAwLjIgMi43IDAuNTc2YzAuODQzIDAuMyAxLjYgMC44IDIuMiAxLjMgYzAuNjMzIDAuNiAxLjEgMS4yIDEuNSAxLjkzMmMwLjM3IDAuNyAwLjYgMS41IDAuNiAyLjMxNGMwIDAuNTg3LTAuMDk5IDEuMTgyLTAuMjk1IDEuOCBjLTAuMTk3IDAuNjA1LTAuNDY2IDEuMjExLTAuODA1IDEuODIxYy0wLjMzOCAwLjYwOC0wLjczNCAxLjIyMS0xLjE4OCAxLjgzNGMtMC40NTMgMC42MTMtMC45NCAxLjIyOS0xLjQ2MyAxLjggYy0wLjUyMSAwLjYxNy0xLjA2MiAxLjIzNi0xLjYyMSAxLjg1NHMtMS4xMDggMS4yMzMtMS42NDkgMS44NDhjLTAuNDg0LTAuMTkyLTAuOTE5LTAuNDQxLTEuMzA0LTAuNzQ5IGMtMC4zODUtMC4zMDYtMC42NjktMC41ODktMC44NTItMC44NDVjMC4xNDYtMC4yMSAwLjI1OC0wLjM5IDAuMzM2LTAuNTM1YzAuMDc2LTAuMTQ3IDAuMTA4LTAuMjg0IDAuMDk2LTAuNDEyIGMtMC4wMTQtMC4xMjktMC4wNzItMC4yNTktMC4xNzgtMC4zOTNjLTAuMTA2LTAuMTMzLTAuMjY1LTAuMjg2LTAuNDc1LTAuNDZjLTAuNTc3LTAuNDc3LTEuMTMtMC45NDgtMS42NTUtMS40MTYgYy0wLjUyNy0wLjQ2Ny0wLjk5NC0wLjk2MS0xLjQwMi0xLjQ4MmMtMC40MDctMC41MjItMC43MjktMS4wODYtMC45NjgtMS42OWMtMC4yMzktMC42MDQtMC4zNTgtMS4yNzgtMC4zNTgtMi4wMiBjMC0wLjg1MyAwLjE2My0xLjU5NSAwLjQ4OS0yLjIyN2MwLjMyNC0wLjYzMiAwLjc4Ny0xLjIxNiAxLjM4Ni0xLjc1MWMwLjYtMC41MzcgMS4zMi0xLjA1NCAyLjE1OC0xLjU1NCBDMTAyLjc4OCA5NiAxMDMuNyA5NS41IDEwNC43IDk0LjkwNHogTTEwMy42MDYgOTkuMDI2Yy0wLjE0NiAwLTAuMjk3IDAuMDM5LTAuNDQ3IDAuMTE3cy0wLjI4OSAwLjE3OS0wLjQxMiAwLjMgcy0wLjIyNSAwLjI2NC0wLjMwMSAwLjQxOWMtMC4wNzkgMC4xNTYtMC4xMTggMC4zMTYtMC4xMTggMC40OGMwIDAuMiAwLjEgMC41IDAuMiAwLjg1M3MwLjMyOCAwLjcgMC42IDEuMSBjMC4yMyAwLjQgMC41IDAuOCAwLjggMS4xMzJjMC4yODUgMC40IDAuNiAwLjcgMC44IDEuMDI1YzAuMjc5IDAuMyAwLjUgMC41IDAuOCAwLjcgYzAuMjQ5IDAuMiAwLjQgMC4zIDAuNiAwLjI4MmMwLjEwMiAwIDAuMjI0LTAuMDQzIDAuMzY0LTAuMTMxYzAuMTQzLTAuMDg2IDAuMjc3LTAuMjA1IDAuNDA3LTAuMzU2IGMwLjEyOC0wLjE1MSAwLjIzNi0wLjMzMSAwLjMyOS0wLjU0NGMwLjA5MS0wLjIwOSAwLjEzOC0wLjQzOCAwLjEzOC0wLjY4NmMwLTAuMjg0LTAuMDY0LTAuNi0wLjE5My0wLjk0OCBjLTAuMTI4LTAuMzQ5LTAuMjk2LTAuNjk1LTAuNTAxLTEuMDQ0Yy0wLjIwNi0wLjM0OS0wLjQ0Mi0wLjY4NC0wLjcwOC0xLjAxYy0wLjI2Ni0wLjMyNS0wLjUzNi0wLjYxNC0wLjgxMS0wLjg2NiBzLTAuNTQ1LTAuNDUzLTAuODEtMC42MDRDMTA0LjA1NSA5OS4xIDEwMy44IDk5IDEwMy42IDk5LjAyNnoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMTEwLjM1MiA5Ny42NjdsNS42NDctMi42OTNjMC4xNTYgMCAwLjMgMCAwLjUgMC4xM2MwLjE1MSAwLjEgMC4zIDAuMiAwLjUgMC4zIGMwLjE2MSAwLjEgMC4zIDAuMyAwLjUgMC41MDJjMC4xNjUgMC4yIDAuMyAwLjQgMC41IDAuNTkyYzAgMC4yMTktMC4wMTkgMC40OS0wLjA1NSAwLjggYy0wLjAzNyAwLjMyLTAuMDc2IDAuNjczLTAuMTE4IDEuMDU3Yy0wLjA0IDAuMzg2LTAuMDc5IDAuNzkzLTAuMTE1IDEuMjI1Yy0wLjAzNyAwLjQzLTAuMDUyIDAuODctMC4wNDMgMS4zIGMwLjM2Ni0wLjcxNSAwLjczNC0xLjQyIDEuMTAxLTIuMTE1YzAuMzY1LTAuNjk2IDAuNzQ3LTEuMzE5IDEuMTQtMS44NjljMC4zOTUtMC41NTEgMC44MTYtMC45OTcgMS4yNjQtMS4zNCBjMC40NDgtMC4zNDQgMC45NDktMC41MTYgMS40OTgtMC41MTZjMC4zMDMgMCAwLjYgMCAwLjkgMC4xNDVjMC4yNyAwLjEgMC41IDAuMiAwLjggMC40IGMwLjI3MSAwLjEgMC41IDAuMyAwLjggMC40NDdjMC4yODQgMC4yIDAuNiAwLjMgMC45IDAuNDEyYzAuMDA5IDAuNjQ5LTAuMDE5IDEuMzEyLTAuMDg0IDIgYy0wLjA2MyAwLjY3NC0wLjEzMiAxLjM0LTAuMjA1IDEuOTk5Yy0wLjA3MyAwLjY2LTAuMTQzIDEuMzAxLTAuMjA2IDEuOTI0Yy0wLjA2NCAwLjYyMy0wLjA5NiAxLjIwNS0wLjA5NiAxLjcgYzAgMC42IDAuMSAxLjEgMC4yIDEuMzczYzAuMTE0IDAuMyAwLjMgMC41IDAuNiAwLjQ2OGMwLjE1NiAwIDAuMzQ4LTAuMDQgMC41NzgtMC4xMjQgYzAuMjI4LTAuMDgzIDAuNDczLTAuMTg4IDAuNzM0LTAuMzE2YzAuMjYyLTAuMTI3IDAuNTMxLTAuMjcxIDAuODEtMC40MzFjMC4yOC0wLjE2MSAwLjU0OC0wLjMyNCAwLjgwNS0wLjQ4OGwwLjg2NiAxLjQgbC02Ljk1MiA1LjIyMmMtMC4zMjEtMC4wNDYtMC41OTctMC4xNDMtMC44MjUtMC4yODljLTAuMjI4LTAuMTQ2LTAuNDM1LTAuMzI0LTAuNjE3LTAuNTM1Yy0wLjE4NC0wLjIxMS0wLjM2Mi0wLjQ0OS0wLjUzNi0wLjcxNCBjLTAuMTc1LTAuMjY3LTAuMzY3LTAuNTQ2LTAuNTc3LTAuODRjMC0wLjI5MyAwLjAxOC0wLjYxOCAwLjA1NS0wLjk3NWMwLjAzNS0wLjM1NyAwLjA3Ni0wLjc0NSAwLjExNi0xLjE2MSBjMC4wNDItMC40MTcgMC4wOC0wLjg2MyAwLjExNy0xLjM0czAuMDU2LTAuOTggMC4wNTYtMS41MTJjMC0xLjAyNC0wLjA3My0xLjgwMS0wLjIyLTIuMzI4Yy0wLjE0Ny0wLjUyNi0wLjM1My0wLjc5MS0wLjYyLTAuNzkxIGMtMC4yMTkgMC0wLjQ2NCAwLjE2NS0wLjczMyAwLjQ5NGMtMC4yNyAwLjMzMS0wLjUyNyAwLjc0OS0wLjc3MSAxLjI1OWMtMC4yNDIgMC41MDgtMC40NDMgMS4wNjQtMC42MDQgMS43IGMtMC4xNTkgMC42MDYtMC4yNCAxLjE4My0wLjI0IDEuNzMyYzAgMC4zIDAgMC42IDAuMSAwLjk1NGMwLjA0NSAwLjMgMC4xIDAuNiAwLjIgMC45IGMwLjA1NSAwLjMgMC4xIDAuNSAwLjIgMC43MTRjMC4wNDQgMC4yIDAuMSAwLjMgMC4xIDAuMzM3bC01LjEzOSAyLjYyNGMtMC4yNzMtMC4xNTYtMC41NTctMC40MTUtMC44NDUtMC43NzYgYy0wLjI4OS0wLjM2MS0wLjUxNi0wLjc5LTAuNjgtMS4yODRjMC4yODMtMC4zMDMgMC41MTYtMC41OTIgMC42OTMtMC44NjZjMC4xNzktMC4yNzUgMC4zMTctMC42MTMgMC40MTItMS4wMTggYzAuMDk2LTAuNDAyIDAuMTYzLTAuOTEzIDAuMi0xLjUzMWMwLjAzNS0wLjYxOCAwLjA1NC0xLjQyMiAwLjA1NC0yLjQxMWMwLTAuODg5LTAuMDEzLTEuNjE4LTAuMDQtMi4xOTEgYy0wLjAyOC0wLjU3Mi0wLjA3OS0xLjAyMi0wLjE1LTEuMzQ3Yy0wLjA3NS0wLjMyNS0wLjE3NS0wLjU1LTAuMzAzLTAuNjc0Yy0wLjEyOS0wLjEyMy0wLjI5NC0wLjE4Ni0wLjQ5Ni0wLjE4NiBjLTAuMTM3IDAtMC4yODYgMC4wMjMtMC40NDYgMC4wNjljLTAuMTU5IDAuMDQ2LTAuMzUyIDAuMTItMC41NjggMC4yMkwxMTAuMzUyIDk3LjY2N3oiIGNsYXNzPSJzdHlsZTAiLz48L3N2Zz4=) no-repeat center center; /* IE 6/7 fallback */ *text-indent: -9999px;
}
.logo:before { content: ''; display: block; width: 0; height: 150%;
}
/** * Github links */
.github { display: block; width: 160px; height: 30px; line-height: 30px; text-align: center; position: fixed; left: -36px; top: 30px; background: #ECEBED; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1;
}
/** * Teaser */
.teaser { display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; position: absolute; top: 20px; right: 20px; background: #ECEBED;
}
/** * Footer */
.colophon { clear: both; height: 60px; line-height: 60px; text-align: center; margin: 60px 0 0 0;
}
/** * Our lone media query */
@media only screen and (max-width: 500px) { .colophon { font-size: 1rem; }
}

Freemason.js - Script Codes JS Codes

/** * Freemason v1.1.2 * @author Kyle Foster * MIT license */
;(function ( $, window, document, undefined ) { $.fn.freeMason = function ( options ) { options = $.extend( {}, $.fn.freeMason.options, options ); return this.each(function () { var elem = $(this); // Debulked onresize handler function on_resize(c, t) { onresize = function() { clearTimeout(t); t = setTimeout(c, 100) }; return c }; on_resize(function() { // Define variables var windowWidth = $(window).width(), thumbList = elem.find('.thumb-list'), thumb = thumbList.find('.thumb'), thumbCount = thumb.length, thumbWidth = thumb.width(), thumbHeight = thumb.height(), maxCols = options.maxCols, // Maximum # of columns contPadding = options.contPadding * 2, // Horizontal padding on container thumbGutter = options.thumbGutter, // Padding on thumbnails totalWidth = thumbWidth + thumbGutter, widthCheck = Math.floor((windowWidth - contPadding) / totalWidth), prefix = (/mozilla/.test(navigator.userAgent.toLowerCase()) && !/webkit/.test(navigator.userAgent.toLowerCase())) ? '-moz-transition' : (/webkit/.test(navigator.userAgent.toLowerCase())) ? '-webkit-transition' : (/msie/.test(navigator.userAgent.toLowerCase())) ? '-ms-transition' : (/opera/.test(navigator.userAgent.toLowerCase())) ? '-o-transition' : 'transition'; // Set container width parameters elem.css({ minWidth : thumbWidth, maxWidth : totalWidth * maxCols - thumbGutter, width : totalWidth * widthCheck - thumbGutter }); // Add container padding when screen accomodates if (windowWidth > (thumbWidth + contPadding)) { elem.css({ padding : '0 ' + (contPadding / 2) + 'px' }); } else { elem.css({ padding : 0 }); } // CSS3 transitions thumb.css(prefix, 'left ' + options.speed + ', top ' + options.speed); // Define after container width is set var maxThumbs = Math.ceil(elem.width() / totalWidth); // Position Elements thumb.each(function() { var thumbnail = $(this), thumbIndex = thumbnail.index(), leftCheck = thumbIndex % maxThumbs, topCheck = Math.floor(thumbIndex / maxThumbs); thumbnail.css({ top : topCheck * thumbHeight + (thumbGutter * topCheck), left : leftCheck * thumbWidth + (thumbGutter * leftCheck) }); }); // Once everything is positioned set thumb list height thumbList.css({ height : Math.ceil(thumbCount / maxThumbs) * (thumbHeight + thumbGutter) - thumbGutter }); })(); // end & fire resize function }); }; // Overridable default options $.fn.freeMason.options = { contPadding : 20, // Horizontal padding on container thumbGutter : 20, // Padding on thumbnails speed : '0.5s', // Animation speed maxCols : 4 // Maximum # of columns };
})( jQuery, window, document );
// Instantiate Freemason
$(window).load(function() { $('.thumb-wrapper').freeMason({ contPadding : 20, // Horizontal padding on container thumbGutter : 20, // Padding on thumbnails speed : '0.5s', // Animation speed maxCols : 4 // Maximum # of columns }); $('body').fadeTo(500,1); // Just a nice transition effect $(window).resize(function() { $('.teaser').fadeTo(500, 0); // Removing our teaser on resize });
});
Freemason.js - Script Codes
Freemason.js - Script Codes
Home Page Home
Developer Kyle Foster
Username hkfoster
Uploaded September 04, 2022
Rating 3.5
Size 12,873 Kb
Views 24,288
Do you need developer help for Freemason.js?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Kyle Foster (hkfoster) Script Codes
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!