WIP M by @sevins - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

getDefinisce un metodo di invio di dati al server
<h3>Titolo di intestazione di terzo livello
animation-directionProprietà CSS per definire la direzione di esecuzione di un'animazione
<h4>Titolo di intestazione di quarto livello
<embed>Tag per l'incorporamento di contenuti multimediali
valueValore alfanumerico o booleano contenuto in un elemento

Users

Log in to search for users

Explore

Find inspiration

TABELLA ESERCITAZIONE

Esercizi 05/03/2024 es4

Dashboard v1(2)

Collegamenti ipertestuali

La Magica Storia del Basket Moderno

Heads Or Tails Random Tally

congettura collatz

Sito Progetto Italiano

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<style>


/* ------------------------------ TESTO ID ------------------------------ */

.text_box-id {position: absolute;
     

     width: 350px; 
     height: 200px;
     left: 50%;
     top: 50%;
     margin-left: -205px;
     margin-top: -190px; 

     background-color: #b30000;
     transition-delay: 2s;
     box-shadow: 0px 0px 5px #000;
}


.text_box-inner-id {position: absolute;

     width: 300px; 
     height: 175px;
     left: 50%;
     top: 100%;
     margin-left: -150px;
     margin-top: -190px;
     background: none;

     color: #f7e8cb;
     font-family: 'Barlow', sans-serif;
     text-align: justify;
     font-size: 10px; 
     line-height: 11px; 
     text-shadow: 1px 1px 0px #000;
     letter-spacing: 0;
}






/* ------------------------------ AESTHETIC ------------------------------ */

.gif_box { position: absolute; 

     width: 100px; 
     height: 100px;
     left: 50%;
     top: 50%;
     margin-left: -300px;
     margin-top: -240px;
     transform: rotate(15deg);
     box-shadow: 0px 0px 10px #b30000;

     background-image: url(https://i.pinimg.com/originals/89/39/71/8939716bccd68f15e8589c4f748eb195.gif);
     background-size: cover;
     transition-delay: 2.8s;
     border: 5px solid #000;
}



/* ----------------------------GIF2---------------- */

.gif2_box { position: absolute; 

     width: 100px; 
     height: 100px;
     left: 50%;
     top: 50%;
     margin-left: -300px;
     margin-top: -70px;
     transform: rotate(-10deg);
     box-shadow: 0px 0px 10px #000;

     background-image: url(https://i.pinimg.com/originals/21/9a/b8/219ab82dd97f341d0b9a6b356a6a2725.gif);
     background-size: cover;
     transition-delay: 2.8s;
     border: 5px solid #000;
}

.main_box:hover .gif2_box {

     opacity: 1;
     transform: rotate(5deg);
     transition-delay: 1.5s;
}



/* ------------------------------ QUOTE ------------------------------ */

.quote_box { position: absolute; z-index: 3;  overflow: hidden; opacity: 0; background-color: none;
     -moz-transition: all ease-out 0.5s; -webkit-transition: all ease-out 0.5s; -o-transition: all ease-out 0.5s; 

     width: 210px; 
     height: 10px;
     left: 50%;
     top: 50%;

     transform: rotate(90deg);
     filter: blur(2px);

     color: #333;
     font-family: calibri;
     text-align: center;
     text-transform: uppercase; 
     line-height: 10px; 
     font-weight: bold;
     letter-spacing: 1px;
     text-shadow: 1px 1px 0px #000;
}

#fore {
     margin-left: 50px;
     margin-top: 110px;
     font-size: 12px; 
     transition-delay: 1.1s;
}


.main_box:hover #fore {

     opacity: 1;
     margin-left: 30px;
     margin-top: 130px;
     filter: blur(0px);
     transition-delay: 4.5s;
}



