Votz - Accueil

<!DOCTYPE html> <html lang="eu"> <head> <title>Votz - Accueil</title> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-36679878-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-36679878-2'); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" type="image/png" href="/static/img/favicon_votz.ico"/>  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">  <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.4/css/mdb.min.css" rel="stylesheet">  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">  <link rel="stylesheet" type="text/css" href="/static/css/elhuyar_style.css">  <link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap" rel="stylesheet"> </head> <body>  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.7/js/mdb.min.js"></script>  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script> <style type="text/css"> .navbar li.nav-item.active .nav-link{ background-color: transparent !important; color: white !important; color: var(--main-theme-color) !important; } </style> <style type="text/css"> .navbar .navbar-brand h1{ font-size: 1.5rem; } .navbar .navbar-brand p{ font-size: 0.8rem; } .navbar .navbar-brand{ align-items: center; } .navbar .navbar-brand img{ width: 200px !important; } @media (min-width: 576px) { .navbar .navbar-brand{ align-items: flex-end; } .navbar .navbar-brand h1{ font-size: 1.2rem; } } @media (min-width: 768px) { .navbar .navbar-brand img{ width: 300px !important; } .navbar .navbar-brand h1{ font-size: 1.6rem; } .navbar .navbar-brand p{ font-size: 0.9rem; } } @media (min-width: 992px) { .navbar{ margin-bottom: 1rem !important; } } @media (min-width: 1200px) { } </style> <nav class="navbar navbar-expand-lg navbar-dark mb-4"> <a class="navbar-brand" href="/locongres" style="display: flex;"> <img src="/static/img/votz_titre_fr_blanc.png" class="d-inline-block align-top p-1" alt="Votz logo">  </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarText"> <ul class="navbar-nav mr-auto"> <li class="dropdown"> <a class="nav-link dropdown-toggle text-uppercase" href="#" id="menuNavbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Menu </a> <div class="dropdown-menu" aria-labelledby="menuNavbarDropdown"> <a class="dropdown-item" href="/about" onclick="" >脌 propos</a> <a class="dropdown-item" href="/privacy_policy" >Politique de confidentialit茅</a> <a class="dropdown-item" href="/terms_of_use" >Droits d'utilisation</a> <a class="dropdown-item" href="/credits" >Cr茅dits</a> <a class="dropdown-item" href="/api_info/" >Information API</a> </div> </li>  </ul> <ul class="navbar-nav ml-auto"> <li class="nav-item" style="align-items: center; display: flex;"> <form name="ui" action="/i18nsetlang/" method="post"><input type="hidden" name="csrfmiddlewaretoken" value="jPiLpcD5AjASHBm981N4yH7JJ2zk3c6t5WP831gpXjurD7WX0lvPuRG78HxcteIo"> <input name="next" type="hidden" value="" /> <input name="language" type="hidden"/> <li class="dropdown"> <a class="nav-link dropdown-toggle text-uppercase" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Fran莽ais </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#" onclick="document.ui.language.value='fr'; document.ui.submit();">Fran莽ais</a> <a class="dropdown-item" href="#" onclick="document.ui.language.value='oc'; document.ui.submit();">Occitan</a> </div> </li> </form> </li> </ul> </div> </nav> <style type="text/css"> body{ background-color: #EDECEB; background-color: var(--main-theme-color-10); } .navbar{ background-color: #00ACA8; background-color: var(--secondary-theme-color); color: white !important; } .nav-link{ color: white !important; color: var(--main-font-color) !important; } .navbar .navbar-nav .nav-item .nav-link { font-size: 90% !important; font-weight: 400; letter-spacing: 1px; color: white; } </style> <div class="container mt-5"> <div id="error_alert" class="alert alert-danger d-none" role="alert"> An error occurred while synthesizing your text </div> <form method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="jPiLpcD5AjASHBm981N4yH7JJ2zk3c6t5WP831gpXjurD7WX0lvPuRG78HxcteIo"> <div class="form-group"> <label for="language">Vari茅t茅</label> <select class="form-control" id="language" name="language"> <option value="occitan_french_phon">Occitan gascon</option> <option value="occitan_languedoc_french_phon">Occitan languedocien</option> </select> </div> <div class="form-group"> <label for="text">Texte</label> <textarea class="form-control" id="text" rows="10" name="text" placeholder='脡crivez ou collez votre texte ici.'></textarea> </div> <button id="send_button" class="btn btn-elhuyar" type="submit"> <span id="spinner" class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span> <span id="btn-text">Synth茅tiser</span> </button> </form> <div id="result" style="display:none;" class="mt-5"> <h3>Texte synth茅tis茅</h3> <div id="audio">  </div> </div>  </div> <script type="text/javascript"> $(document).ready(function(){ $("form").on("submit", function(e){ e.preventDefault(); $("#result").hide(); $("#spinner").show(); $("#spinner").parent().prop( "disabled", true ); $("#btn-text").text("Chargement"); $("#error_alert").removeClass("d-block").addClass("d-none"); var form = $(this); $.ajax({ url: '/tts', type: "POST", data: form.serialize(), dataType: 'json', success: function (data) { console.log(data) if(!data.error){ $("#result #audio").empty(); $("#result #audio").append(`<audio controls> <source id="audio_source" src="`+ data.file +`" type="audio/wav"> Votre navigateur ne prend pas en charge le module audio. </audio> <div> <a class="btn btn-elhuyar" href="`+data.file+`" download="audio"> T茅l茅charger </a> </div> `); $("#result").show(); }else{ $("#error_alert").removeClass("d-none").addClass("d-block"); } $("#spinner").hide(); $("#send_button").prop("disabled", false); $("#btn-text").text("Synth茅tiser"); $("#send_button").prop( "disabled", false ); }, error: function(data){ console.log(data); } }); }); }); </script>  <footer class="page-footer font-small"> <div class="container-fluid"> <div class="row py-3"> <div class="col-md-4 text-center mb-5 mb-md-0"> <a href="https://www.locongres.org/oc/" class="text-elhuyar text-center d-block d-md-inline-block mb-3 mb-md-0" target="_blank"> <img src="/static/img/congres_blancgris.png" width=200 alt="Lo Congres logo"> </a> <div class="d-block d-lg-inline-block"> <span class="text-white d-block d-lg-inline-block mr-md-3"> 漏2025</span>  </div> </div> <div class="col-md-3 mb-4 mb-md-0 text-center"> <p style="font-weight: 400;">En partenariat avec <strong>Lo Congr猫s</strong></p> <a href="https://elhuyar.eus" class="text-elhuyar text-center d-block d-md-inline-block mb-3 mb-md-0" target="_blank"> <img src="/static/img/elhuyar_logo.png" width=200 alt="Elhuyar logo"> </a> </div> <div class="col-md-5 text-center"> <p style="font-weight: 400;">Ce projet est issu du <strong>projet Linguatec</strong></p> <p class="small">D茅veloppement des ressources linguistiques pour progresser dans la num茅risation des langues des Pyr茅n茅es</p> <a href="https://linguatec-poctefa.eu/" class="text-elhuyar text-center d-block d-md-inline-block mb-3 mb-md-0" target="_blank"> <img src="/static/img/linguatec.png" width=200 alt="Linguatec logo"> </a> </div> </div> </div> </footer>  <style type="text/css"> body { min-height: 100vh; position: relative; margin: 0; } footer { position: relative; bottom: 0; right: 0; left: 0; margin-top: 70px; } footer{ color: white !important; color: var(--main-font-color) !important; background-color: #4F483C !important; background-color: var(--main-theme-color) !important; } </style> </body> <style type="text/css"> body{ font-family: 'Fira Sans', sans-serif; } </style> </html>

CINXE.COM

Votz - Accueil