-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
130 lines (108 loc) · 28 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html><html lang="en"><head><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="msapplication-tap-highlight" content="no"><meta name="theme-color" content="#444444"><meta name="msapplication-navbutton-color" content="#444444"><meta name="robots" content="index"><meta name="googlebot" content="index"><meta name="description" content="Página web da Open Projects at IFBA"><meta name="keywords" content="Open Projects at IFBA, OPAI"><meta name="author" content="OPAI"><meta name="copyright" content=""><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@opai"><meta name="twitter:creator" content="@hugodeiro"><meta property="og:url" content="http://opai.github.io"><meta property="og:title" content="Open Projects at IFBA (OPAI)"><meta property="og:description" content="Página web da Open Projects At IFBA (OPAI)"><meta property="og:image" content="http://opai.hugodeiro.com/images/logo.png"><title>Open Projects at IFBA (OPAI)</title><link rel="shortcut icon" type="image/png" href="images/favicon.png?v=1"><style>.button-gradient,.underlinable,a{text-decoration:none}[data-efecss]{opacity:0;will-change:opacity,transform;transform:translate3d(0,0,0);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both;animation-duration:1s}.efecss-disabled,.efecss-disabled [data-efecss]{animation:none!important;opacity:1!important}.fadeIn,.fadeOut{animation-name:fadeIn}.fadeOut,.flipOutY{-webkit-animation-direction:reverse}.fadeOut,.flipOutY,.zoomOut{animation-direction:reverse}.floatY,.floatYDown{-webkit-animation-iteration-count:infinite}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.flipInY,.flipOutY{animation-name:flipInY}@keyframes flipInY{0%{opacity:0;transform:rotateY(90deg)}100%{opacity:1;transform:none}}.floatY,.floatYDown,.floatYUp{opacity:1;animation-iteration-count:infinite}@keyframes floatYDown{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes floatYUp{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes floatY{0%,100%,50%{transform:translateY(0)}25%{transform:translateY(2px)}75%{transform:translateY(-2px)}}.floatY{animation-name:floatY}.floatYDown{animation-name:floatYDown}.floatYUp{animation-name:floatYUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(50%)}100%{opacity:1;transform:none}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50%)}100%{opacity:1;transform:none}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(50%)}100%{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-50%)}100%{opacity:1;transform:none}}.slideInUp{animation-name:slideInUp}.slideInDown{animation-name:slideInDown}.slideInLeft{animation-name:slideInLeft}.slideInRight{animation-name:slideInRight}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:none}}@keyframes zoomInBig{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:none}}.zoomIn{animation-name:zoomIn}.zoomInBig{animation-name:zoomInBig}.zoomOut{animation-name:zoomIn}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:OpenSansRegular;src:url(fonts/OpenSans-Regular.ttf)}@font-face{font-family:OpenSansSemibold;src:url(fonts/OpenSans-SemiBold.ttf)}@font-face{font-family:digital7;src:url(fonts/digital-7.ttf)}@font-face{font-family:Lobster;src:url(fonts/Lobster-Regular.ttf)}#go-top,.cards,.menu,footer,header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}header{-ms-flex-direction:column;flex-direction:column}*,* *{box-sizing:border-box}a{color:#403F9A}.paragraph{font-size:18px;color:#444;font-family:OpenSansSemibold,sans-serif;line-height:1.5em;margin-top:16px}.section h1,header #eventdate{font-size:32px;font-family:Lobster,OpenSansSemibold,sans-serif;text-align:center}.section{min-height:100vh;background:#f5f5f5;padding:30px 10%;transform:translateZ(0);transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.section-small{min-height:50vh}.section-bgw{background:#fff}.section h1{color:#444;padding:16px 0}@media screen and (max-width:400px){.section{padding:30px 10px}}.mid-section{height:46vh;background:center no-repeat fixed #f5f5f5;background-size:cover;overflow:hidden}.mid-section-blue::before{background:rgba(64,63,154,.4)}.mid-section-red::before{background:rgba(238,34,75,.4)}.mid-section-green::before{background:rgba(11,169,122,.4)}.mid-section-yellow::before{background:rgba(247,143,32,.4)}.mid-section::before{content:" ";width:100vw;height:100vh;display:block;z-index:0}.mid-section-1{background-image:url(images/salvador-background-1.jpg)}.mid-section-2{background-image:url(images/salvador-background-3.jpg)}.mid-section-3{background-image:url(images/salvador-background-2.jpg)}.cards{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px;min-height:80vh;-ms-flex-align:stretch;align-items:stretch}.section-small .cards{min-height:25vh}.card{width:100%;max-width:400px;border:4px solid #444;border-radius:4px;margin:5px;box-shadow:0 1px 8px 0 #d3d3d3;min-height:550px}.card-small{max-width:340px}.card-blue{border-color:#403F9A}.card-blue .card-title{border-top-color:#403F9A;color:#403F9A}.card-blue .card-title-background{color:#fff;background:#403F9A}.card-red{border-color:#EE224B}.card-red .card-title{border-top-color:#EE224B;color:#EE224B}.card-red .card-title-background{color:#fff;background:#EE224B}.card-yellow{border-color:#F78F20}.card-yellow .card-title{border-top-color:#F78F20;color:#F78F20}.card-yellow .card-title-background{color:#fff;background:#F78F20}.card-green{border-color:#0BA97A}.card-green .card-title{border-top-color:#0BA97A;color:#0BA97A}.card-green .card-title-background{color:#fff;background:#0BA97A}.card-photo{width:100%;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat}.card-title{border-top:4px solid #444;font-size:24px;font-family:OpenSansSemibold,sans-serif;color:#444;padding:12px}.button-gradient,.card-content{font-size:16px;font-family:OpenSansSemibold,sans-serif}.card-content{padding:0 12px 12px;line-height:1.4em;color:#444}.cgreen{color:#0BA97A}.cyellow{color:#F78F20}.cred{color:#EE224B}.cblue{color:#403F9A}#go-top{height:60px;width:60px;line-height:60px;position:fixed;bottom:20px;right:20px;border-radius:30px;z-index:2;cursor:pointer;background:linear-gradient(90deg,#0BA97A 25%,#F78F20 25%,#F78F20 50%,#EE224B 50%,#EE224B 75%,#403F9A 75%,#403F9A 100%)}#go-top a{display:-ms-inline-flexbox;display:inline-flex}#go-top polyline{color:#fff}.underlinable{position:relative}.underlinable:hover:before{visibility:visible;transform:scaleX(1)}.underlinable:before{content:"";position:absolute;width:100%;height:3px;bottom:-6px;left:0;background-color:#fff;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s}.gradient-bar.gradient-bar-top:after{top:0}.gradient-bar:not(.gradient-bar-top):after{bottom:0}.gradient-bar:after{content:' ';height:4px;width:100%;position:absolute;background:#fff;background:linear-gradient(90deg,#0BA97A 25%,#F78F20 25%,#F78F20 50%,#EE224B 50%,#EE224B 75%,#403F9A 75%,#403F9A 100%)}.button-gradient{display:block;line-height:50px;height:50px;width:186px;position:relative;overflow:hidden;letter-spacing:1px;color:#fff;text-align:center}.button-gradient:after{position:absolute;content:'';display:inline-block;background:#3bade3;background:linear-gradient(45deg,#0BA97A 0,#F78F20 35%,#EE224B 45%,#403F9A 100%);height:50px;width:372px;z-index:-1;transform:translateX(-280px);transition:transform .4s ease-in}.menu,footer{background:#444}.button-gradient:hover:after{transform:translateX(-200px)}header{height:calc(100vh - 76px);background-color:#f5f5f5;background-image:url(images/salvador-background-4.jpg);background-size:cover;background-attachment:fixed;background-position:center bottom;position:relative}header *{z-index:1}header::before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(64,63,154,.4);z-index:0}header #logo{width:90%;max-width:600px;margin-bottom:20px}header #eventdate{color:#fff;position:absolute;bottom:calc(10% + 30px + 5%)}@media screen and (max-width:400px){header #eventdate{font-size:26px;padding:0 16px}}header #countdown{font-family:digital7;font-size:30px;font-weight:600;position:absolute;bottom:10%;color:#777;text-align:center}header #opener{display:none;position:absolute;top:10px;right:10px;width:30px}header #opener path{fill:#444}@media screen and (max-width:400px){header #countdown{font-size:18px;width:100%;padding:0 16px}header #opener{display:block}header{height:100vh}header #logo{margin-bottom:12px}header #countdown,header #eventdate{position:relative!important;margin:12px 0!important;bottom:0!important}}.menu{z-index:9;position:-webkit-sticky;position:sticky;top:0;height:76px;box-shadow:0 0 14px 2px rgba(68,68,68,.5)}.menu li{display:inline-block;font-family:OpenSansSemibold,sans-serif;margin:16px}.menu li a{color:#fff}.menu #menu-logo{position:absolute;left:20px;width:120px}.menu #closer{display:none;position:absolute;top:10px;right:10px;width:30px}.menu #closer svg{width:30px;height:30px}.menu #closer path{fill:#fff}@media screen and (max-width:400px){.menu{display:none}.menu #menu-logo{position:absolute;left:10px;top:10px;width:100px}.menu.active{display:block;position:fixed;top:0;bottom:0;right:0;left:0;height:100vh}.menu.active ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100vh}.menu.active li{display:block;height:35px;line-height:35px;font-size:24px;font-family:Lobster,OpenSansSemibold,sans-serif}.menu #closer{display:block}}footer{padding:30px;font-size:18px;font-family:OpenSansSemibold,sans-serif;text-align:center;position:relative}footer .pill{padding:8px 12px;background:#f5f5f5;border-radius:30px;color:#444}@media screen and (max-width:400px){footer{padding:30px 50px}}
/*# sourceMappingURL=style.css.map */
</style></head><body><header id="header"><div id="opener"><svg height="25px" version="1.1" viewBox="0 0 25 25" width="25px" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink"><title/><desc/><defs/><g fill="none" fill-rule="evenodd" id="TabBar-Icons" stroke="none" stroke-width="1"><g fill="#000000" id="Hamburger-Round"><path d="M0,4 C0,2.8954305 0.889763236,2 2.00359486,2 L22.9964051,2 C24.10296,2 25,2.88772964 25,4 C25,5.1045695 24.1102368,6 22.9964051,6 L2.00359486,6 C0.897039974,6 0,5.11227036 0,4 L0,4 Z M0,12 C0,10.8954305 0.889763236,10 2.00359486,10 L22.9964051,10 C24.10296,10 25,10.8877296 25,12 C25,13.1045695 24.1102368,14 22.9964051,14 L2.00359486,14 C0.897039974,14 0,13.1122704 0,12 L0,12 Z M0,20 C0,18.8954305 0.889763236,18 2.00359486,18 L22.9964051,18 C24.10296,18 25,18.8877296 25,20 C25,21.1045695 24.1102368,22 22.9964051,22 L2.00359486,22 C0.897039974,22 0,21.1122704 0,20 L0,20 Z" id="Hamburger"/></g></g></svg></div><img id="logo" src="images/logo-crop.png" alt="Logotipo do OPAI" data-efecss="zoomIn"></header><nav class="menu gradient-bar"><img src="images/logo-small.png" data-efecss="slideInRight" alt="Logotipo do OPAI" id="menu-logo" style="display: none;"><div id="closer"><svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z"/></svg></div><ul><li class="underlinable"><a class="link-to" href="#who-are-us">Quem Somos</a></li><li class="underlinable"><a class="link-to" href="#what-we-did">O que já fizemos</a></li></ul></nav><section class="section section-small" id="who-are-us"><h1 data-efecss="slideInUp">#QuemSomos</h1><p class="paragraph" data-efecss="slideInUp" data-animation-delay="150ms">A <span class="cgreen">Open</span> <span class="cyellow">Projects</span> <span class="cred">at</span> <span class="cblue">IFBA</span> (<img src="images/logo-small.png" width="40px">) é um grupo horizontal criado em 2015 por estudantes do curso de Tecnologia em Análise e Desenvolvimento de Sistemas do Instituto Federal da Bahia - <i>campus</i> Salvador. Nossa ideia é agregar toda e qualquer pessoa que queira aprender novas tecnologias, fazer novas amizades e contribuir com o crescimento do grupo! Join Us! :)</p><p class="paragraph" data-efecss="slideInUp" data-animation-delay="300ms">Dá um saque em nossas redes :)</p><p class="paragraph"><a href="https://github.com/opai" target="_blank"><svg data-efecss="zoomIn" data-animation-delay="450ms" enable-background="new 0 0 32 32" height="32px" id="Layer_1" version="1.0" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path clip-rule="evenodd" d="M16.003,0C7.17,0,0.008,7.162,0.008,15.997 c0,7.067,4.582,13.063,10.94,15.179c0.8,0.146,1.052-0.328,1.052-0.752c0-0.38,0.008-1.442,0-2.777 c-4.449,0.967-5.371-2.107-5.371-2.107c-0.727-1.848-1.775-2.34-1.775-2.34c-1.452-0.992,0.109-0.973,0.109-0.973 c1.605,0.113,2.451,1.649,2.451,1.649c1.427,2.443,3.743,1.737,4.654,1.329c0.146-1.034,0.56-1.739,1.017-2.139 c-3.552-0.404-7.286-1.776-7.286-7.906c0-1.747,0.623-3.174,1.646-4.292C7.28,10.464,6.73,8.837,7.602,6.634 c0,0,1.343-0.43,4.398,1.641c1.276-0.355,2.645-0.532,4.005-0.538c1.359,0.006,2.727,0.183,4.005,0.538 c3.055-2.07,4.396-1.641,4.396-1.641c0.872,2.203,0.323,3.83,0.159,4.234c1.023,1.118,1.644,2.545,1.644,4.292 c0,6.146-3.74,7.498-7.304,7.893C19.479,23.548,20,24.508,20,26c0,2,0,3.902,0,4.428c0,0.428,0.258,0.901,1.07,0.746 C27.422,29.055,32,23.062,32,15.997C32,7.162,24.838,0,16.003,0z" fill="#181616" fill-rule="evenodd"/><g/><g/><g/><g/><g/><g/></svg> </a><a href="https://www.facebook.com/OPAIOpenProject" target="_blank" style="margin-left: 16px;"><svg enable-background="new 0 0 48 48" id="Layer_1" height="32px" data-efecss="zoomIn" data-animation-delay="650ms" version="1.1" viewBox="0 0 48 48" xml:space="preserve" width="32px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="24" cy="24" fill="#4E71A8" r="24"/><path d="M29.9,19.5h-4v-2.6c0-1,0.7-1.2,1.1-1.2c0.5,0,2.8,0,2.8,0v-4.4l-3.9,0c-4.4,0-5.3,3.3-5.3,5.3v2.9h-2.5V24 h2.5c0,5.8,0,12.7,0,12.7h5.3c0,0,0-7,0-12.7h3.6L29.9,19.5z" fill="#FFFFFF"/></svg> </a><a href="https://chat.whatsapp.com/5uU0f9rie2Z6asT5i6Z19g" target="_blank" style="margin-left: 16px;"><svg data-efecss="zoomIn" data-animation-delay="850ms" enable-background="new 0 0 24 24" id="Layer_1" version="1.1" width="32px" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M12,0C5.3725586,0,0,5.3725586,0,12c0,2.4573975,0.7415161,4.7402954,2.0089722,6.6427612L0,24 l5.3572388-2.0089722C7.2596436,23.2584229,9.5426025,24,12,24c6.6274414,0,12-5.3726196,12-12C24,5.3725586,18.6274414,0,12,0z" fill="#31B34A"/><path d="M17.7207031,14.0512695c-0.0009766-0.0004883-1.2246094-0.6015625-1.9921875-0.9960938 c-0.8647461-0.4438477-1.8867188,0.3901367-2.3681641,0.8657227c-0.4355469-0.1694336-1.300293-0.5678711-2.0068359-1.2744141 s-1.1049805-1.5712891-1.2744141-2.0068359c0.4760742-0.480957,1.3110352-1.5004883,0.8657227-2.3681641 C10.550293,7.5039063,9.9492188,6.2802734,9.9487305,6.2792969C9.8647461,6.1083984,9.6904297,6,9.5,6h-1 C7.3745117,6,6,7.3842773,6,9c0,1.5703125,1.8793945,4.5864258,3.1464844,5.8535156S13.4296875,18,15,18 c1.6157227,0,3-1.3745117,3-2.5v-1C18,14.3095703,17.8916016,14.1352539,17.7207031,14.0512695z" fill="#FFFFFF"/><path d="M12,0.25c6.5852661,0,11.9259644,5.3058472,11.9937134,11.875 C23.9941406,12.0828857,24,12.0421753,24,12c0-6.6274414-5.3725586-12-12-12S0,5.3725586,0,12 c0,0.0482178,0.0048218,0.0952148,0.0053711,0.1432495C0.0633545,5.5655518,5.4086304,0.25,12,0.25z" fill="#FFFFFF" opacity="0.2"/><path d="M12,23.75c-2.4573975,0-4.7403564-0.7415771-6.6427612-2.0089722l-5.2481689,1.9680786L0,24 l5.3572388-2.0089722C7.2596436,23.2584229,9.5426025,24,12,24c6.6274414,0,12-5.3726196,12-12 c0-0.0421753-0.0058594-0.0828857-0.0062866-0.125C23.9259644,18.4441528,18.5852661,23.75,12,23.75z" fill="#010101" opacity="0.1"/><path d="M11.3535156,12.8964844c0.706543,0.706543,1.5712891,1.1049805,2.0068359,1.2744141 c0.4814453-0.4755859,1.503418-1.3095703,2.3681641-0.8657227c0.7675781,0.3945313,1.9912109,0.9956055,1.9921875,0.9960938 C17.8916016,14.3852539,18,14.5595703,18,14.75V14.5c0-0.1904297-0.1083984-0.3647461-0.2792969-0.4487305 c-0.0009766-0.0004883-1.2246094-0.6015625-1.9921875-0.9960938c-0.8647461-0.4438477-1.8867188,0.3901367-2.3681641,0.8657227 c-0.4355469-0.1694336-1.300293-0.5678711-2.0068359-1.2744141c-0.6304321-0.6304321-1.0046387-1.3703003-1.2006226-1.8353271 c-0.024353,0.0255127-0.0509033,0.0554199-0.0737915,0.0784912C10.2485352,11.3251953,10.6469727,12.1899414,11.3535156,12.8964844 z" fill="#FFFFFF" opacity="0.2"/><path d="M10.9448242,8.2714844C10.550293,7.5039063,9.9492188,6.2802734,9.9487305,6.2792969 C9.8647461,6.1083984,9.6904297,6,9.5,6h-1C7.3745117,6,6,7.3842773,6,9c0,0.0336914,0.0125732,0.0766602,0.0142822,0.1116943 C6.0907593,7.5571899,7.4073486,6.25,8.5,6.25h1c0.1904297,0,0.3647461,0.1083984,0.4487305,0.2792969 c0.0004883,0.0009766,0.6015625,1.2246094,0.9960938,1.9921875c0.0747681,0.145752,0.1030884,0.2960815,0.1134033,0.4470825 C11.0870972,8.7340088,11.0609131,8.4976807,10.9448242,8.2714844z" fill="#FFFFFF" opacity="0.2"/><path d="M9.1464844,14.8535156C10.4135742,16.1206055,13.4296875,18,15,18 c1.6157227,0,3-1.3745117,3-2.5v-0.25c0,1.1254883-1.3842773,2.5-3,2.5c-1.5703125,0-4.5864258-1.8793945-5.8535156-3.1464844 c-1.2398682-1.2398682-3.0543823-4.145874-3.1322021-5.7418213C6.0119629,8.9083862,6,8.9528809,6,9 C6,10.5703125,7.8793945,13.5864258,9.1464844,14.8535156z" fill="#010101" opacity="0.1"/><linearGradient gradientUnits="userSpaceOnUse" id="SVGID_1_" x1="7.5054908" x2="19.9581661" y1="8.5427885" y2="20.9954643"><stop offset="0" style="stop-color:#010101;stop-opacity:0.1"/><stop offset="1" style="stop-color:#010101;stop-opacity:0"/></linearGradient><path d="M9.8764648,6.171814L9.87323,6.1958618 c0.0241089,0.0293579,0.0582886,0.0484619,0.0755005,0.0834351c0.0004883,0.0009766,0.6015625,1.2246094,0.9960938,1.9921875 c0.4453125,0.8676758-0.3896484,1.887207-0.8657227,2.3681641c0.1694336,0.4355469,0.5678711,1.300293,1.2744141,2.0068359 s1.5712891,1.1049805,2.0068359,1.2744141c0.4814453-0.4755859,1.503418-1.3095703,2.3681641-0.8657227 c0.7675781,0.3945313,1.9912109,0.9956055,1.9921875,0.9960938C17.8916016,14.1352539,18,14.3095703,18,14.5v1 c0,1.1254883-1.3842773,2.5-3,2.5c-1.5010376,0-4.3063354-1.7120972-5.6590576-2.9703369 c1.5604248,1.5985718,5.8561401,5.9893799,7.7504883,7.824707c2.0710449-0.9733887,3.8158569-2.5160522,5.0343018-4.4332886 L9.8764648,6.171814z" fill="url(#SVGID_1_)"/><linearGradient gradientUnits="userSpaceOnUse" id="SVGID_2_" x1="0.2882498" x2="22.0448322" y1="8.714715" y2="18.8599758"><stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0.2"/><stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/></linearGradient><path d="M12,0C5.3725586,0,0,5.3725586,0,12c0,2.4573975,0.7415161,4.7402954,2.0089722,6.6427612L0,24 l5.3572388-2.0089722C7.2596436,23.2584229,9.5426025,24,12,24c6.6274414,0,12-5.3726196,12-12C24,5.3725586,18.6274414,0,12,0z" fill="url(#SVGID_2_)"/></g><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/></svg></a></p></section><div class="mid-section mid-section-3 mid-section-yellow"></div><section class="section section-bgw" id="what-we-did"><h1 data-efecss="slideInUp">#OQueJáFizemos</h1><div class="cards"><div class="card card-small card-blue" data-efecss="slideInLeft"><div class="card-photo" data-efecss="fadeIn" data-animation-delay="100ms" style="background-image: url(images/events/opai-meetings-2015/galera-opai-meeting.jpg)"></div><h2 class="card-title">OPAI Meetings</h2><div class="card-content">Durante o ano de 2015 nós realizamos diversos encontros para discutir as mais diversas tecnologias. Tivemos palestras sobre HTML+CSS, Git, ASP NET MVC e várias outras. :)</div></div><div class="card card-small card-yellow" data-efecss="slideInLeft" data-animation-delay="150ms"><div class="card-photo" data-efecss="fadeIn" data-animation-delay="250ms" style="background-image: url(images/events/flisol-2016/flisol.jpg)"></div><h2 class="card-title">FLISOL 2016</h2><div class="card-content">Fomos responsáveis pela organização do Festival Latinoamericano de Instalação de Software Livre (FLISOL) do ano de 2016, que aconteceu lá no IFBA. Até hoje nosso site do evento está online, <a href="http://opai.github.io/flisol-2016/" target="_blank">dá uma olhadinha lá</a>. :)</div></div><div class="card card-small card-red" data-efecss="slideInLeft" data-animation-delay="150ms"><div class="card-photo" data-efecss="fadeIn" data-animation-delay="250ms" style="background-image: url(images/events/sprint-2018/galera-na-opai-sprint-2018.jpg)"></div><h2 class="card-title">Sprint 2018</h2><div class="card-content">Sprint é um evento que tem por objetivo receber calouros e calouras do curso de Análise e Desenvolvimento de Sistemas do IFBA dando "boas vindas" de maneira inclusiva através de palestras, worshops e muito bate papo sobre tecnologia.<br>Agradecemos a todos que participaram do evento, aos palestrantes e a Ericsson Inovação S.A. (EISA) pelo apoio com coffee-break. :)</div></div></div></section><div class="mid-section mid-section-1 mid-section-green"></div><div id="go-top" data-efecss="zoomIn" style="display: none"><a href="#header" class="link-to"><svg fill="none" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="40" xmlns="http://www.w3.org/2000/svg"><polyline points="18 15 12 9 6 15"/></svg></a></div><footer class="gradient-bar gradient-bar-top"><span class="pill">© <span class="cgreen">Open</span> <span class="cyellow">Projects</span> <span class="cred">at</span> <span class="cblue">IFBA</span> - <img src="images/logo-small.png" width="40px"> <span id="year"></span></span></footer><script>"use strict";
(function Efecss() {
//################################################################
// Capture all elements with efecss data attribute
//################################################################
var efecss_elements = document.querySelectorAll('[data-efecss]');
//################################################################
// Set initial attributes
//################################################################
Array.prototype.forEach.call(efecss_elements, function (efecss_element) {
// If animation delay is set up, it overrides css default value
if (efecss_element.dataset.animationDelay) efecss_element.style.animationDelay = efecss_element.dataset.animationDelay;
// If animation duration is set up, it overrides css default value
if (efecss_element.dataset.animationDuration) efecss_element.style.animationDuration = efecss_element.dataset.animationDuration;
});
//################################################################
// Set initial attributes
//################################################################
var _startAnimation = function _startAnimation(efecss_element) {
return efecss_element.classList.add(efecss_element.dataset.efecss);
};
var _verifyElementOnScreen = function _verifyElementOnScreen() {
setTimeout(function () {
Array.prototype.forEach.call(efecss_elements, function (efecss_element) {
// If element is already animated, it is ignored
if (efecss_element.dataset.alreadyAnimated) return;
// Captures elements bounding box
var element_box = efecss_element.getBoundingClientRect();
var element_box_top = element_box.top + parseInt(efecss_element.dataset.animationOffset) || element_box.top;
var element_box_bottom = element_box.bottom - parseInt(efecss_element.dataset.animationOffset) || element_box.bottom;
// If element is on offset area, animate it
if (element_box_bottom > 0 && element_box_top < window.innerHeight) {
_startAnimation(efecss_element);
efecss_element.dataset.alreadyAnimated = true;
}
});
});
};
//################################################################
// Initialize Event Listeners
//################################################################
window.addEventListener("load", _verifyElementOnScreen, false);
window.addEventListener("scroll", _verifyElementOnScreen, false);
window.addEventListener("resize", _verifyElementOnScreen, false);
})();
//# sourceMappingURL=script.js.map
function scrollToItem(item) {
var navHeight = 55;
var diff = (item.offsetTop - window.scrollY - navHeight) / 20;
if (!window._lastDiff) {
window._lastDiff = 0;
}
if (Math.abs(diff) > 0) {
window.scrollTo(0, window.scrollY + diff);
clearTimeout(window._TO);
if (diff !== window._lastDiff) {
window._lastDiff = diff;
window._TO = setTimeout(scrollToItem, 15, item);
}
} else {
window.scrollTo(0, item.offsetTop - navHeight);
}
}
window.onload = function () {
document.querySelector("#year").innerHTML = new Date().getFullYear();
var menuLogo = document.querySelector("#menu-logo");
var goTop = document.querySelector("#go-top");
var opener = document.querySelector("#opener");
var closer = document.querySelector("#closer");
var menu = document.querySelector('.menu');
opener.addEventListener('click', function (event) {
menu.classList.add('active');
menuLogo.style.display = 'block';
});
closer.addEventListener('click', function (event) {
menu.classList.remove('active');
menuLogo.style.display = 'none';
});
//Check scroll elements
function checkScrollElements() {
if (document.body.getBoundingClientRect().top > -500) {
goTop.style.display = 'none';
menuLogo.style.display = 'none';
} else {
goTop.style.display = 'flex';
menuLogo.style.display = 'block';
}
}
checkScrollElements();
//Smooth Scroll Config
document.querySelectorAll('.link-to').forEach(function (element) {
element.addEventListener('click', function (event) {
event.preventDefault();
menu.classList.remove('active');
scrollToItem(document.querySelector(element.href.substring(element.href.lastIndexOf('#'))));
});
});
document.addEventListener('scroll', checkScrollElements);
};
//# sourceMappingURL=script.js.map
</script><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-X', 'auto');
ga('send', 'pageview');</script></body></html>