Add basic auth + draft templates

This commit is contained in:
2024-10-28 10:34:32 +01:00
parent a9ef27ccb6
commit da27b36eb4
13 changed files with 277 additions and 55 deletions

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
<link rel="shortcut icon" type="image/png" href="{{ asset('img/favicon.png') }}">
{% block stylesheets %}
{% endblock %}
@@ -19,7 +19,7 @@
<p><strong><a href="/about">About</a></strong></p>
<p><strong><a href="/credits">Credits</a> </strong></p>
<p>
<strong>ArCOA Data Entry</strong> - Copyright &copy; 2021 - {{ 'now' | date('Y') }}
<strong>ArCOA</strong> - Copyright &copy; 2021 - {{ 'now' | date('Y') }}
<a href="https://ispc.cnr.it">CNR-ISPC</a> - <a href="http://www.studilefili.unimi.it/ecm/home">UniMi</a>
</p>
</div>

View File

@@ -0,0 +1,63 @@
{% extends 'base.html.twig' %}
{% block title %}Home | ArCOA{% endblock %}
{% block body %}
<div class="columns mb-0">
<div class="column is-one-fifth arcoa-menu mb-0">
<aside class="menu">
<p class="menu-label has-text-white mt-3 pt-5 pl-5 is-size-6">
Vocabularies
<span class="icon is-clickable pl-4" id="for-vocabs">
<i class="fa fa-angle-right"></i>
</span>
</p>
<ul class="pl-6 is-hidden has-text-white" id="vocabs">
<li><a>Access rights</a></li>
<li><a>Civilization</a></li>
<li><a>Copyright</a></li>
<li><a>Document format</a></li>
<li><a>Document type</a></li>
<li><a>Functional context</a></li>
<li><a>Language</a></li>
<li><a>License</a></li>
<li><a>Medium</a></li>
<li><a>Object class</a></li>
<li><a>Object type</a></li>
<li><a>Period</a></li>
<li><a>Script</a></li>
<li><a>Text type</a></li>
</ul>
</aside>
</div>
<div class="column mt-6 mb-6">
<div class="has-text-centered">
<img width="200px" src="{{ asset('img/Logo-ArCOA-def.png') }}" />
</div>
<h1 class="is-size-1 mt-6 mb-6 has-text-centered">ArCOA Digital Archive</h1>
<h2 class="is-size-3 mb-3 has-text-centered">Archivi e Collezioni dell'Oriente Antico</h2>
<h2 class="is-size-3 mb-6 has-text-centered">Archives and Collections of the Ancient Near East</h2>
<div class="columns" style="max-width: 35vw; margin: 0 auto;">
<div class="column mt-6 mb-5">
<div class="card content p-4 is-clickable">
<h3 class="is-size-5 has-text-centered">Resources</h3>
<figure class="figure has-text-centered">
<img src="{{ asset('img/media.png') }}" width="120px" />
</figure>
</div>
</div>
<div class="column mt-6 mb-5">
<div class="card content p-4 is-clickable">
<h3 class="is-size-5 has-text-centered">Guide</h3>
<figure class="figure has-text-centered">
<img src="{{ asset('img/guide.png') }}" width="120px"/>
</figure>
</div>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@@ -4,7 +4,7 @@
{% block body %}
<div class="container mt-6">
<div class="container mt-6 mb-6">
<div class="has-text-centered">
<img width="200px" src="{{ asset('img/Logo-ArCOA-def.png') }}" />
</div>
@@ -13,14 +13,10 @@
<div class="card" style="max-width: 40vw; margin: 0 auto;">
{% if error %}
<article class="message is-danger">
<div class="message-header">
<p>Authentication error</p>
<button class="delete" aria-label="delete"></button>
</div>
<div class="message-body">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
<div class="message-body">Wrong user name and/or password. Please retry</div>
</article>
{% endif %}
<form class="card-content p-5" action="{{ path('app_login') }}" id="login" method="post">
<form class="card-content pl-5 pr-5 pt-6" action="{{ path('app_login') }}" id="login" method="post">
<div class="field">
<h2 class="label is-size-3 has-text-centered">Sign in</h2>
</div>
@@ -41,8 +37,8 @@
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="field mt-5">
<p class="control">
<button class="button is-link is-fullwidth">
<p class="control" id="submit">
<button class="button is-link is-fullwidth" type="submit">
Sign in
</button>
</p>