fris.html

<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FRIS | Open summer of code 2018</title>
    <link rel="stylesheet" href="css/app.css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Open+Sans:300,400" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">

    <meta name="description" content="Innovative open source projects, made by incredibly motivated students, coaches and organisations.">
    <meta name="keywords" content="oSoc18, open, summer, code, Belgium">
    <meta name="author" content="oSoc18 team, Open Knowledge Belgium">
    <meta name="viewport" content="width=device-width">
    <meta property="og:title" content="open summer of code 2018" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://2018.summerofcode.be" />
    <meta property="og:image" content="http://2018.summerofcode.be/img/socialmedia/socialmedia.png?4362984378" />
    <meta property="og:description" content="Innovative open source projects, made by incredibly motivated students, coaches and organisations." />
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@osocode">
    <meta name="twitter:title" content="open summer of code 2018">
    <meta name="twitter:description" content="Innovative open source projects, made by incredibly motivated students, coaches and organisations.">
    <meta name="twitter:image" content="http://2018.summerofcode.be/img/socialmedia/socialmedia.png?4362984378" />
    <meta name="twitter:url" content="http://2018.summerofcode.be/" />

    <!-- FAVICONS -->
    <link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="img/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="img/favicons/favicon-194x194.png" sizes="194x194">
    <link rel="icon" type="image/png" href="img/favicons/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="img/favicons/android-chrome-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="img/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="‪#FFFFFF">
    <meta name="msapplication-TileImage" content="mstile-144x144.png">
    <meta name="theme-color" content="‪#FFFFFF">
</head>

