search

Gruppo-TecWeb / Codice

http://nostress.sytes.net/Fungo
2 stars 0 forks source link

Pagina Evento con design adeguato in assenza di immagine #188

Closed LewentalDigital closed 3 months ago

rzaupa commented 5 months ago

Molto simile alla issue #163 , come facciamo ?

LewentalDigital commented 5 months ago

Molto simile alla issue #163 , come facciamo ?

Io le terrei separate Se non ci piace il design per il singolo evento senza immagine possiamo benissimo usare il tag picture e via...

rzaupa commented 5 months ago

Allora fai prima questa issue e poi valutiamo il tag picture ?

abenetazzo commented 4 months ago

Molto simile alla issue #163 , come facciamo ?

Io le terrei separate Se non ci piace il design per il singolo evento senza immagine possiamo benissimo usare il tag picture e via...

come commentato anche nella issue #163 il tag picture non credo sia la soluzione adeguata. se vogliamo comunque permettere la presenza di eventi senza locandina allora potremmo lasciare il valore NULL nel DB, mostrare nella pagina evento un layout adeguato, mentre nella pagina eventi mostrare un'immagine di default, impostata direttamente da php in caso di assenza di locandina per quell'evento.

LewentalDigital commented 4 months ago

Buoina idea @abenetazzo, il NULL è necessario Sì, non avevo intenzione di usare il tag picture qui

Per quanto riguarda #163, sto pensando di usare anche li un design custom quando non esiste immagine... In ogni caso ci torna utile il NULL nel DB

LewentalDigital commented 4 months ago

2024-06-01-224901_hyprshot

<li>
    <a href="evento.php?id=41">
        <div aria-hidden="true" style="overflow: hidden;padding: 1.5em;border-bottom: 1px solid var(--colorAccent);width: 100%;box-sizing: border-box;aspect-ratio: 1;">
            <div style="
    aspect-ratio: 1 / 1;
    font-size: 1.25em;
    overflow: hidden;
    /* transform: rotate(336deg) scale(1.5); */
    word-wrap: break-word;
    font-family: 'HORIZONTALE';
    color: var(--colorAccent);
    text-align: center;"> 
Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_
            </div>
        </div>
        <h3>Fungo</h3>
        <p><time datetime="2024-06-25">25/06/24</time></p>
    </a>
</li>
LewentalDigital commented 4 months ago

Idea per pagina evento

<main id="content" style="
    /* border: 1px solid var(--colorAccent); */
    padding-bottom: unset;
">
        <a id="indietro" class=" subMenu" href="http://nostress.sytes.net/Fungo/eventi.php?data=2023-04-29" style="
    border: 1px solid var(--colorAccent);
    padding: 1.5em;
">Torna agli eventi</a>

<div id="evento-box" class="" style="
    /* height: 100vh; */
">
    <div style="
    border: 1px solid var(--colorAccent);
    padding: 1.5em;
    width: 35%;
    /* overflow: hidden; */
    /* height: 100%; */
    /* position: sticky; */
    /* background: var(--colorAccent); */
"><img src="assets/media/locandine/2_hip_hop_night.jpg" alt="" style="
    /* border: 1px solid var(--colorAccent); */
    /* padding: 1.5em; */
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
    position: sticky;
    top: 5em;
">
<div style="
    aspect-ratio: 1 / 1;
    font-size: 2.25em;
    overflow: hidden;
    /* transform: rotate(336deg) scale(1.5); */
    word-wrap: break-word;
    font-family: 'HORIZONTALE';
    color: #ef534a36;
    pointer-events: none;
    text-align: center;
    "> 
Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_Micelio_
            </div></div>
    <dl id="evento-info">
        <dt>Data:</dt>
        <dd><time datetime="13/07/2023">13/07/2023</time></dd>
        <dt>Ora:</dt>
        <dd><time datetime="18:00">18:00</time></dd>
        <dt>Luogo:</dt>
        <dd>Parco Morandi (Padova)</dd>

        <dt>Descrizione:</dt>
        <dd>Freestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battleFreestyel battle Freestyel battleFreestyel battleFreestyel battleFreestyel battle</dd>

    </dl>
</div>

    </main>