commit f0932bb51eae34602e3236755f347ebdb8ac2bb1 Author: Rushil Umaretiya Date: Fri Mar 12 21:59:26 2021 -0500 initial commit diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..7ed9397 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,4 @@ +from nginx:alpine +COPY public/ /usr/share/nginx/html +ADD nginx.conf /etc/nginx/nginx.conf +ADD mime.types /etc/nginx/mime.types diff --git a/mime.types b/mime.types new file mode 100644 index 0000000..25ae94e --- /dev/null +++ b/mime.types @@ -0,0 +1,48 @@ +types { + text/html html htm shtml; + text/css css; + text/xml xml rss; + image/gif gif; + image/jpeg jpeg jpg; + application/x-javascript js; + text/plain txt; + text/x-component htc; + text/mathml mml; + image/png png; + image/x-icon ico; + image/x-jng jng; + image/vnd.wap.wbmp wbmp; + application/java-archive jar war ear; + application/mac-binhex40 hqx; + application/pdf pdf; + application/x-cocoa cco; + application/x-java-archive-diff jardiff; + application/x-java-jnlp-file jnlp; + application/x-makeself run; + application/x-perl pl pm; + application/x-pilot prc pdb; + application/x-rar-compressed rar; + application/x-redhat-package-manager rpm; + application/x-sea sea; + application/x-shockwave-flash swf; + application/x-stuffit sit; + application/x-tcl tcl tk; + application/x-x509-ca-cert der pem crt; + application/x-xpinstall xpi; + application/zip zip; + application/octet-stream deb; + application/octet-stream bin exe dll; + application/octet-stream dmg; + application/octet-stream eot; + application/octet-stream iso img; + application/octet-stream msi msp msm; + audio/mpeg mp3; + audio/x-realaudio ra; + video/mpeg mpeg mpg; + video/quicktime mov; + video/x-flv flv; + video/x-msvideo avi; + video/x-ms-wmv wmv; + video/x-ms-asf asx asf; + video/x-mng mng; +} diff --git a/nginx.conf b/nginx.conf new file mode 100644 index 0000000..d563f01 --- /dev/null +++ b/nginx.conf @@ -0,0 +1,19 @@ +worker_processes 1; + +events { worker_connections 1024; } + +http { + include mime.types; + sendfile on; + server { + root /usr/share/nginx/html/; + index index.html; + + server_name localhost; + + listen 80; + listen [::]:80; + + error_page 404 /404/index.html; + } +} diff --git a/public/2023.png b/public/2023.png new file mode 100755 index 0000000..9dc8e2b Binary files /dev/null and b/public/2023.png differ diff --git a/public/banner.png b/public/banner.png new file mode 100755 index 0000000..e9181c5 Binary files /dev/null and b/public/banner.png differ diff --git a/public/can.png b/public/can.png new file mode 100755 index 0000000..a222827 Binary files /dev/null and b/public/can.png differ diff --git a/public/float.png b/public/float.png new file mode 100755 index 0000000..fe17b2b Binary files /dev/null and b/public/float.png differ diff --git a/public/index.html b/public/index.html new file mode 100755 index 0000000..f9148ea --- /dev/null +++ b/public/index.html @@ -0,0 +1,103 @@ + + + + + + Homecoming 2021 + + + + + + +

2021 Homecoming but 2023 actually winswebsite made by rushil

+

Hoco Committee Applications

