-
Notifications
You must be signed in to change notification settings - Fork 0
/
200.html
1 lines (1 loc) · 18.1 KB
/
200.html
1
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A community all about digital design, including UX, UI, and graphic design. View more about us and come to our next meeting!"><meta name="keywords" content="design,at,UCI,university,irvine,UC,motion,graphic,UX,UI,learn,club,group,community,organization"><meta property="og:type" content="website"/><meta property="og:title" content="Design at UCI"/><meta property="og:description" content="A club for all digital designers–from UI/UX to graphic design and beginners to experienced–to connect, learn, and innovate together!"/><meta property="og:image" content="https://designatuci.com/ogimg.png"/><meta property="og:url" content="https://designatuci.com"/><meta property="og:site_name" content="Design at UCI"/><link rel="canonical" href="https://designatuci.com/"/><link rel="icon" href="/static/favicon/favicon16x.png" sizes="16x16"/><link rel="icon" href="/static/favicon/favicon32x.png" sizes="32x32"/><link rel="icon" href="/static/favicon/favicon48x.png" sizes="48x48"/><link rel="apple-touch-icon" href="/static/favicon/favicon180x.png" sizes="180x180"/><link rel="manifest" href="/manifest.json"/><title>Design at UCI</title><link rel="preload" href="/static/font/bold.woff2" as="font" type="font/woff" crossorigin><link rel="preload" href="/static/font/medium.woff2" as="font" type="font/woff" crossorigin></head><body class="freeze"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,l=r[0],a=r[1],c=r[2],p=0,s=[];p<l.length;p++)i=l[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,c||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var a=t[l];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/";var l=this["webpackJsonpreact-duci"]=this["webpackJsonpreact-duci"]||[],a=l.push.bind(l);l.push=r,l=l.slice();for(var c=0;c<l.length;c++)r(l[c]);var f=a;t()}([])</script><script src="/static/js/2.94aafaa8.chunk.js"></script><script src="/static/js/main.f555688f.chunk.js"></script></body><script>window.addEventListener("load",()=>{document.body.classList.remove("freeze")})</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-4WX6MFE69G"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-4WX6MFE69G")</script><script></script><style>@font-face{font-family:ducimain;src:url(/static/font/bold.woff2) format('woff2');font-weight:700;font-style:normal}@font-face{font-family:ducimain;src:url(/static/font/medium.woff2) format('woff2');font-weight:400;font-style:normal}:root{--white:#fff;--black:#000024;--blue:#089AFF;--orange:#FC593D;--peach:#ffdfd9;--red:#FC123D;--yellow:#FFCC45;--green:#2ADB6A;--forest:#05864a;--mint:#d1ffe1;--pink:#ff9ff4;--blush:#ffe1fb;--peach:#fceddc;--violet:#e7e3fd;--ultraviolet:#011EFB;--deepBlue:#00007D;--gray:#7A7A8D;--silver:#E4E4E6;--sky:#CEF2FF;--pageHeight:100vh}::-webkit-scrollbar{display:none}*{z-index:1;-webkit-tap-highlight-color:transparent;cursor:default;outline:0;scrollbar-width:none;box-sizing:border-box;vertical-align:middle;font-family:ducimain,helvetica,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;font-size:0;margin:0;padding:0}.freeze,.freeze *{animation-play-state:paused!important}head,img,script,style{display:none!important}body{min-height:100vh;color:var(--black)}body *{display:block}.wait{opacity:0;will-change:transform,opacity}.wait.show{transform-origin:top;animation:simple-fadein .8s cubic-bezier(.32,.35,.07,1) forwards}@keyframes simple-fadein{0%{opacity:0;transform:translateY(64px) skewY(3deg)}100%{opacity:1;transform:none}}.wait.show.drop{transform-origin:top;animation-name:drop-fadein;animation-duration:1.8s;animation-timing-function:cubic-bezier(.32,.35,.07,1);animation-fill-mode:forwards}@keyframes drop-fadein{0%{transform:translateY(128px)}100%{opacity:1;transform:none}}.wait.show.flopR{transform-origin:left;animation:flopR-fadein 2.4s cubic-bezier(.32,.35,.07,1) forwards}@keyframes flopR-fadein{0%{transform:perspective(512px) translateX(64px) RotateY(-20deg)}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}.wait.show.flopL{transform-origin:right;animation:flopL-fadein 2.4s cubic-bezier(.32,.35,.07,1) forwards}@keyframes flopL-fadein{0%{transform:perspective(512px) translateX(-64px) RotateY(20deg)}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}.wait.show.scale{transform-origin:bottom;animation:scale-fadein 1.8s cubic-bezier(.42,.63,0,1) forwards}@keyframes scale-fadein{0%{transform:translateY(-32px) scale(1.24)}100%{opacity:1;transform:none}}.wait.show.rainbow{transform-origin:top;animation:rainbow-fadein 3s cubic-bezier(.42,.63,0,1) forwards}@keyframes rainbow-fadein{0%{transform:perspective(256px) translateY(-64px) scale(1.24) rotateX(60deg);filter:hue-rotate(360deg)}100%{opacity:1;transform:none;filter:none}}.wait.show.subtle{transform-origin:bottom;animation-name:subtle-fadein;animation-duration:1s;animation-timing-function:cubic-bezier(.42,.63,0,1) forwards}@keyframes subtle-fadein{0%{transform:translateY(-8px)}100%{opacity:1;transform:none}}.wait.dx{animation-delay:.5s}.wait.dx:nth-child(1){animation-delay:0ms}.wait.dx:nth-child(2){animation-delay:50ms}.wait.dx:nth-child(3){animation-delay:.1s}.wait.dx:nth-child(4){animation-delay:.15s}.wait.dx:nth-child(5){animation-delay:.2s}.wait.dx:nth-child(6){animation-delay:.25s}.wait.dx:nth-child(7){animation-delay:.3s}.wait.dx:nth-child(8){animation-delay:.35s}.wait.dx:nth-child(9){animation-delay:.4s}.wait.dx:nth-child(10){animation-delay:.45s}.wait.d05{animation-delay:.5s}.wait.d10{animation-delay:1s}.wait.d15{animation-delay:1.5s}.wait.l2{animation-duration:2s}.wait.l3{animation-duration:3s}.spaceChildren>*{margin-bottom:32px}.spaceChildrenSmall>*{margin-bottom:16px}.spaceChildrenLarge>*{margin-bottom:64px}.spaceChildren>:last-child{margin-bottom:0}.spaceChildrenSmall>:last-child{margin-bottom:0}.spaceChildrenLarge>:last-child{margin-bottom:0}.pagelink::after{z-index:1;content:"";display:inline-block;background:url(/static/icon/link-arrow.svg) center no-repeat;background-size:contain;width:18px;height:18px;vertical-align:middle;transform:translate(0,-2px);margin-left:6px;transition:transform .4s cubic-bezier(.47,.4,0,1)}.pagelink.white::after{background:url(/static/icon/link-arrow-white.svg) center no-repeat}.pagelink.L::after{width:24px;height:24px;margin-left:10px;background-size:contain}.pagelink:hover::after{transform:translate(2px,-2px) scale(1.62);transition-timing-function:cubic-bezier(.42,1.52,.56,1)}.maxWidth{width:100%}.shadow{box-shadow:0 0 1px 1px #2232,0 6px 12px -4px #2231}.photo{width:100%;height:100%;border-radius:12px;background-position:center;background-size:cover}.icon{max-width:100%;display:inline-block;background-position:center;background-repeat:no-repeat;background-size:contain}.icon.hoverable{background-size:cover;background-position:bottom}.icon.hoverable:hover{background-position:top}.button{padding:12px 24px;background:#fff;border-radius:64px}.button.L{padding:16px 32px}.button.S{padding:6px 18px}.button.fill.blue{box-shadow:0 6px 12px -8px var(--blue)}.button.black{background:var(--black);color:var(--white)}.button.gray{background:var(--gray);color:var(--white)}.text{display:inline-block;line-height:1.12;font-size:18px}.text s,.text>.text{display:inline;vertical-align:baseline}.block-paragraph>.text{display:inline-block}.text s{text-decoration:none;font-size:inherit;font-weight:inherit}.fill.white{background-color:var(--white);color:var(--black)}.fill.black{background-color:var(--black);color:var(--white)}.fill.blue{background-color:var(--blue);color:var(--white)}.fill.pink{background-color:var(--pink);color:var(--black)}.fill.green{background-color:var(--forest);color:var(--white)}.fill.red{background-color:var(--red);color:var(--white)}.fill.sky{background-color:var(--sky)}.fill.gray{background-color:var(--silver)}.fill.dusk{background-color:var(--gray)}.text.color.white{color:var(--white)}.text.color.black{color:var(--black)}.text.color.gray{color:var(--gray)}.text.color.silver{color:var(--silver)}.text.color.blue{color:var(--blue)}.text.color.sky{color:var(--sky)}.text.color.orange{color:var(--orange)}.text.color.yellow{color:var(--yellow)}.text.color.pink{color:var(--pink)}.text.color.red{color:var(--red)}.text.color.violet{color:var(--ultraviolet)}.text.color.green{color:var(--green)}.color.white{color:var(--white)}.color.black{color:var(--black)}.color.gray{color:var(--gray)}.color.silver{color:var(--silver)}.color.blue{color:var(--blue)}.color.sky{color:var(--sky)}.color.orange{color:var(--orange)}.color.yellow{color:var(--yellow)}.color.pink{color:var(--pink)}.color.red{color:var(--red)}.color.violet{color:var(--ultraviolet)}.color.green{color:var(--green)}.text .link{text-decoration:underline}.text .link:hover{color:#000}.text.S{font-size:14px}.text.L{font-size:24px}.text.XL{font-size:36px}.text.XXL{font-size:56px}.text.XXXL{font-size:64px}.textAlignLeft,.textAlignLeft .text{text-align:left}.text.indent{text-indent:2em}pre{color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;vertical-align:baseline}a,pre{cursor:pointer;display:inline-block;color:inherit;font-size:inherit;font-weight:inherit;text-decoration:none;vertical-align:baseline}a:hover .icon.hoverable{background-position:top}a>*{cursor:pointer}.pointer,.pointer *{cursor:pointer}.bold{font-weight:700}.italic{font-style:italic}.space{display:inline-block}break{display:block}.section{display:block;padding:128px 64px}.flatBot{padding-bottom:0}.flatTop{padding-top:0}#root>.section{overflow:hidden}.section.short{padding:64px 64px}.section.bare{padding:0 64px}.section.shortTop{padding-top:32px}.transition{height:64px;margin-top:-64px;background:linear-gradient(0,#00001008,#0010)}.section .wrapper>*{margin-bottom:32px}.section .wrapper>:last-child{margin-bottom:0}.relative{position:relative}.pageFull{min-height:100vh}.page,.widePage{min-height:calc(100vh - 88px)}.page.hint,.widePage.hint{min-height:calc(100vh - 176px)}.background{z-index:0;border-radius:0;position:absolute;top:0;left:0;width:100%;height:100%}.flex{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.flex.row{flex-direction:row}.flex.wideRow{flex-direction:row}.flex.left{align-items:flex-start}.flex.right{align-items:flex-end}.flex.top{justify-content:flex-start}.flex.bottom{justify-content:flex-end}.flex.wrap{flex-wrap:wrap}.flex.spaceBetween{justify-content:space-between}.split2{display:grid;grid-template-columns:1fr 1fr;gap:64px}.split3,.split32{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.splitEventCard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.split4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.split2.wideFlip>div:nth-child(1){order:2}.split2.wideFlip>div:nth-child(2){order:1}.paragraph{line-height:1.38;color:var(--gray)}.wrapper{width:100%;max-width:1280px;margin-left:auto;margin-right:auto}.center,.center>.wrapper{display:flex;text-align:center;align-items:center;flex-direction:column;justify-content:center}.center.row{flex-direction:row}.middle{margin-left:auto;margin-right:auto}.slim{max-width:1024px}.narrow{max-width:768px}.tiny{max-width:512px}.nano{max-width:384px}.form{width:88%;max-width:768px}.form .inputs{width:100%;gap:16px;display:grid;grid-template-columns:1fr 1fr}.form input:nth-child(1){grid-column:1/3}.form input{width:auto;min-width:unset;border:none;font-size:20px;padding:12px 24px;border-radius:8px}.form input:focus{box-shadow:0 0 0 3px var(--blue),0 4px 4px -1px var(--blue)}.card{overflow:hidden;position:relative;border-radius:8px;padding:32px}.card.L{padding:48px;border-radius:16px}.card.S{padding:16px}.splitEventCard .card{box-shadow:0 12px 24px -32px var(--gray)}.largeEvent{border-radius:16px;box-shadow:0 1px 2px 1px var(--silver),0 16px 32px var(--silver);padding:64px;opacity:0;animation:largeEvent-show 1.8s cubic-bezier(.18,.62,0,1) forwards}.largeEvent .info{flex-wrap:wrap}.largeEvent .split2{width:100%;gap:8px}@keyframes largeEvent-show{0%{transform:perspective(512px) scale(.88) translateY(32px) rotateX(20deg)}100%{transform:none;opacity:1}}#navSpacer{height:88px;display:block}#nav{position:absolute;top:0;left:0;width:100%;padding:0 48px;z-index:1000;background:#fff}#nav.clear{background:0 0}#nav>.wrapper{display:grid;max-width:calc(1280px + 32px);grid-template-columns:1fr 1fr 1fr;transition:height .2s cubic-bezier(.55,.01,.38,.99)}#nav .group.left{justify-content:flex-start}#nav .group.right{justify-content:flex-end}#nav .group a{display:inline-block;padding:16px;color:var(--gray)}#nav.clear .group a{color:var(--white)}#nav .group a:hover{color:var(--black)}#nav.clear .group a:hover{color:var(--white)}#nav .mobile{display:none;grid-template-rows:88px 1fr}#nav .wide{display:grid;height:88px}#nav .item.social{padding-right:8px;padding-left:8px}#nav .item.social:hover{animation:itemBounce 333ms forwards}@media only screen and (min-width:768px){#nav.shrink>.wrapper{height:66px}}#nav.shrink{background:#fff;box-shadow:0 0 1px 1px var(--silver)}@keyframes itemBounce{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,.7,.51,.99)}25%{transform:translateY(-4px);animation-timing-function:cubic-bezier(.55,.01,.51,.99)}65%{transform:translateY(1px);animation-timing-function:cubic-bezier(.55,.01,.51,.99)}100%{transform:none;animation-timing-function:cubic-bezier(0,.59,.51,.99)}}#nav .mobile .links{grid-column:1/3}#nav #navToggle{transition:background .2s cubic-bezier(.6,.01,.83,.67);background:var(--white);border-radius:32px}#nav #navToggle:active{transition:background 0ms;background:var(--silver)}#nav #navToggle .icon{background-size:cover;background-position:bottom}#nav .links{display:none;padding-bottom:16px}#nav .links .item{opacity:0}#nav[mobile-expand=true] .links{transform-origin:bottom;animation:links-in 1.6s cubic-bezier(.34,1.54,.36,1) forwards}#nav[mobile-expand=true] .links .item{animation:link-in .4s cubic-bezier(.33,.53,.18,1) forwards}#nav[mobile-expand] .links .item:nth-child(1){animation-delay:0ms}#nav[mobile-expand] .links .item:nth-child(2){animation-delay:50ms}#nav[mobile-expand] .links .item:nth-child(3){animation-delay:.1s}#nav[mobile-expand] .links .item:nth-child(4){animation-delay:.15s}#nav[mobile-expand] .links .item:nth-child(5){animation-delay:.2s}@keyframes links-in{0%{transform:perspective(256px) rotateX(-40deg)}100%{opacity:1;transform:none}}@keyframes link-in{0%{transform:translateX(-64px)}100%{opacity:1;transform:none}}#nav[mobile-expand=true] .links{display:block}#nav[mobile-expand=true]{transition:box-shadow .8s cubic-bezier(.02,.69,.12,1);box-shadow:0 128px 128px 128px #334b}#nav[mobile-expand=true] .brand{color:#000}#nav[mobile-expand=true] .brand .icon{background-position:top}#nav[mobile-expand=true] #navToggle .icon{background-position:top}#bot{padding-top:88px;color:var(--white);background:var(--black)}#bot a .text{border-bottom:solid 1px #0000}#bot .mark:hover,#bot a:hover .text{color:var(--blue);border-bottom:solid 1px var(--blue)}#bot .mark{border-bottom:solid 1px var(--gray)}@media only screen and (max-width:1280px){.text.XXL{font-size:48px}.splitEventCard{grid-template-columns:1fr 1fr;gap:16px}}@media only screen and (max-width:1024px){break.collapse{display:none}.split32{grid-template-columns:1fr 1fr}.split2{grid-template-columns:1fr;gap:32px}.split2 .first{grid-row:0/1}.split4{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media only screen and (max-width:768px){.wideOnly{display:none!important}.flex.wideRow{flex-direction:column}.split3,.split32{grid-template-columns:1fr}.split2.wideFlip>div:nth-child(1){order:1}.split2.wideFlip>div:nth-child(2){order:2}.form{width:88%}.form .inputs{grid-template-columns:1fr}.form input{width:100%}.form input:nth-child(1){grid-column:1/2}.splitEventCard{grid-template-columns:1fr;gap:16px}.largeEvent{padding:64px 32px}.card{border-radius:8px;padding:16px}.card.L{padding:48px 32px;border-radius:16px}break{display:none}.section.flex{display:flex}.text{font-size:16px}.text.L{font-size:20px}.text.XL{font-size:32px}.text.XXL{font-size:48px}.text.XXXL{font-size:44px}.widePage{min-height:unset}#nav{padding:0 16px;box-shadow:0 0 128px 64px #6670}#nav .wrapper{grid-template-columns:3fr 64px}#nav .mobile{display:grid}#nav .wide{display:none}#nav .item{padding:8px 0}#nav .item.button{padding:16px 0}.section{display:block;padding:128px 32px}.section.short{padding:64px 32px}.section.bare{padding:0 32px}.section,.section.bare,.section.short{display:block;padding-left:32px;padding-right:32px}#bot{padding:64px 48px}.section.center,.section.flex{display:flex}}.section.bareTop{padding-top:0}.section.bareBot{padding-bottom:0}.section.path{background:linear-gradient(90deg,var(--silver) -20%,var(--white) 50%)}.section.path a{padding-top:4px;padding-bottom:4px}.section.path:hover{background:linear-gradient(90deg,var(--sky),var(--white))}.section.path .flex .div{margin:0 8px}.section.path .flex .text{color:var(--gray)}.section.path:hover .flex .text{color:var(--blue);opacity:1}.section.path .flex a:hover .text{text-decoration:underline}</style></html>