{#
Copyright 2021 William Magaud

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
#}

{% extends 'base.html.twig' %}

{% block ext_head %}
    <meta name="Description" content="Portfolio de William MAGAUD, Artiste numérique, développeur web">
{% endblock %}

{% block title %}Accueil{% endblock %}

{# block h1 %}<h1 class="display-3  text-white">WilllMag</h1>{% endblock #}

{% block body %}

    <div id="btn-menu"><span></span><span></span><span></span></div>
    <div id="menu">
        <ul>
            <li><a href="#section-cv">CV</a></li>
            <li><a href="#section-pf">Portfolio</a></li>
        </ul>
    </div>

    <div class="container-fluid p-0" style="background-image: url(/img/bg-head-edit.jpg);" id="section-top">
        <div id="head-in" class="container-fluid">
            <div class="container">
                <h1><span class="fname">William</span><span class="lname">MAGAUD</span></h1>
            </div>
        </div>
    </div>

    <div class="container-fluid p-0" id="section-cv">
        <div class="container-fluid py-3">
            <div class="container">
                <h2 class="text-center py-3 mb-3">CV</h2>
                <div class="grid">
                    <div class="card" style="grid-row: span 3">
                        <h3>Formation</h3>
                        <h4>2019 - En cours | Maîtrise en création numérique</h4>
                        <p>
                            Université du Québec en Abitibi-Témiscamingue<br>
                            --> Développement d'un projet d'art numérique<br>
                            <a class="link" href="https://crp.wtf" target="_blank" rel="noreferrer">.crp - Collectif d'artistes numériques</a>
                        </p>
                        <h4>2017 - 2018 | Licence Professionnelle METWEB</h4>
                        <p>
                            IUT de Vélizy<br>
                            <b>en échange</b><br>
                            Université du Québec en Abitibi-Témiscamingue<br><br>
                            <b>Visuel</b><br>
                            * Design d'information <br>
                            * Motion design <br>
                            * 3D - Modélisation et animation<br>
                            <b>Développement</b><br>
                            * ASP.NET <br>
                            * Arduino et interactions
                        </p>
                        <h4>2015 - 2017 | DUT MMI (Métiers du Multimédia et Internet)</h4>
                        <p>
                            IUT de Vélizy<br><br>
                            <b>Développement</b><br>
                            * WEB basique - HTML/CSS/JS <br>
                            * PHP <br>
                            <b>Graphisme</b><br>
                            * Suite Adobe - DAO/PAO
                        </p>
                    </div>
                    <div class="card">
                        <h3>Expérience</h3>
                        <h4>2018 - 2019 | HUMElab SAS</h4>
                        <p>
                            Dreux, FRANCE<br>
                            Développement Web
                        </p>
                    </div>
                    <div class="card">
                        <h3>Projets</h3>
                        <h4>2019 - 2021 | <a class="link" href="https://crp.wtf">Collectif .crp</a></h4>
                        <p>
                            Collectif d'artistes numériques mettant le corps au centre de l'œuvre.<br>
                            > <a class="link" href="https://avantagenumerique.org/2020/11/pas_encore_evapore-reflexion-sur-nos-identites-numeriques-par-le-collectif-crp/" target="_blank" rel="noreferrer">pas_encore_evapore</a>, 2020<br>
                            > <a class="link" href="https://vimeo.com/384071458" target="_blank" rel="noreferrer">un</a>, 2019<br>
                        </p>
                        <h4>2020 | <a class="link" href="https://youtu.be/qP4bvzXKnGc" target="_blank" rel="noreferrer">Hyphen</a> | Collectif ACK</h4>
                        <p>
                            Discussion entre un chatbot et une danseuse
                        </p>
                        <h4>2018 | <a class="link" href="https://youtu.be/0aKvvK6zHwg" target="_blank" rel="noreferrer">Bulle</a> | Collectif Cameleon</h4>
                        <p>
                            
                        </p>
                        <h4>2015 - 2017 | LIVVI | Collectif Santhor</h4>
                        <p>
                            
                        </p>
                    </div>
                    <div class="card">
                        <h3>Bénévolat</h3>
                        <h4>2019 - 2020 | Implication universitaire</h4>
                        <p>
                            UQAT, Rouyn-Noranda, Québec<br>
                            * 2 comités étudiants<br>
                            * Vice-président du Conseil d'Administration de la Coopérative de l'UQAT
                        </p>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="container-fluid p-0" id="section-pf">
        <div class="container-fluid py-5">
            <div class="container">
                <h2 class="text-center py-3 mb-3">Portfolio</h2>
				{% for data in datas %}
					<h3>{{ data.name }}</h3>
					<div class="grid">
						{% for article in data.portfolioData %}
						    {% if article.visible %}
                                <div class="card">
                                    <h4><a href="{{ path('single_article', {'id' : article.id}) }}">{{ article.title }}</a></h4>
                                    <img src="/{{ article.medias[0].file('sm') }}" alt="{{ article.title }}">
                                    {# <p>Avec 6 personnes, imagination, conception et réalisation d'un projet complet prenant place dans une salle du MA Musée d'Art de Rouyn-Noranda.</p> #}
                                </div>
						    {% endif %}
						{% endfor %}
					</div>
                    <div class="mb-5"></div>
				{% endfor %}
            </div>
        </div>
    </div>

    <script>
        $('#btn-menu').click(function() {
            $('#menu').toggleClass('show')
        })
        $('#menu a').click(function() {
            $('#menu').removeClass('show')
        })
    </script>


{% endblock %}