<body>
    <!-- topbar -->
    <div class="title-bar hide-for-large" data-responsive-toggle="nav-menu" data-hide-for="large">
        <div data-toggle="nav-menu">
            <button class="menu-icon" type="button"></button>
            <div class="logo logo--animated title-bar-title"><span class="c-yellow">open</span> <span class="c-yellow">summer</span> <span class="c-yellow">of</span> <span class="c-yellow">code</span></div>
        </div>
    </div>

    <div data-sticky-container>
        <div class="top-bar bs--darken-light" id="nav-menu" data-sticky data-options="marginTop:0;" style="width:100%">
            <div class="top-bar-left show-for-large">
                <a class="logo" href="index.html" data-hide-for="medium">
                    <img src="img/logo/logo-osoc-color.svg" alt="open summer of code logo, very abstract, fun, but professional">
                </a>
            </div>
            <div class="top-bar-right">
                <ul class="menu vertical large-horizontal">
                    <li><a href="index.html" class="button link lowercase u-margin--right">Home</a></li>
                    <li><a href="practical.html" class="button link lowercase u-margin--right">Practical</a></li>
                    <li><a href="students.html" class="button link lowercase u-margin--right">Students</a></li>
                    <li><a href="companies.html" class="button link lowercase u-margin--right">Companies</a></li>
                    <li><a href="coaches.html" class="button link lowercase u-margin--right">Coaches</a></li>
                    <!--<li><a href="2018.html" class="button link lowercase u-margin--right">2018</a></li>-->
                    <li>
                      <!-- <a href="2018.summerofcode.be" target="_blank" class="button">View 2018 showcase</a> -->
                      <a href="2018.html" target="_blank" class="button">Discover all osoc18 projects<span class="button__info"></span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- header -->
    <header class="hero-detail u-padding-x-large--tb">
        <div class="grid-x grid-padding-x">
            <div class="medium-4 medium-offset-0 large-4 cell">
                <img class="crest" src="img/projects/fris.png">
                <h1 class="hero-head project-title">FRIS</h1>
            </div>
            <div class="medium-6 medium-offset-0 large-5 cell large-offset-1 flex-text">
                <p>
                    FRIS is <strong>a research portal</strong> aimed at curious citizens, businesses, policymakers, journalists and researchers. The six #oSoc18 students working on the project are using a governmental open database that gathers all the publicly funded research done in Flanders. Team FRIS is making a website that <strong>visualizes the data</strong> so it’s easy and user-friendly to interpret by the user.
                </p>
                <p>
                    The aim is to create <strong>a search tool</strong> that makes it easier to find expertise in Flanders. For example, a business could be looking for a researcher who specializes in Machine-Learning: they will be able to find and compare research in that field of study and find contact information in order to start a collaboration with the research institute.
                </p>
                <p>
                    The FRIS research portal will make finding the right researcher for your project easier and more efficient!
                </p>
                <p><a href="https://github.com/oSoc18/fris" target="_blank" class="button success">Contribute on GitHub</a></p>
            </div>
        </div>
    </header>




    <!-- Team header -->
    <div class="grid-x grid-padding-x u-margin-large--tb headshot-gallery project-section">
        <div class="small-10 small-offset-1 medium-3 medium-offset-0 large-2 cell text-left">
            <h3 class="h3 u-margin-large--b">Meet <br> the team</h3>
        </div>
        <div class="small-12 medium-9 large-10 cell">
            <div class="grid-x grid-padding-x u-margin-large--b headshot-gallery">
                <article class="small-6 medium-6 large-3 cell headshot-detail">
                    <img src="img/headshots/ilion_beyst.jpg" alt="Picture of Ilion Beyst" />
                    <h2 class="h4">Ilion <br> Beyst</h2>
                    <p>Student</p>
                    <!-- <h3 class="h5 subheader">FRIS</h4> -->
                    <div class="student-social">
                        <a href="https://github.com/iasoon" target="_blank"><i class="fa fa-github"></i></a>
                    </div>
                </article>
                <article class="small-6 medium-6 large-3 cell headshot-detail">
                    <img src="img/headshots/romain_dehasseleer.jpg" alt="Picture of Romain Dehasseleer" />
                    <h2 class="h4">Romain <br> Dehasseleer</h2>
                    <p>Student</p>
                    <!-- <h3 class="h5 subheader">FRIS</h4> -->
                    <div class="student-social">
                        <a href="https://twitter.com/rainleer" target="_blank"><i class="fa fa-twitter"></i></a>
                        <a href="https://www.linkedin.com/in/romain-dehasseleer/" target="_blank"><i class="fa fa-linkedin"></i></a>
                        <a href="https://github.com/romain-dehasseleer" target="_blank"><i class="fa fa-github"></i></a>
                    </div>
                </article>
                <article class="small-6 medium-6 large-3 cell headshot-detail">
                    <h2 class="h4">Nadia <br> El Bakkali</h2>
                    <p>Student</p>
                    <!-- <h3 class="h5 subheader">FRIS &amp; Snipstory</h4> -->
                    <div class="student-social">
                        <a href="https://twitter.com/mmartells" target="_blank"><i class="fa fa-twitter"></i></a>
                        <a href="https://www.linkedin.com/in/nadia-el-bakkali/" target="_blank"><i class="fa fa-linkedin"></i></a>
                    </div>
                </article>
                <article class="small-6 medium-6 large-3 cell headshot-detail">
                    <img src="img/headshots/terhi_kontkanen.jpg" alt="Picture of Terhi Kontkanen" />
                    <h2 class="h4">Terhi <br> Kontkanen</h2>
                    <p>Student</p>
                    <!-- <h3 class="h5 subheader">FRIS</h4> -->
                    <div class="student-social">
                        <a href="https://twitter.com/Terhi_Johanna" target="_blank"><i class="fa fa-twitter"></i></a>
                        <a href="https://www.linkedin.com/in/terhi-kontkanen-608838a7/" target="_blank"><i class="fa fa-linkedin"></i></a>
                    </div>
                </article>
                <article class="small-6 medium-6 large-3 cell headshot-detail">
                    <img src="img/headshots/sander_van_overloop.jpg" alt="Picture of Sander Van Overloop" />
                    <h2 class="h4">Sander <br> Van Overloop</h2>
                    <p>Student</p>
                    <!-- <h3 class="h5 subheader">FRIS</h4> -->
                    <div class="student-social">
                        <a href="https://github.com/UberGhost1161" target="_blank"><i class="fa fa-github"></i></a>
                    </div>
                </article>
                <article class="small-6 medium-6 large-3 cell headshot-detail">
                    <img src="img/headshots/thor_galle.jpg" alt="Picture of Thor Galle" />
                    <h2 class="h4">Thor <br> Galle</h2>
                    <p>Student</p>
                    <!-- <h3 class="h5 subheader">FRIS &amp; Prisma</h4> -->
                    <div class="student-social">
                        <a href="https://twitter.com/th0rgall" target="_blank"><i class="fa fa-twitter"></i></a>
                        <a href="https://www.linkedin.com/in/thorgalle/" target="_blank"><i class="fa fa-linkedin"></i></a>
                        <a href="https://github.com/th0rgall" target="_blank"><i class="fa fa-github"></i></a>
                    </div>
                </article>
                <article class="small-6 medium-6 large-3 cell headshot-detail">
                    <img src="img/headshots/friso_leder.jpg" alt="Picture of Friso Leder" />
                    <h2 class="h4">Friso <br> Leder</h2>
                    <p>Coach</p>
                    <!-- <h3 class="h5 subheader">FRIS</h4> -->
                    <div class="student-social">
                        <a href="https://twitter.com/FRLeder" target="_blank"><i class="fa fa-twitter"></i></a>
                        <a href="https://www.linkedin.com/in/friso-leder-69715214b" target="_blank"><i class="fa fa-linkedin"></i></a>
                    </div>
                </article>
            </div>
        </div>
    </div>

    <div class="grid-x grid-padding-x u-margin-large--tb partner-section project-section">
        <div class="small-10 small-offset-1 medium-3 medium-offset-0 large-3 cell text-left">
            <h3 class="h3 u-margin-large--b">Our <br> partners</h3>
        </div>
        <div class="small-10 small-offset-1 medium-9 medium-offset-0 large-9 cell">
            <div class="grid-x grid-padding-x u-margin-large--b partner-section">
                <div class="small-6 medium-4 large-3 cell">
                    <a href="https://www.ewi-vlaanderen.be/" target="_blank" class="vertical-align-container">
                        <img src="img/partners-svg/dewi.svg">
                    </a>
                    <h3 class="h6">
                        <a href="https://www.ewi-vlaanderen.be/" target="_blank" class="vertical-align-container">Departement economie, Wetenschap en Innovatie</a>
                    </h3>
                </div>
                <div class="small-6 medium-4 large-3 cell">
                    <a href="https://www.researchportal.be/" target="_blank" class="vertical-align-container">
                        <img src="img/partners-svg/fris.svg">
                    </a>
                    <h3 class="h6">
                        <a href="https://www.researchportal.be/" target="_blank" class="vertical-align-container">FRIS Onderzoeksportaal</a>
                    </h3>
                </div>
            </div>
        </div>
    </div>

    <!-- call to action -->
    <div class="grid-x grid-padding-x u-margin-large--tb">
        <div class="small-12 cell text-center">
            <a class="button success u-margin-large--t" href="2018.html">View other projects</a>
        </div>
    </div>

    <!-- footer -->
    <footer>
        <div class="grid-x grid-padding-x">
            <div class="small-12 medium-6 large-5 cell">
                <label for="mce-EMAIL" class="h6">Subscribe to our mailing list</label>
                <!-- mailchimp -->
                <div id="mc_embed_signup" class="u-margin-large--b">
                    <form action="//okfn.us8.list-manage.com/subscribe/post?u=16c22b5f724fd6ef8c78c79fc&amp;id=4ec3a3c20a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate">
                        <div id="mc_embed_signup_scroll">
                            <div class="button-group">
                                <input type="email" class="form-control u-margin-none" id="mce-EMAIL" name="EMAIL" placeholder="E-mail Address" required="" aria-required="true">
                                <input type="submit" class="button dark" value="Mail" name="subscribe" id="mc-embedded-subscribe">
                            </div>
                            <div id="mce-responses" class="clear">
                                <div class="response" id="mce-error-response" style="display:none"></div>
                                <div class="response" id="mce-success-response" style="display:none"></div>
                            </div>
                            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_16c22b5f724fd6ef8c78c79fc_4ec3a3c20a" tabindex="-1" value=""></div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="small-12 medium-6 large-5 large-offset-2 cell">
                <div class="grid-x grid-padding-x">
                    <!-- links -->
                    <div class="small-4 medium-4 cell">
                        <ul class="inline-list">
                            <li>
                                <a href="students.html">Students</a>
                            </li>
                            <li>
                                <a href="companies.html">Companies</a>
                            </li>
                            <li>
                                <a href="coaches.html">Coaches</a>
                            </li>
                        </ul>
                    </div>
                    <div class="small-4 medium-4 cell">
                        <ul class="inline-list">
                            <li>
                                <a href="https://www.eventbrite.co.uk/e/demo-day-osoc18-registration-46709558547?ref=estw" target="_blank">Demo&nbsp;day</a>
                            </li>
                            <li>
                                <a href="practical.html">Practical</a>
                            </li>
                            <li>
                                <a href="2018.html">2018</a>
                            </li>
                        </ul>
                    </div>
                    <!-- contact -->
                    <div class="small-4 medium-4 cell">
                        <ul class="inline-list">
                            <li>
                                <a href="mailto:dries@openknowledge.be">Contact</a>
                            </li>
                            <li>
                                <a href="https://twitter.com/osocode" target="_blank">Twitter</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="small-12 medium-12 large-6 cell">
                <!-- previous edition -->
                <div class="grid-x c-previous-editions">
                    <div class="small-3 medium-auto cell">
                        <a href="http://2011.summerofcode.be">
                            <img src="img/previous-editions/2011W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2012.summerofcode.be">
                            <img src="img/previous-editions/2012W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2013.summerofcode.be">
                            <img src="img/previous-editions/2013W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2014.summerofcode.be">
                            <img src="img/previous-editions/2014W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2015.summerofcode.be">
                            <img src="img/previous-editions/2015W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2016.summerofcode.be">
                            <img src="img/previous-editions/2016W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2017.summerofcode.be">
                            <img src="img/previous-editions/2017W.svg">
                        </a>
                    </div>
                </div>
            </div>
            <div class="small-12 large-5 large-offset-1 cell">
                <p>Powered by <a href="https://www.openknowledge.be/" target="_blank">Open Knowledge Belgium</a> | <a href="https://github.com/oSoc18/website" target="_blank">Source code freely available on GitHub</a> | <a href="https://github.com/oSoc18/website/blob/master/CONTRIBUTORS.md" target="_blank">Contributors</a></p>
            </div>
        </div>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.js"></script>
    <script src="js/app.js"></script>
</body>

</html>