+ + + + + diff --git a/public/main.js b/public/main.js new file mode 100755 index 0000000..e69de29 diff --git a/public/mex.png b/public/mex.png new file mode 100755 index 0000000..2b3842d Binary files /dev/null and b/public/mex.png differ diff --git a/public/pep.png b/public/pep.png new file mode 100755 index 0000000..f29f518 Binary files /dev/null and b/public/pep.png differ diff --git a/public/shirt.png b/public/shirt.png new file mode 100755 index 0000000..d44e37e Binary files /dev/null and b/public/shirt.png differ diff --git a/public/song.png b/public/song.png new file mode 100755 index 0000000..3726f07 Binary files /dev/null and b/public/song.png differ diff --git a/public/styles.css b/public/styles.css new file mode 100755 index 0000000..215ce8a --- /dev/null +++ b/public/styles.css @@ -0,0 +1,414 @@ + +.masonry-list { + left: 50%; + margin: -300px 0 0 -480px; + position: absolute; + top: 50%; + width: 960px; +} + +.masonry-list li { + float: left; + height: 320px; + overflow: wrap; + padding: 0 1px 1px 0; + width: 320px; +} + +.masonry-list li:focus a::after, .masonry-list li:hover a::after { + opacity: 1; + -moz-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.masonry-list li:focus .tile-primary-content img, .masonry-list li:hover .tile-primary-content img { + -moz-transform: scale3d(1.2, 1.2, 0); + -webkit-transform: scale3d(1.2, 1.2, 0); + transform: scale3d(1.2, 1.2, 0); + -moz-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -moz-transition: -moz-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9); + -o-transition: -o-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9); + -webkit-transition: -webkit-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9); + transition: transform 15000ms cubic-bezier(0, 0, 0.8, 0.9); +} + +.masonry-list li:focus p, +.masonry-list li:focus h2, +.masonry-list li:focus .tile-secondary-content, .masonry-list li:hover p, +.masonry-list li:hover h2, +.masonry-list li:hover .tile-secondary-content { + opacity: 1; +} + +.masonry-list li a::after { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1ODk4MTY1MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1ODk4MTY2MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjMwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNjQwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XrhZfAAAAiUlEQVR42qzT0QmAIBQFUJP8aYh2ah0XaYZogtzGJfrsdQUpi6z3tAtXUfHgjw0RqRiNbqogOs4GnVBbgii8xKAznbHhdZKGoUMdXWOlSDWULgK0lED3DS7UJ+f+SeZAnwgHYiFfEBt5g0RIDhqlSA46EM38HSs6oO7psM1c6lEv/cVV+QXZBRgAnat44PE4W1oAAAAASUVORK5CYII="); + bottom: 40px; + content: ''; + display: block; + height: 17px; + opacity: 0; + position: absolute; + right: 40px; + width: 17px; + -moz-transform: translate3d(-10px, -10px, 0); + -webkit-transform: translate3d(-10px, -10px, 0); + transform: translate3d(-10px, -10px, 0); + -moz-transition: all 150ms ease-out; + -o-transition: all 150ms ease-out; + -webkit-transition: all 150ms ease-out; + transition: all 150ms ease-out; +} + +.masonry-list li.tile-job:focus .tile-primary-content p, .masonry-list li.tile-job:hover .tile-primary-content p, .masonry-list li.tile-facebook:focus .tile-primary-content p, .masonry-list li.tile-facebook:hover .tile-primary-content p, .masonry-list li.tile-twitter:focus .tile-primary-content p, .masonry-list li.tile-twitter:hover .tile-primary-content p { + -moz-transform: translate3d(150%, 0, 0); + -webkit-transform: translate3d(150%, 0, 0); + transform: translate3d(150%, 0, 0); + -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1); + -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1); + -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1); + transition: transform 300ms cubic-bezier(0, 0, 0.4, 1); +} + +.masonry-list li.tile-job:focus .tile-secondary-content p, .masonry-list li.tile-job:hover .tile-secondary-content p, .masonry-list li.tile-facebook:focus .tile-secondary-content p, .masonry-list li.tile-facebook:hover .tile-secondary-content p, .masonry-list li.tile-twitter:focus .tile-secondary-content p, .masonry-list li.tile-twitter:hover .tile-secondary-content p { + -moz-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms; + -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms; + -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1); + -webkit-transition-delay: 150ms; + transition: transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms; +} + +.masonry-list li.tile-job .tile-primary-content p, .masonry-list li.tile-facebook .tile-primary-content p, .masonry-list li.tile-twitter .tile-primary-content p { + -moz-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms; + -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms; + -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1); + -webkit-transition-delay: 150ms; + transition: transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms; +} + +.masonry-list li.tile-job .tile-secondary-content p, .masonry-list li.tile-facebook .tile-secondary-content p, .masonry-list li.tile-twitter .tile-secondary-content p { + opacity: 1; + -moz-transform: translate3d(-150%, 0, 0); + -webkit-transform: translate3d(-150%, 0, 0); + transform: translate3d(-150%, 0, 0); + -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1); + -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1); + -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1); + transition: transform 300ms cubic-bezier(0, 0, 0.4, 1); +} + +.masonry-list li.tile-job .tile-primary-content { + background-color: #71964f; +} + +.masonry-list li.tile-facebook a::after { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAtCAYAAACqCZtVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwNjIyOTMwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzcwNjIyOTIwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjkwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNkEwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61fp6rAAAA6klEQVR42uyUvQrCMBRGk1rcHHQQ3XVyESdx1CdwcPLxnH0H8QGcVKiDIOJkFezqT/wiXVp6k1bJIveDAy1ND7e5uZVKKVEwFVAGr/g+As/0Ij+HqAQmYAoGoJax5gHOIAR7sBC6YgNtsFLFMzdV3AJL0BDFs/aIBxLMvpTqbCnxCPTF99lQ4vEP0jsIqD3u5ZTcwDE+bnXQBLuPnDgNB0vXAzAEXuq9Kujqa0kMSBQPApWObpDpUyixbRylbY884SgsTohVBrYoAydXFYeuxBdX4iuLE83zibnnfwWLWcxiFrOYxX8rfgswAKPozlRQdflcAAAAAElFTkSuQmCC"); + background-repeat: no-repeat; + height: 45px; + opacity: 1; + width: 22px; + -moz-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.masonry-list li.tile-facebook .tile-primary-content { + background-color: #3b539b; +} + +.masonry-list li.tile-twitter a::after { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAlCAYAAADWSWD3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2NjFBNUYzMDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2NjFBNUY0MDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzY2MUE1RjEwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzY2MUE1RjIwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz64QIJqAAADBklEQVR42syYS0hVURSG773aQxOxIsiyJOiBZTXsgZoURDRoEvQgokESTYygoCAQGtWkBlHWoFkFSUIFOimpKKyghF4SlBphpL0oeyikefpWLGEn55x7zr373nt++PB4Xvxn3bX3XnvFHceJZVF5UA2roBQmwltog8cQzIyYzgIT4AD0O97qhu0Qd3m+GI5A+b8gGxcKoRHyLBueAXed4GqGAvVRDWdgAG6OvdN8+W59qNGi4Wnw0gmvHvhu/D8IC9xMXzduOmUp4s1O+hqBrfo+8TQzYaT3UuO4Hi7D5DQGXQ1sTnPgfoQ6GILT8BBGzKh8c/nKZ1CRYpSbLER52Dj+BSvGp0efx4Ny837ID2E44RGEVCUe1rvl9O0kD3bCxoCmyywalmlytfl+M6fbkuTXYmiFJ7ArSb5PtbggVcF980TcWBFnwRtdpYLoB7TAVWiH98a12fDOkukSGPAyLToGh1N8eS88VbP90AAJC6YLdfbwNC1RvqO1QRQ0qvXKf0oYhUyTFjOb4FZETPe6nRwz/QdqdTDKjWWBK67MqsvPtOiR/pVZYaGkTgRMv0hmuiUWPbW7nTQHYqH+HKURGoSSpn1+kR6EPRHJZdEDN8Mxl3lUUuRgRExf8boQ99gj7tRSsDhHhmUxmQufg0R6TBdgEZyATzkwfcnLsF+kD0G5ftQ8WAv5WTI8rMVZl9cNXkZ64HiOUuO8n2G/SMe1BqnJsmHZXi3xSw2/nJYv2WGxvAyqfckMx5KUjmJ4DXRmyfBFLdqsdJgmQQN8dTKnDm0WBdqDxkP08go0x1fCFh3hNvRKf9H+oA+E2VkMaQEjC06FJcOvYV0Yw2EakJIie6HXYkrc0z5f6J6K30Xpc1TBSfhg0ewonNVApNRuk8WlErbBby1PpTSdD8thSga2T9LmupHWW9R9JVzTKGRC0m06CkU2urHjTyyDc9oPtqHnUA8lNnveXlOe7BM3KLUh9ow/oUN38616bF1B5+kinZfnwHSj7SUV2Redsrq10BrN9NL5V4ABAAD4zZE8N0pmAAAAAElFTkSuQmCC"); + background-repeat: no-repeat; + height: 37px; + opacity: 1; + width: 45px; + -moz-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.masonry-list li.tile-twitter .tile-primary-content { + background-color: #00afe0; +} + +.masonry-list li.tile-case .tile-primary-content, .masonry-list li.tile-client .tile-primary-content, .masonry-list li.tile-person .tile-primary-content { + padding: 0; +} + +.masonry-list li.tile-case .tile-secondary-content, .masonry-list li.tile-client .tile-secondary-content, .masonry-list li.tile-person .tile-secondary-content { + background-color: rgba(0, 0, 0, 0.7); + -moz-transition: opacity 100ms ease-out; + -o-transition: opacity 100ms ease-out; + -webkit-transition: opacity 100ms ease-out; + transition: opacity 100ms ease-out; +} + +.masonry-list li.tile-client a::after { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFQzVFRUY1MDdEOTExRTM5OTE1QjgyMDNBNDBFQkE1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFQzVFRUY2MDdEOTExRTM5OTE1QjgyMDNBNDBFQkE1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODFBODJDMDAwN0Q2MTFFMzk5MTVCODIwM0E0MEVCQTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEVDNUVFRjQwN0Q5MTFFMzk5MTVCODIwM0E0MEVCQTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz48Qmb2AAAAuklEQVR42uyTMQ7CMAxF7QTlpJygZ2DNyAILA4ip3I8Bgi3Z1A20IVRIDPnSX9Lk/Z8mwZQSiBz5DsuEwrkpkOXJJ3JcCN6Rj8IDoOaefE6DIu+m0kjeGwbzvJOUYBp0lTvQxmszdtXm7EDu01jxi8asg/wNsBNrA2bBObwmoAh+B58K2GRztiXwFFwDLhnAfi+C2WgeUa7wPPXhVqjsopU+mpdrNAPPIfjB+EgOfqgGb/AG/2f4Q4ABALW94ZuwtKIxAAAAAElFTkSuQmCC"); + height: 22px; + width: 23px; + -moz-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.masonry-list li.tile-client a:focus .tile-primary-content, .masonry-list li.tile-client a:hover .tile-primary-content { + background-color: transparent; +} + +.masonry-list li.tile-client a:focus .tile-primary-content img, .masonry-list li.tile-client a:hover .tile-primary-content img { + -moz-transform: scale3d(1, 1, 1); + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} + +.masonry-list li.tile-client .tile-primary-content { + background-color: #604951; + -moz-transition: background-color 250ms ease-out; + -o-transition: background-color 250ms ease-out; + -webkit-transition: background-color 250ms ease-out; + transition: background-color 250ms ease-out; +} + +.masonry-list li.tile-person { + text-align: center; +} + +.masonry-list li.tile-person .tile-secondary-content { + display: table; + height: 100%; + padding: 0; + width: 100%; +} + +.masonry-list li.tile-person .tile-secondary-container { + display: table-cell; + vertical-align: middle; +} + +.masonry-list li.tile-person h2 { + font-size: 24px; + position: static; +} + +.masonry-list li.tile-person p { + color: #a18e5c; + font-family: 'Georgia', serif; + font-size: 17px; + margin: .2em; + text-transform: none; +} + +.masonry-list a, +.masonry-list button { + color: white; + display: block; + height: 100%; + position: relative; + width: 100%; +} + +.masonry-list .tile-primary-content, +.masonry-list .tile-secondary-content { + bottom: 0; + left: 0; + overflow: hidden; + padding: 40px; + position: absolute; + right: 0; + top: 0; +} + +.masonry-list .tile-primary-content { + background-color: #a49058; +} + +.masonry-list .tile-primary-content img { + width: 100%; + -moz-transform: scale3d(1, 1, 1); + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -moz-transition: -moz-transform 200ms ease-out; + -o-transition: -o-transform 200ms ease-out; + -webkit-transition: -webkit-transform 200ms ease-out; + transition: transform 200ms ease-out; +} + +.masonry-list .tile-secondary-content { + opacity: 0; + -moz-transition: opacity 250ms ease-out; + -o-transition: opacity 250ms ease-out; + -webkit-transition: opacity 250ms ease-out; + transition: opacity 250ms ease-out; +} + +.masonry-list .tile-secondary-content p, +.masonry-list .tile-secondary-content h2 { + opacity: 0; + -moz-transition: opacity 200ms ease-in 100ms; + -o-transition: opacity 200ms ease-in 100ms; + -webkit-transition: opacity 200ms ease-in; + -webkit-transition-delay: 100ms; + transition: opacity 200ms ease-in 100ms; +} + +.masonry-list p, +.masonry-list h2 { + text-transform: uppercase; +} + +.masonry-list h2 { + font-size: 12px; + margin: 0; + position: absolute; +} + +.masonry-list p { + font-size: 28px; + font-weight: 300; + line-height: 1.1em; + margin: 1em 0 0; +} + +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +* { + -webkit-font-smoothing: antialiased; +} + +body { + background-color: #242424; + font-family: 'Source Sans Pro', sans-serif; +} + +ul { + list-style: none; + margin: 0; + padding: 0; +} + +h1 { + font-weight: 300; + text-align: center; + color: white; + font-size: 3em; +} + +h2 { + color: white; + font-size: 1.9em; + width: 960px; + margin: auto; +} + +h2 span { + border-bottom: 2px white solid; +} + +.fill img { + height: 100%; + width: auto; +} + + +@media screen and (max-width: 980px) { + + .masonry-list { + margin: -75px 0 0 -160px; + width: 320px; + } + + .masonry-list li:focus a::after, .masonry-list li a::after { + opacity: 1; + -moz-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + .masonry-list li:focus .tile-primary-content img, .masonry-list li .tile-primary-content img { + -moz-transform: scale3d(1.2, 1.2, 0); + -webkit-transform: scale3d(1.2, 1.2, 0); + transform: scale3d(1.2, 1.2, 0); + -moz-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -moz-transition: -moz-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9); + -o-transition: -o-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9); + -webkit-transition: -webkit-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9); + transition: transform 15000ms cubic-bezier(0, 0, 0.8, 0.9); + } + + .masonry-list li.tile-job:focus .tile-primary-content p, .masonry-list li.tile-job .tile-primary-content p, .masonry-list li.tile-facebook:focus .tile-primary-content p, .masonry-list li.tile-facebook .tile-primary-content p, .masonry-list li.tile-twitter:focus .tile-primary-content p, .masonry-list li.tile-twitter:hover .tile-primary-content p { + -moz-transform: translate3d(150%, 0, 0); + -webkit-transform: translate3d(150%, 0, 0); + transform: translate3d(150%, 0, 0); + -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1); + -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1); + -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1); + transition: transform 300ms cubic-bezier(0, 0, 0.4, 1); + } + + .masonry-list li.tile-job:focus .tile-secondary-content p, .masonry-list li.tile-job .tile-secondary-content p, .masonry-list li.tile-facebook:focus .tile-secondary-content p, .masonry-list li.tile-facebook .tile-secondary-content p, .masonry-list li.tile-twitter:focus .tile-secondary-content p, .masonry-list li.tile-twitter:hover .tile-secondary-content p { + -moz-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms; + -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms; + -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1); + -webkit-transition-delay: 150ms; + transition: transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms; + opacity: 1 !important; + } + + .masonry-list li:focus p, + .masonry-list li:focus h2, + .masonry-list li:focus .tile-secondary-content, .masonry-list li p, + .masonry-list li h2, + .masonry-list li .tile-secondary-content { + opacity: 1; + } + + .masonry-list li.tile-client a:focus .tile-primary-content, .masonry-list li.tile-client a .tile-primary-content { + background-color: transparent; + } + + .masonry-list li.tile-client a:focus .tile-primary-content img, .masonry-list li.tile-client a .tile-primary-content img { + -moz-transform: scale3d(1, 1, 1); + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + .masonry-list .tile-secondary-content p, + .masonry-list .tile-secondary-content h2 { + opacity: 1; + -moz-transition: opacity 200ms ease-in 100ms; + -o-transition: opacity 200ms ease-in 100ms; + -webkit-transition: opacity 200ms ease-in; + -webkit-transition-delay: 100ms; + transition: opacity 200ms ease-in 100ms; + } + + h2 { + width: auto; + margin: auto; + } + + .not-mobile { + display: none; + } +} diff --git a/public/vid.png b/public/vid.png new file mode 100755 index 0000000..02174cf Binary files /dev/null and b/public/vid.png differ