Add files via upload

Lioydiano · Dec 19, 2021 · a819d58 · a819d58
1 parent 937c107
commit a819d58
Show file tree

Hide file tree

Showing 6 changed files with 94 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -1 +1 @@
-<meta http-equiv="refresh" content="0; url=src/index.html">
+<meta http-equiv="refresh" content="0; url=src/index.html">
diff --git a/src/Il-Lioydiano-mobile.html b/src/Il-Lioydiano-mobile.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="it-IT">
+    <head>
+        <!-- META -->
+        <meta charset="UTF-8">
+        <meta name="author" content="FLAK-ZOSO">
+        <meta name="keywords" content="HTML, CSS, JavaScript">
+        <meta name="description" content="Il Lioy ha un nuovo giornalino: Il Lioydiano">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <!-- TITLE -->
+        <title>Il Lioy ha un nuovo giornalino: Il Lioydiano</title>
+
+        <!-- ICONS -->
+        <link rel="icon" type="ico" href="../img/favicon.ico?">
+
+        <!-- STYLE -->
+        <link rel="stylesheet" href="css/a.css">
+        <link rel="stylesheet" href="css/div.css">
+        <link rel="stylesheet" href="css/paragraph.css">
+        <link rel="stylesheet" href="css/Il-Lioydiano-mobile.css">
+    </head>
+
+    <body id="body" class="bodyRed">
+        <!-- Autore e data -->
+        <div id="intro">
+            <p class="paragraphRed">
+                Questo articolo è stato scritto da <a class="red-blue" href="Asia-Marcheluzzo.html">Asia Marcheluzzo</a> e formattato da <a class="red-blue" href="https://github.com/FLAK-ZOSO">FLAK-ZOSO</a>.<br> É stato pubblicato il 19 Dicembre 2021.
+            </p>
+        </div>
+
+        <!-- Intestazione -->
+        <h1 id="Titolo" class="titleRed">Il Lioy ha un nuovo giornalino</h1>
+
+        <!-- Paragrafo -->
+        <div id="bodyDiv">
+            <p id="Paragrafo" class="paragraphRed">
+                Da quest’anno il Liceo Lioy terrà un giornalino a cui si potrà accedere tramite <code class="square">QR Code</code> e sito.<br><br>
+
+                <p class="paragraphRed">Ti senti portato per il giornalismo?<br>
+                Hai una goccia di inchiostro nel sangue?<br>
+                Sei innamorato delle notizie?<br><br>
+
+                Questo è il progetto che fa per te!</p>
+
+                <h1 class="titleRed">Partecipa!</h1>
+            </p>
+            <p class="paragraphRed">
+                Le richieste di partecipazione sono libere, per gli interessati compilare il modulo 
+                <a class="red-blue" href="https://docs.google.com/forms/d/e/1FAIpQLSevUqCIZbA3PxKKAHZzWSWSBtFdV0Yu2nyu1j-vniecgvmG4A/viewform?usp=pp_url" target="_blank">cliccando qui</a>.<br><br>
+
+                In caso di problemi con il modulo puoi contattarci <a class="red-blue" href="email.html" target="_blank">qui</a>.<br>
+            </p>
+        </div>
+
+        <!-- Citazione e fonte -->
+        <h1 class="titleRed">VI ASPETTIAMO NUMEROSI!</h1>
+    </body>
+</html>
diff --git a/src/Il-Lioydiano.html b/src/Il-Lioydiano.html
@@ -15,17 +15,16 @@
         <link rel="icon" type="ico" href="../img/favicon.ico?">
 
         <!-- STYLE -->
+        <link rel="stylesheet" href="css/a.css">
         <link rel="stylesheet" href="css/paragraph.css">
         <link rel="stylesheet" href="css/Il-Lioydiano.css">
-
-        <!-- JavaScript -->
     </head>
 
     <body id="body" class="bodyRed">
         <!-- Autore e data -->
         <div id="intro">
             <p class="paragraphRed">
-                Questo articolo è stato scritto da <a href="Asia-Marcheluzzo.html">Asia Marcheluzzo</a>, adattato da <a href="https://github.com/FLAK-ZOSO">FLAK-ZOSO</a>, e pubblicato il 19 Dicembre 2021.
+                Questo articolo è stato scritto da <a class="red-blue" href="Asia-Marcheluzzo.html">Asia Marcheluzzo</a>, adattato da <a class="red-blue" href="https://github.com/FLAK-ZOSO">FLAK-ZOSO</a>, e pubblicato il 19 Dicembre 2021.
             </p>
         </div>
 
@@ -46,9 +45,9 @@ <h1 class="titleRed">Partecipa!</h1>
             </p>
             <p class="paragraphRed">
                 Le richieste di partecipazione sono libere, per gli interessati compilare il modulo 
-                <a href="https://docs.google.com/forms/d/e/1FAIpQLSevUqCIZbA3PxKKAHZzWSWSBtFdV0Yu2nyu1j-vniecgvmG4A/viewform?usp=pp_url" target="_blank">cliccando qui</a>.<br><br>
+                <a class="red-blue" href="https://docs.google.com/forms/d/e/1FAIpQLSevUqCIZbA3PxKKAHZzWSWSBtFdV0Yu2nyu1j-vniecgvmG4A/viewform?usp=pp_url" target="_blank">cliccando qui</a>.<br><br>
 
-                In caso di problemi con il modulo puoi contattarci <a href="https://flak-zoso.github.io/Email.html" target="_blank">qui</a>.<br>
+                In caso di problemi con il modulo puoi contattarci <a class="red-blue" href="email.html" target="_blank">qui</a>.<br>
             </p>
         </div>
 

diff --git a/src/css/Il-Lioydiano-mobile.css b/src/css/Il-Lioydiano-mobile.css
@@ -0,0 +1,20 @@
+#body {
+    background-color: rgb(0, 0, 0);
+    color: red;
+    align-self: center; 
+    align-content: center; 
+    text-align: center;
+}
+#intro, #bodyDiv {
+    border-radius: 20px; 
+    border: 1px white groove; 
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    background-color: black;
+}
+#Titolo {
+    padding-bottom: 5px;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-size: x-large;
+}
diff --git a/src/css/a.css b/src/css/a.css
@@ -1,12 +1,15 @@
 .red-blue {
-    color: red;
+    color: blue;
     display: inline-block;
     text-decoration: none;
 }
 .red-blue:hover {
     color: blue;
     text-decoration: blue double;
-    transform: translateY(-10px)
+    transform: translateY(-10px);
+}
+.red-blue:active {
+    color: blue;
 }
 
 
@@ -17,5 +20,8 @@
 .red:hover {
     color: blue;
     text-decoration: blue double;
-    transform: scale(1.2);
+}
+.red:active {
+    color: red;
+    text-decoration: red;
 }
diff --git a/src/email-mobile.html b/src/email-mobile.html
@@ -35,7 +35,7 @@ <h1>Email</h1><hr>
 
         <div id="strumentDiv" class="intro">
             <div id="inputDiv" class="code">
-                <textarea id="mailBody" cols="30" rows="10" placeholder="Corpo della mail. Massima lunghezza: 2000." maxlength="2000"></textarea><br>
+                <textarea id="mailBody" cols="30" rows="10" placeholder="Corpo della mail.&#10Massima lunghezza: 2000." maxlength="2000"></textarea><br>
 
                 <button id="getButton" class="submit" type="button">Crea link</button>
                 <button id="copyButton" class="submit" type="button">Copia link</button><br>