f { color: #f7e8cb; text-shadow: 1px -1px 0px #000;}
m { font-family: 'Roboto Mono', monospace; color: #f7e8cb; color: #333; text-transform: uppercase; text-shadow: 1px -1px 0px #000; -moz-transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; } 
m1 { font-family: 'Roboto Mono', monospace; color: #f7e8cb; color: #333; letter-spacing: 1px; text-transform: uppercase; text-shadow: 1px -1px 0px #000; -moz-transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; } 
g { font-family: georgia; text-transform: lowercase; font-style: italic; letter-spacing: 1px; color: #f7e8cb; }
g1 { font-family: georgia; text-transform: lowercase; font-style: italic; letter-spacing: 1.5px; color: #f7e8cb; font-size: 8.5px;}
e { font-family: tahoma; text-transform: uppercase; color: #777; letter-spacing: 1px; font-style: bold; font-size: 8px; }
j {font-family: calibri; text-transform: uppercase; color: #333; letter-spacing: 1px; font-size: 8px; }


</style>

<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=Archivo+Black&display=swap" rel="stylesheet">



<div class="table">
  <div class="main_box">

    <div class="gif_box">
    </div>

    
 <div class="gif2_box">
    </div>

 
 
    <div class="quote_box" id="fore">

We're all mad here
    </div>


    <div class="text_box-id">
      <div class="text_box-inner-id">

Figlia di John Miller, in arte Lickstar, e di Elizabeth Olivia Parker, meglio conosciuta come Opal. I genitori, in gioventù, han lavorato come pornostar, ed è così che si sono conosciuti. Con il matrimonio, Elizabeth ha smesso di lavorare, per poter così avere e crescere i propri figli, mentre John si è spostato dietro la cinepresa, diventando così un regista di film hard.

- Medea nasce a Philadelphia, e cresce così in un ambiente libero, ma la fama dei genitori non la aiuta nelle relazioni sociali, tanto che fatica a farsi degli amici, gli unici con cui riesce a stringere legami sono quelli che trova grazie a internet, ed è lì che si sviluppa il suo amore per l'informatica. E' vittima anche di episodi di bullismo, per quanto contenuti e moderati, per lo più viene presa in giro o del tutto ignorata e considerata strana.

- Il cambiamento avviene dopo la fine del suo secondo anno delle superiori, quando il padre viene chiamato a lavorare per una compagnia di produzione della California, e così tutta la famiglia si trasferisce.

- A Philadelphia, città dove non è conosciuta, le cose cambiano: anche grazie all'intervento laser a cui si sottopone per recuperare la vista ed abbandonare gli occhiali, riesce ad ottenere una sufficiente popolarità che le permette di terminare gli studi in tranquillità.

- Ciò che ha subito le lascia delle ferite, che vanno a sommarsi ad alcuni fatti personali occorsi durante le superiori, questo la porta a sviluppare un disturbo esplosivo-intermittente che riesce a tenere sotto controllo solo con l'aiuto del suo terapista, che la indirizza verso la boxe per canalizzare la sua rabbia in modo costruttivo.

- Nel frattempo i genitori decidono di avviare la loro personale casa di produzione di film hard, ma la crescente popolarità di OnlyFans sta mettendo in crisi l'industria tradizionale del porno, e i genitori confidano in Medea e nel suo corso di studi per risollevare la loro situazione.

- Durante il suo primo anno universitario (alla University of California) Medea crea un'app basata sul sexting, in grado di mettere virtualmente in contatto persone con gusti simili, in caso non si trovi nessun abbinamento soddisfacente l'utente ha sempre la possibilità di chattare con un'AI modellata secondo i suoi gusti. È soprattutto quest'ultimo aspetto ad attirare l'attenzione della Ludotec, una software house con sede nell'Indiana che le offre una borsa di studio per cambiare ateneo e avvicinarsi così alla sede aziendale, per poter più efficacemente collaborare con loro. Medea si trasferisce quindi alla Luddy School dell'Indiana University all'inizio del secondo anno.

- Pare però che, secondo alcune voci, la sua rabbia non sia sempre stata tenuta sotto controllo, alcuni ex compagni delle superiori ricordano qualche labbro spaccato, qualche rissa messa a tacere dai soldi, ma c'è anche chi si spinge oltre e mormora che, forse, Medea ha colto al volo l'occasione di cambiare università prima che venissero alla luce alcuni "incidenti" capitati nel campus in California.

<m1>100% Florida</m1> <g>- See you later alligator, after 'while crocodile -</g> figlia dell'ex capo della polizia di <g1>Edgewood</g1>; ha perso i genitori in un incidente con una <e>strana creatura</e>; <s>ma prima suo padre l'ha promossa a detective</s></k>; ogni tanto fissa il <j>vuoto</j> e ogni tanto sembra parlare <j> da sola </j>. Ha una passione per il <m1>caffè</m1> e la <m1> pizza </m1> ma stranamente resta magra. E' l'<b> ansia </b> vivente, sempre spaventata dalla possibilità di dire la cosa <b> sbagliata </b>. E' <m1> omosessuale </m1> con scarso successo. Ha qualche <g>problema a gestire l'autorità </g>. 


      </div>
    </div>


    

    
    
  </div>

  
</div>