templates/index/demoindex.html.twig line 1

Open in your IDE?
  1. {# Indice / Dashboard dell'applicativo #}
  2. {% extends 'app-base.html.twig' %}
  4. {% block menuBlock %}
  5. <nav id="{{ APPNAME }}TopNavBar" class="navbar navbar-expand-lg navbar-light row col-12 col-sm-9">
  6. {#<div class="container">#}
  7. {#<button class="navbar-toggler ml-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  8. <span class="navbar-toggler-icon "></span>
  9. </button>#}
  10. {% set route_name = app.request.attributes.get('_route') %}{# Per gestire il menu #}
  11. <div class="{#collapse navbar-collapse#} justify-content-end" id="navbarSupportedContent">
  12. {# VOCI DI MENU #}
  13. {% if classibordo is defined %}{% else %}{% set classibordo = ['border-end', 'border-end'] %}{% endif %}
  14. <ul class="navbar-nav justify-content-end{# mr-auto #}">
  15. <li class="nav-item {{ classibordo|first }}">
  16. <a class="nav-link" href="/tos-public"><img class="s2g_icona pe-1 pe-lg-3 s2g_icona_TerminiUso" src="{{ asset("images/Scan2Go-TerminiUso.png") }}" srcset="{{ asset("images/Scan2Go-TerminiUso.png") }} 1x, {{ asset("images/Scan2Go-TerminiUso2x.png") }} 2x" alt="{% trans %}Termini Uso{% endtrans %}">{% trans %}Termini Uso{% endtrans %}</a>
  17. </li>
  18. <li class="nav-item active">
  19. <a class="nav-link text-center text-sm-end" href="/login/google" id="navbarDropdownQR">
  20. <img class="s2g_icona ps-1 pe-1 pe-lg-3 s2g_icona_User" src="{{ asset("images/Scan2Go-User.png") }}" srcset="{{ asset("images/Scan2Go-User.png") }} 1x, {{ asset("images/Scan2Go-User2x.png") }} 2x" alt="{% trans %}Accedi{% endtrans %}">{% trans %}Accedi{% endtrans %}</a>
  21. </a>
  22. </li>
  23. {#<li class="nav-item active d-flex d-sm-none justify-content-center">
  24. <a class="nav-link" href="/login/google" id="navbarDropdownQR">
  25. <img class="s2g_icona ps-1 pe-1 pe-lg-3 s2g_icona_User" src="{{ asset("images/Scan2Go-User.png") }}" srcset="{{ asset("images/Scan2Go-User.png") }} 1x, {{ asset("images/Scan2Go-User2x.png") }} 2x" alt="{% trans %}Accedi{% endtrans %}">{% trans %}Accedi{% endtrans %}</a>
  26. </a>
  27. </li>#}
  28. </ul>
  29. {# /VOCI DI MENU #}
  30. </div>
  31. {#</div>#}{# /container #}
  32. </nav>
  33. {% endblock %}
  35. {% block moduli %}
  36. <section id="homeHeader">
  37. <div class="container h100tranneTopbar d-flex flex-column align-items-center">{# apertura container #}
  38. <div class="row col-12 col-md-9 d-flex justify-content-center my-3">
  39. <h1 class="h4 s2gciano fst-italic text-center mt-5" style="font-weight:400 !important;">Piattaforma di Archiviazione Documentale</h1>
  40. <h2 class="h3 s2gblu text-center">Crea, stampa, attacca e scannerizza.</h2>
  41. </div>
  42. <div class="row col-12 col-md-9 d-flex justify-content-center my-5">
  43. <div class="col-12 d-flex justify-content-center"><img class="img-fluid" src="{{ asset("images/homepubblica/Scan2Go-Crea-Stampa-Attacca-Scannerizza.png") }}" alt="{% trans %}Crea, stampa, attacca e scannerizza{% endtrans %}"></div>
  44. </div>
  45. <hr class="row col-12 col-md-9 border border-dark my-5">
  46. <div class="row col-12 col-md-9 d-flex justify-content-center align-items-center my-3">
  47. <div class="col-12 col-sm-5 my-3">
  48. <p class="text-primary" style="text-align: justify;">Scan2Go è la nuova piattaforma progettata per facilitare e velocizzare l’archiviazione e la consultazione di verifiche e documenti. {#<br>#}
  49. Scan2Go, utilizzabile con la Google Workspace (GSuite) d’istituto, acquisisce e ricrea la suddivisione dei plessi e delle classi ognuna con i relativi account d’istituto di ogni studente. {#<br>#}
  50. Grazie all’interfaccia grafica chiara e semplice il procedimento sarà rapido.
  51. </p>
  52. </div>
  53. <div class="col-12 col-sm-7 my-3 d-flex justify-content-center">
  54. <iframe width="400" height="400" src="https://www.youtube.com/embed/_2DbeRYYaGc?modestbranding=1&showinfo=0&iv_load_policy=3&cc_load_policy=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  55. </div>
  56. </div>
  57. <hr class="row col-12 col-md-9 border border-dark my-5">
  58. <div class="row col-12 col-md-9 d-flex justify-content-center align-items-center my-3 my-sm-4">
  59. <div class="col-3 col-sm-2"><img class="img-fluid" src="{{ asset("images/homepubblica/Scan2Go-01-GeneraQR.svg") }}" alt="{% trans %}1 Genera QR{% endtrans %}"></div>
  60. <div class="col-9 col-sm-10"><p class="text-primary">Genera etichette con codici QR da applicare su verifiche o elaborati da archiviare, avendo così la tracciabilità del documento a portata di mano</p></div>
  61. </div>
  62. <div class="row col-12 col-md-9 d-flex justify-content-center align-items-center my-3 my-sm-4">
  63. <div class="col-3 col-sm-2"><img class="img-fluid" src="{{ asset("images/homepubblica/Scan2Go-02-Scansiona.svg") }}" alt="{% trans %}2 Scansiona{% endtrans %}"></div>
  64. <div class="col-9 col-sm-10"><p class="text-primary">Scansiona i documenti con codice applicato, Scan2Go li caricherà automaticamente sul Google Drive del tuo Istituto per averli tutti visibili con un click tramite il pulsante <b>Consulta Archivio</b></p></div>
  65. </div>
  66. <div class="row col-12 col-md-9 d-flex justify-content-center align-items-center my-3 my-sm-4">
  67. <div class="col-3 col-sm-2"><img class="img-fluid" src="{{ asset("images/homepubblica/Scan2Go-03-Indicizza.svg") }}" alt="{% trans %}3 Indicizza{% endtrans %}"></div>
  68. <div class="col-9 col-sm-10"><p class="text-primary">Con l'indicizzazione e l'abbinamento automatico dei file con i dati riportati sulle etichette QR, la ricerca sarà scorrevole: potrai consultare i documenti per studente, classe, data, titoli e altre voci di filtro. E' inoltre possibile trovare le prove relative a studenti dei quali è stato disattivato l'account d'istituto (es. studenti che hanno terminato il percorso scolastico).</p></div>
  69. </div>
  70. <div class="row col-12 col-md-9 d-flex justify-content-center align-items-center my-3 my-sm-4">
  71. <div class="col-3 col-sm-2"><img class="img-fluid" src="{{ asset("images/homepubblica/Scan2Go-04-Consulta.svg") }}" alt="{% trans %}4 Consulta{% endtrans %}"></div>
  72. <div class="col-9 col-sm-10"><p class="text-primary">Le modalità di consultazione dei files sono differenziate tr docenti e dirigente scolastico (o altro personale autorizzato). I docenti possono visionare solo i documenti da loro creati, mentre il dirigente scolastico può accedere a tutto l'archivio.</p></div>
  73. </div>
  74. <div class="row col-12 col-md-9 d-flex justify-content-center align-items-center my-3 my-sm-4">
  75. <div class="col-3 col-sm-2"><img class="img-fluid" class="img-fluid" srcset="{{ asset("logo/Scan2Go-Logo-173x40.png")}} 1x {{ asset("logo/Scan2Go-Logo-346x80.png") }} 2x {{ asset("logo/Scan2Go-Logo-691x160.png") }} 3x" src={{ asset("logo/Scan2Go-Logo-173x40.png") }} alt="{{ APPNAME }} Logo"></div>
  76. <div class="col-9 col-sm-10"><p class="text-primary">comprende lo Scanner Epson Ds-32000, la stampante per etichette Epson TM-L90, il mini PC e l' accesso alla piattaforma</p></div>
  77. </div>
  78. </div>{# Chiusura container #}
  79. </section>
  80. {% endblock %}
  82. {% block addtailjs %}
  83. {# Rimuove la classe h-100 su schermi mobile #}
  84. $( document ).ready(function(){
  85. if ( window.innerWidth < 576 ){
  86. $(".wrapper").parent("div").removeClass("h-100");
  87. } else {}
  88. });
  89. {# FINE Rimuove la classe h-100 su schermi mobile #}
  90. {% endblock %}