mirror of
https://github.com/Rushilwiz/hoco2021.git
synced 2025-04-04 11:20:17 -04:00
initial commit
This commit is contained in:
commit
f0932bb51e
4
Dockerfile
Normal file
4
Dockerfile
Normal file
|
|
@ -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
|
||||
48
mime.types
Normal file
48
mime.types
Normal file
|
|
@ -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;
|
||||
}
|
||||
19
nginx.conf
Normal file
19
nginx.conf
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
BIN
public/2023.png
Executable file
BIN
public/2023.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
public/banner.png
Executable file
BIN
public/banner.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
BIN
public/can.png
Executable file
BIN
public/can.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 207 KiB |
BIN
public/float.png
Executable file
BIN
public/float.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 224 KiB |
103
public/index.html
Executable file
103
public/index.html
Executable file
|
|
@ -0,0 +1,103 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Homecoming 2021</title>
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="styles.css" type="text/css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>2021 Homecoming but 2023 actually wins<span style="font-size: .3em">website made by rushil</span></h1>
|
||||
<h2 class="not-mobile"><span>Hoco Committee Applications</span></h2>
|
||||
|
||||
<ul class="masonry-list">
|
||||
<li class="tile-case">
|
||||
<a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSctt1LQdAmttVa-f-e6CCBso-aSL5UC2lQMgO0AnjrSQqN0PQ/viewform?usp=sf_link">
|
||||
<div class="tile-primary-content fill">
|
||||
<img src="mex.png" alt="">
|
||||
</div>
|
||||
<div class="tile-secondary-content">
|
||||
<p>Apply for MEXComm</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="tile-case">
|
||||
<a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLScfzWo_ImV0aehzXHvliSi56l1pmhhzHoZ7jNp6MpSBqgSUvg/viewform?usp=sf_link">
|
||||
<div class="tile-primary-content">
|
||||
<img src="pep.png" alt="">
|
||||
</div>
|
||||
<div class="tile-secondary-content">
|
||||
<p>Apply for PepComm</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="tile-case">
|
||||
<a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLScrwCLszXbNXqSrDwciPSAjnLv3SUk9UDWpA3DMOVKeIvp65Q/viewform?usp=sf_link">
|
||||
<div class="tile-primary-content">
|
||||
<img src="can.png" alt="">
|
||||
</div>
|
||||
<div class="tile-secondary-content">
|
||||
<p>Apply for SculptureComm</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="tile-case">
|
||||
<a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSeEFknVCMM-uS5CAEA9p9OJPAgKSOEOmYllfbcoTujZbphtOw/viewform?usp=sf_link">
|
||||
<div class="tile-primary-content">
|
||||
<img src="vid.png" alt="">
|
||||
</div>
|
||||
<div class="tile-secondary-content">
|
||||
<p>Apply for VidComm</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="not-mobile">
|
||||
<img src="2023.png" alt="" style="height: 100%">
|
||||
</li>
|
||||
<li class="tile-case">
|
||||
<a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSccNSsAUNeuj_uiEnO_VwhQB2pG5UW-ane3GlQGHAX9EaDf3g/viewform?usp=sf_link">
|
||||
<div class="tile-primary-content">
|
||||
<img src="float.png" alt="">
|
||||
</div>
|
||||
<div class="tile-secondary-content">
|
||||
<p>Apply for FloatComm</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="tile-case">
|
||||
<a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSevZAybBym03MYfS-AuY577U4W9dH5Hca1RmkpwWI89-B8ISQ/viewform?usp=sf_link">
|
||||
<div class="tile-primary-content">
|
||||
<img src="banner.png" alt="">
|
||||
</div>
|
||||
<div class="tile-secondary-content">
|
||||
<p>Apply for BannerComm</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="tile-case">
|
||||
<a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSce17D6-xsopy4aA3hVyCTc34HPz8rYCpUe4bM9semFDsSvAw/viewform?usp=sf_link">
|
||||
<div class="tile-primary-content">
|
||||
<img src="song.png" alt="">
|
||||
</div>
|
||||
<div class="tile-secondary-content">
|
||||
<p>Apply for SongComm</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="tile-case">
|
||||
<a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSeN_XieuTrljCnqhFprbH459eGDg99GNsiwSazUQV4F93hBJQ/viewform?usp=sf_link">
|
||||
<div class="tile-primary-content">
|
||||
<img src="shirt.png" alt="">
|
||||
</div>
|
||||
<div class="tile-secondary-content">
|
||||
<p>Submit your T-Shirt design</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
0
public/main.js
Executable file
0
public/main.js
Executable file
BIN
public/mex.png
Executable file
BIN
public/mex.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
BIN
public/pep.png
Executable file
BIN
public/pep.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
BIN
public/shirt.png
Executable file
BIN
public/shirt.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
BIN
public/song.png
Executable file
BIN
public/song.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
414
public/styles.css
Executable file
414
public/styles.css
Executable file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
BIN
public/vid.png
Executable file
BIN
public/vid.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 588 KiB |
Loading…
Reference in New Issue
Block a user