MyCharBook

Condividi codice - Iron Man - Excelsior

Anteprima

CSS

<style>
              .main_table{
        position: relative;
        width:1024px;
        height:500px;
        margin: 0 auto;
        background-image:url(https://i.ibb.co/JmMRh4f/ironman.png);
        background-size: cover;
        background-position: center;
        z-index: 1;
        color: white;
    }
    .title {
        font-family: "Audiowide", sans-serif;
        font-weight: 400;
        font-style: normal;
        position: absolute;
        top: 80%;
        text-align: center;
        position: relative;
        font-size: 20px;
        margin: 0;
        letter-spacing: 5px;
        right: 22%;
        color: #ffdf00; /* Colore di base, giallo dorato */
        text-shadow:
                0 0 5px #ff4500,  /* Ombra arancione/rossa vicina */
                0 0 10px #ff0000, /* Ombra rossa più intensa */
                0 0 15px #ff8c00, /* Ombra arancione brillante */
                0 0 20px #ff4500, /* Ombra arancione scura */
                0 0 30px #ff4500, /* Ombra arancione scura più ampia */
                0 0 40px #ff0000, /* Ombra rossa più ampia */
                0 0 50px #ff0000, /* Ombra rossa ancora più ampia */
                0 0 75px #ff8c00; /* Ombra arancione finale */
    }
    .text_box {
        position: absolute;
        top: 10%;
        left: 65%;
        width: 290px;
        height: 400px;
        background-color: #1a1a1a; /* Rosso scuro per richiamare l'armatura */
        border: 2px solid #ff4500; /* Bordo rosso arancione */
        box-shadow: 0 0 15px #ff4500, 0 0 25px #ff0000; /* Effetto glow */
        opacity: 0;
        z-index: 2;
        padding: 10px;
        overflow: auto;
        transition: opacity 0.5s ease, box-shadow 0.3s ease, border-color 0.3s ease;
        scrollbar-color: #ff4500 #1a1a1a; /* Colori della barra di scorrimento */
        scrollbar-width: thin;

        color: #fff; /* Colore del testo */
    }

    /* Effetto hover */
    .text_box:hover {
        box-shadow: 0 0 20px #ff8c00, 0 0 30px #ff8c00;
        border-color: #ff8c00; /* Cambia colore del bordo in dorato */
        opacity: 1;
    }
    .description{
        text-align: justify;
        font-family: "Audiowide", sans-serif;
        font-size: 12px; /* Aumentato leggermente per la leggibilità */
        line-height: 1.6; /* Aggiunta per migliorare la spaziatura tra le righe */
    }

    .main_table:hover .text_box {
        opacity: 0.8;
    }</style>

HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Audiowide&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Exo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<div class="main_table">
    <h1 class="title">«Part of the journey is the end.»</h1>
    <div class="text_box">
        <div class=description>
            <p><strong>1970:</strong> Nato a New York da Howard e Maria Stark, Tony cresce in un ambiente di innovazione e tecnologia. Suo padre, Howard Stark, è un inventore di fama mondiale e co-fondatore di S.H.I.E.L.D. Questo lo espone fin da piccolo a una vita di lusso e responsabilità.</p>
            <p><strong>1987:</strong> A soli 15 anni, Tony si iscrive al Massachusetts Institute of Technology (MIT), dove dimostra un'incredibile abilità nell'ingegneria e nella fisica. Nonostante il suo genio, sviluppa una reputazione da playboy e ribelle, preferendo le feste alla serietà accademica.</p>
            <p><strong>1991:</strong> Howard e Maria Stark muoiono in un incidente automobilistico orchestrato segretamente da HYDRA. Questa tragedia segna profondamente Tony, lasciandolo con problemi di fiducia e un forte desiderio di non sprecare il proprio potenziale.</p>
            <p><strong>1998:</strong> Dopo aver preso il controllo dell'azienda di famiglia, Tony trasforma Stark Industries in un gigante della tecnologia militare. Ignaro dell'impatto globale delle sue azioni, vende armi al miglior offerente, diventando ricco e potente ma anche moralmente ambiguo.</p>
            <p><strong>2008:</strong> Durante una dimostrazione in Afghanistan, Tony viene rapito dai terroristi dei Dieci Anelli. Gravemente ferito da una delle sue stesse armi, è costretto a costruire un'arma per i suoi rapitori. Invece, crea la prima armatura di Iron Man per fuggire. Questo evento cambia la sua visione del mondo, portandolo a smettere di produrre armi e a dichiararsi Iron Man.</p>
            <p><strong>2010:</strong> Tony affronta le conseguenze del suo passato quando Ivan Vanko, figlio di un ex collaboratore di Howard Stark, cerca vendetta. Durante questo periodo, il suo amico James "Rhodey" Rhodes diventa War Machine, un alleato fondamentale.</p>
            <p><strong>2012:</strong> Si unisce ai Vendicatori, un team di supereroi assemblato da Nick Fury, per affrontare l'invasione aliena guidata da Loki. La battaglia lo lascia segnato dal punto di vista psicologico, portandolo a sviluppare un disturbo da stress post-traumatico a causa della portata globale della minaccia.</p>
            <p><strong>2013:</strong> Affronta il falso Mandarino e Aldrich Killian, che usa una tecnologia rivoluzionaria chiamata Extremis. Durante questo periodo, Tony lotta con il suo PTSD e, alla fine, decide di distruggere tutte le sue armature come atto simbolico di rinascita personale. Decide anche di rimuovere il reattore ARC dal suo petto, un passo verso il voler vivere una vita più normale.</p>
            <p><strong>2015:</strong> Nel tentativo di proteggere il mondo da minacce future, Tony crea Ultron, un'intelligenza artificiale avanzata. Tuttavia, Ultron si ribella, decidendo che l'umanità deve essere estinta. Questo errore mette in pericolo l'intero pianeta e porta Tony a mettere in discussione la sua stessa esistenza come eroe.</p>
            <p><strong>2016:</strong> A seguito dell'incidente di Sokovia, Tony supporta gli Accordi di Sokovia, una legislazione per regolamentare l'attività dei supereroi. Questo lo mette in diretto conflitto con Steve Rogers (Capitan America), portando a una spaccatura nella squadra dei Vendicatori. Inoltre, scopre la verità sulla morte dei suoi genitori, uccisi dal Soldato d'Inverno mentre era controllato da HYDRA.</p>
            <p><strong>2018:</strong> Tony si unisce ai Vendicatori e ai Guardiani della Galassia per fermare Thanos, ma falliscono. Thanos ottiene tutte le Gemme dell'Infinito e, con un singolo schiocco, elimina metà della vita nell'universo. Tony è profondamente colpito dalla perdita di Spider-Man e dalla propria incapacità di fermare la catastrofe.</p>
            <p><strong>2023:</strong> Dopo essere stato salvato da Captain Marvel, Tony si ritira e forma una famiglia con Pepper Potts. Cinque anni dopo, sviluppa la tecnologia per il viaggio nel tempo e aiuta a orchestrare un piano per recuperare le Gemme dell'Infinito. Durante la battaglia finale contro Thanos, si sacrifica utilizzando il Guanto dell'Infinito per sconfiggerlo e il suo esercito, salvando l'universo ma perdendo la vita nel processo.</p>

            <hr><br><b>Da modificare per vedere come rendere ufficiale la versione al pubblico</b><br>

        </div>
    </div>
</div>