Skip to content

Instantly share code, notes, and snippets.

@caffeinewriter

caffeinewriter/gbgzwJ.markdown

Created January 10, 2015 06:07
Show Gist options
  • Save caffeinewriter/7b4ff51be85774769ca1 to your computer and use it in GitHub Desktop.
Save caffeinewriter/7b4ff51be85774769ca1 to your computer and use it in GitHub Desktop.
Download ZIP
gbgzwJ
Raw
index.html
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=false"><title>Secret Santa | Administration | View Pairings</title></head><body><div class="menu-nav"><div class="menu-inner"><div class="center"><h2>Secret Santa Pairings</h2></div></div></div><div class="container"><h1>Pairings</h1><table><thead><td>Santa</td><td>Recipient</td></thead><tr><td>317073</td><td>1788532</td></tr><tr><td>1788532</td><td>1498588</td></tr><tr><td>1498588</td><td>914615</td></tr><tr><td>2312369</td><td>2282311</td></tr><tr><td>2282311</td><td>659024</td></tr><tr><td>659024</td><td>1914835</td></tr><tr><td>787112</td><td>960727</td></tr><tr><td>960727</td><td>1916122</td></tr><tr><td>1916122</td><td>2359989</td></tr><tr><td>2458296</td><td>2337272</td></tr><tr><td>2337272</td><td>317073</td></tr><tr><td>1691626</td><td>1635198</td></tr><tr><td>2128890</td><td>2312369</td></tr><tr><td>2400777</td><td>2109602</td></tr><tr><td>1635198</td><td>2400777</td></tr><tr><td>914615</td><td>2128890</td></tr><tr><td>1810475</td><td>2112829</td></tr><tr><td>1417205</td><td>2510796</td></tr><tr><td>2510796</td><td>1810475</td></tr><tr><td>1914835</td><td>2250372</td></tr><tr><td>2250372</td><td>787112</td></tr><tr><td>1536205</td><td>1903111</td></tr><tr><td>827750</td><td>1691626</td></tr><tr><td>2135886</td><td>1396829</td></tr><tr><td>1903111</td><td>2135886</td></tr><tr><td>2359989</td><td>827750</td></tr><tr><td>1453009</td><td>1417205</td></tr><tr><td>2001831</td><td>1333378</td></tr><tr><td>2109602</td><td>1453009</td></tr><tr><td>2117645</td><td>1072893</td></tr><tr><td>1072893</td><td>2001831</td></tr><tr><td>56601</td><td>1536205</td></tr><tr><td>2112829</td><td>56601</td></tr><tr><td>1185215</td><td>2117645</td></tr><tr><td>1396829</td><td>1185215</td></tr><tr><td>1333378</td><td>1878970</td></tr><tr><td>1878970</td><td>2223238</td></tr><tr><td>2223238</td><td>1445568</td></tr><tr><td>1445568</td><td>1931708</td></tr><tr><td>1931708</td><td>1480445</td></tr><tr><td>2126129</td><td>1074601</td></tr><tr><td>1074601</td><td>2424397</td></tr><tr><td>2424397</td><td>2506535</td></tr><tr><td>2126148</td><td>2318462</td></tr><tr><td>2318462</td><td>250123</td></tr><tr><td>250123</td><td>2389135</td></tr><tr><td>2425426</td><td>2445176</td></tr><tr><td>2445176</td><td>2455612</td></tr><tr><td>2455612</td><td>1289721</td></tr><tr><td>1480445</td><td>1088934</td></tr><tr><td>1088934</td><td>1446355</td></tr><tr><td>662302</td><td>2017813</td></tr><tr><td>2506535</td><td>2371343</td></tr><tr><td>2017813</td><td>1893427</td></tr><tr><td>2371343</td><td>2126148</td></tr><tr><td>1893427</td><td>2305189</td></tr><tr><td>2389135</td><td>1918708</td></tr><tr><td>1918708</td><td>2425426</td></tr><tr><td>1305201</td><td>2332715</td></tr><tr><td>2332715</td><td>2386596</td></tr><tr><td>1289721</td><td>2229052</td></tr><tr><td>2386596</td><td>1344278</td></tr><tr><td>2229052</td><td>662302</td></tr><tr><td>2092226</td><td>679252</td></tr><tr><td>679252</td><td>475104</td></tr><tr><td>475104</td><td>1637815</td></tr><tr><td>292908</td><td>746590</td></tr><tr><td>2305189</td><td>1872506</td></tr><tr><td>1872506</td><td>1305201</td></tr><tr><td>746590</td><td>2033591</td></tr><tr><td>2033591</td><td>1486665</td></tr><tr><td>1344278</td><td>1496783</td></tr><tr><td>1496783</td><td>2092226</td></tr><tr><td>1637815</td><td>2522495</td></tr><tr><td>2522495</td><td>292908</td></tr><tr><td>1486665</td><td>2208815</td></tr><tr><td>2330592</td><td>2273963</td></tr><tr><td>2273963</td><td>1244924</td></tr><tr><td>1244924</td><td>1112288</td></tr><tr><td>2289739</td><td>1841568</td></tr><tr><td>1841568</td><td>1535763</td></tr><tr><td>1535763</td><td>2427162</td></tr><tr><td>2208815</td><td>2330592</td></tr><tr><td>1422679</td><td>1968914</td></tr><tr><td>1968914</td><td>2298400</td></tr><tr><td>2298400</td><td>1697185</td></tr><tr><td>1938275</td><td>538985</td></tr><tr><td>538985</td><td>2288220</td></tr><tr><td>1112288</td><td>2205322</td></tr><tr><td>2205322</td><td>2289739</td></tr><tr><td>2288220</td><td>1937857</td></tr><tr><td>2427162</td><td>1460154</td></tr><tr><td>1460154</td><td>1422679</td></tr><tr><td>2050718</td><td>960985</td></tr><tr><td>960985</td><td>2305747</td></tr><tr><td>1697185</td><td>379884</td></tr><tr><td>379884</td><td>1938275</td></tr><tr><td>2305747</td><td>1671010</td></tr><tr><td>721613</td><td>2215446</td></tr><tr><td>2215446</td><td>851667</td></tr><tr><td>1937857</td><td>2111211</td></tr><tr><td>2111211</td><td>2050718</td></tr><tr><td>1671010</td><td>1888190</td></tr><tr><td>1888190</td><td>721613</td></tr><tr><td>851667</td><td>1789762</td></tr><tr><td>2303123</td><td>494821</td></tr><tr><td>494821</td><td>1779862</td></tr><tr><td>1779862</td><td>1456221</td></tr><tr><td>1623769</td><td>2072704</td></tr><tr><td>2072704</td><td>2319235</td></tr><tr><td>2200598</td><td>1623769</td></tr><tr><td>1789762</td><td>1371324</td></tr><tr><td>1371324</td><td>2303123</td></tr><tr><td>1456221</td><td>2003622</td></tr><tr><td>2003622</td><td>2200598</td></tr><tr><td>1698590</td><td>297483</td></tr><tr><td>297483</td><td>2144239</td></tr><tr><td>2144239</td><td>1964831</td></tr><tr><td>2430075</td><td>1452196</td></tr><tr><td>2319235</td><td>429652</td></tr><tr><td>227236</td><td>689561</td></tr><tr><td>689561</td><td>2030859</td></tr><tr><td>429652</td><td>1698590</td></tr><tr><td>2030859</td><td>1768222</td></tr><tr><td>858595</td><td>2213145</td></tr><tr><td>1964831</td><td>2045862</td></tr><tr><td>2213145</td><td>837536</td></tr><tr><td>2045862</td><td>2430075</td></tr><tr><td>837536</td><td>646178</td></tr><tr><td>1442841</td><td>2308322</td></tr><tr><td>2308322</td><td>1058183</td></tr><tr><td>1058183</td><td>2152069</td></tr><tr><td>1986228</td><td>2458296</td></tr><tr><td>1452196</td><td>933453</td></tr><tr><td>933453</td><td>227236</td></tr><tr><td>1768222</td><td>1697806</td></tr><tr><td>1697806</td><td>858595</td></tr><tr><td>646178</td><td>1075961</td></tr><tr><td>1075961</td><td>1442841</td></tr><tr><td>2152069</td><td>1767530</td></tr><tr><td>1767530</td><td>1986228</td></tr><tr><td>1871421</td><td>2126129</td></tr><tr><td>1992033</td><td>1871421</td></tr><tr><td>1327245</td><td>1992033</td></tr><tr><td>1242874</td><td>1327245</td></tr><tr><td>1446355</td><td>506782</td></tr><tr><td>1233686</td><td>1242874</td></tr><tr><td>506782</td><td>1233686</td></tr></table></div><script src="/javascripts/main.js"></script></body></html>
Raw
style.css
body {
font: 14px "Arbutus Slab", Helvetica, Arial, sans-serif;
}
* {
box-sizing: border-box;
}
table, p {
font-size: 1.1em;
}
.container {
margin-top: 5em;
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
a {
color: #00B7FF;
}
.error, .info {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 4em;
color: #FFF;
line-height: 3em;
text-align: center;
padding: 0px;
z-index: 5;
font-size: 1.2em;
}
.error {
background-color: #BB3E3E;
}
.info {
background-color: #4772C2;
}
.menu-nav {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 4em;
color: #FFF;
background-color: #BB3E3E;
display: table;
}
.nav-right {
float: right !important;
}
ul.nav {
top: 0px;
list-style-type: none;
margin: 0;
padding: 0;
height: 100%:
}
ul.nav li {
height: 4em;
position: relative;
display: block;
float: left;
text-align: center;
}
ul.nav li:hover {
background-color: #C75757;
}
ul.nav li a {
display: block;
font-size: 1.2em;
line-height: 1.5em;
padding: 1em;
height: 100%;
}
.menu-inner {
width: 85%;
height: 100%;
margin: 0px auto;
}
.menu-nav a {
color: #FFF;
text-decoration: none;
}
.menu-nav .title {
text-transform: 'small-caps';
font-weight: 400;
}
.form-container {
padding-left: auto;
padding-right: auto;
}
textarea {
height: 500px;
}
input, textarea, form.stylish {
width: 100%;
}
input[alt^="PayPal"] {
width: inherit;
}
input {
padding: 1em 2em;
border: none;
border: 2px #444 solid;
}
.input-group {
padding: 1em 0;
}
.input-group input {
border-bottom: none;
}
.input-group input:first-child {
border-radius: 10px 10px 0px 0px;
border-bottom: none;
}
.input-group input:last-child {
border-radius: 0px 0px 10px 10px;
border-bottom: 2px #444 solid;
}
.input-padding {
padding: 1em 0em;
}
input[type='submit'] {
background-color: #4772C2;
color: #FFF;
border-radius: 10px;
}
input[type='submit']:disabled {
background-color: #AAA;
}
input[type='submit']:disabled:hover {
background-color: #AAA;
cursor: not-allowed;
}
input[type='submit']:hover {
cursor: pointer;
background-color: #6287CB;
}
input.styled {
border-radius: 10px;
padding: 1em inherit;
}
button.square-button {
width: 100%;
height: 200px;
border-radius: 10px;
border: 3px #444 solid;
background-color: #EEE;
margin: 0px auto;
}
button.sqaure-button a {
font-size: 3em;
}
table {
width: 100%;
}
thead {
font-style: bold;
}
td {
border-radius: 3px;
border-top: 2px #999 solid;
border-left: 2px #999 solid;
border-right: 2px #444 solid;
border-bottom: 2px #444 solid;
padding-left: 1em;
}
form.compact {
width: 50%;
margin: 10px;
}
.menu-tab: {
display: none;
}
@media screen and (max-width: 1096px) {
.menu-tab {
display: block;
width: 48px;
height: 48px;
position: fixed;
top: 0;
left: 50%;
margin-left: -24px;
background-color: #BB3E3E;
}
.menu-tab a {
width: 100%;
height: 100%;
text-align: center;
color: #FFF;
text-decoration: none;
}
.menu-nav {
display: none;
background-color: transparent;
}
.menu-inner {
width: 100%;
}
ul.nav li {
width: 100%;
height: 4em;
background-color: #BB3E3E;
}
ul.nav li a {
color: #FFF;
font-size: 1em;
line-height: 1em;
padding: 1.5em;
}
}
.center {
margin: 0px auto;
text-align: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment