diff --git a/src/main/webapp/CSS/500.css b/src/main/webapp/CSS/500.css index 90e2a52..12c159a 100644 --- a/src/main/webapp/CSS/500.css +++ b/src/main/webapp/CSS/500.css @@ -1,4 +1,4 @@ -@charset "ISO-8859-1"; + *{ padding: 0; margin: 0; diff --git a/src/main/webapp/CSS/homepageGuest.css b/src/main/webapp/CSS/homepageGuest.css new file mode 100644 index 0000000..6892f01 --- /dev/null +++ b/src/main/webapp/CSS/homepageGuest.css @@ -0,0 +1,83 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +.background { + background-color: white; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; +} + +.container { + text-align: center; + padding: 20px; + border: 4px solid #199a8e; + border-radius: 20px; +} + +.text { + font-weight: 600; + color: #221f1f; + font-size: 16px; + line-height: 1.5; + margin: 20px 0; + border: 2px solid #199a8e; + border-radius: 10px; + padding: 15px; +} + +.bordo_pulsante { + display: inline-block; + padding: 30px 60px; + border-radius: 20px; + text-align: center; + text-decoration: none; + cursor: pointer; + font-size: 18px; + margin: 15px; + background-color: #199a8e; + color: white; + border: 4px solid #199a8e; +} + +.bordo_pulsante:hover { + background-color: #52d1c6bd; +} + +.image { + width: 40px; + height: 40px; + margin-top: 20px; + background-image: url(./img/ellipse-28-4.png); + background-size: cover; + border: 4px solid #199a8e; + border-radius: 20px; +} + +/* Media query per adattarsi a schermi di dimensioni diverse */ +@media only screen and (max-width: 600px) { + .container { + padding: 10px; + } + + .text { + font-size: 14px; + margin: 10px 0; + padding: 10px; + } + + .bordo_pulsante { + font-size: 16px; + padding: 25px 50px; + } + + .image { + margin-top: 10px; + } +} diff --git a/src/main/webapp/JSP/homepageGuest.jsp b/src/main/webapp/JSP/homepageGuest.jsp new file mode 100644 index 0000000..d622176 --- /dev/null +++ b/src/main/webapp/JSP/homepageGuest.jsp @@ -0,0 +1,30 @@ +<%@ page contentType="text/html;charset=UTF-8" language="java" %> + + + + + Homepage + + + + +
+ +
+ + TALKAID è un avanzato progetto di riabilitazione per disabilità del linguaggio. Offre trattamenti a distanza, personalizzati grazie all'Intelligenza Artificiale, facilitando logopedisti e motivando i pazienti con il monitoraggio dei progressi. La flessibilità di esercizi da casa elimina barriere, rendendo il percorso accessibile e confortevole. Il sistema, pensato per adulti responsabili, mira a rivoluzionare l'approccio inclusivo e centrato sulla persona per affrontare le disabilità del linguaggio. + + +
+ +
+
+ +
+
+
+ + +