The 2012 Election

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia, molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum numquam blanditiis harum quisquam eius sed odit fugiat iusto fuga praesentium optio, eaque rerum! Provident similique accusantium nemo autem. Veritatis obcaecati tenetur iure eius earum ut molestias architecto voluptate aliquam nihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit, tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit, quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdam recusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum voluptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maxime doloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo fugiat, dolorum eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantium modi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga. Possimus quis earum veniam quasi aliquam eligendi, placeat qui corporis!

• test 1
• test 2

1. test 1
2. test 2

Google

The 2016 Election

<template>
    <section class="relative">
        <header class="bg-primary-500 py-2 px-4 text-white flex flex-row items-center">
            <nuxt-link to="/" class="flex flex-row items-center font-semibold flex-shrink-0 mr-3">
                <img src="/favicon.ico" alt="Logo" class="h-8 w-8 mr-2"/>
                <span>Mon site</span>
            </nuxt-link>

            <hamburger-menu class="ml-auto md:hidden p-1" @open="open = $event"></hamburger-menu>

            <nav class="w-full hidden md:block">
                <ul class="flex flex-row space-x-1 items-center">
                    <nav-item to="/" class="!w-auto">
                        <template v-slot:icon>
                            home
                        </template>

                        Accueil
                    </nav-item>

                    <nav-item to="/team" class="!w-auto">
                        <template v-slot:icon>
                            groups
                        </template>

                        Notre équipe
                    </nav-item>

                    <nav-item to="/devblogs" class="!w-auto">
                        <template v-slot:icon>
                            dynamic_feed
                        </template>

                        Devblog
                    </nav-item>

                    <nav-item to="/faq" class="!w-auto">
                        <template v-slot:icon>
                            quiz
                        </template>

                        FAQ
                    </nav-item>

                    <nav-item to="/rules" class="!w-auto">
                        <template v-slot:icon>
                            gavel
                        </template>

                        Règlement
                    </nav-item>
                </ul>
            </nav>
        </header>

        <Transition enter-active-class="animate__animated animate__fadeInDown animate__faster" leave-active-class="animate__animated animate__fadeOutUp animate__faster">
            <nav ref="mobileNav" v-if="open" class="mt-3 bg-primary-500 mx-4 p-2 rounded absolute" style="width: calc(100% - 32px)">
                <ul class="flex flex-col space-y-1">
                    <nav-item to="/">
                        <template v-slot:icon>
                            home
                        </template>

                        Accueil
                    </nav-item>

                    <nav-item to="/team">
                        <template v-slot:icon>
                            groups
                        </template>

                        Notre équipe
                    </nav-item>

                    <nav-item to="/devblog">
                        <template v-slot:icon>
                            dynamic_feed
                        </template>

                        Devblog
                    </nav-item>

                    <nav-item to="/faq">
                        <template v-slot:icon>
                            quiz
                        </template>

                        FAQ
                    </nav-item>

                    <nav-item to="/rules">
                        <template v-slot:icon>
                            gavel
                        </template>

                        Règlement
                    </nav-item>
                </ul>
            </nav>
        </Transition>
    </section>
</template>

<script>
export default {
    data() {
        return {
            open: false
        }
    },
}
</script>