Merge pull request #17 from PythonBiellaGroup/develop

Develop

Author: airaghidavide

docs/style/extra.css

@@ -18,18 +18,19 @@
   padding-top: calc(10vh);
 }
 
+.homepage_container {
+  text-align: center; 
+  padding-top: calc(10vh);
+}
+
 .home_normal_text {
-  /* text-align: center; */
   display: grid;
-  /* display: flex; */
-  /* grid-template-columns: 1fr 3fr 1fr; */
   justify-items: center;
   margin-left: 3rem;
   padding-left: 1rem;
   margin-right: 3rem;
   padding-right: 1rem;
   color: white;
-  /* align-items: center; */
   font-family: var(--md-text-font);
   font-size: 1rem;
   line-height: 1.5;
@@ -46,27 +47,41 @@
 
 @media (max-width: 768px) {
   .homepage_icon {
-    width: 5rem;
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
+    width: 2rem;
+    margin-left: 1rem;
+    margin-right: 1rem;
   }
   .homepage_logo {
     width: 50%;
+    padding-top: calc(3vh);
   }
   .home_normal_text {
     font-size: 0.8rem;
+    margin-left: 1rem;
+    padding-left: 0.5rem;
+    margin-right: 1rem;
+    padding-right: 0.5rem;
+    font-size: 1rem;
+    line-height: 1.5;
   }
 }
 
-@media (max-width: 480px) {
+@media (max-width: 375px) {
   .homepage_icon {
-    width: 1.5rem;
+    width: 2rem;
+    margin-left: 0.8rem;
+    margin-right: 0.8rem;
   }
   .homepage_logo {
-    width: 50%;
+    width: 30%;
+    padding-top: calc(2vh);
   }
   .home_normal_text {
-    font-size: 0.8rem;
+    font-size: 0.7rem;
+    margin-left: 1rem;
+    padding-left: 0.5rem;
+    margin-right: 1rem;
+    padding-right: 0.5rem;
   }
 }
 

overrides/404.html

@@ -5,22 +5,16 @@
   <div style="text-align: center;">
     <img src="/static/images/logo/PBG_logo_W@300x.png" alt="404 Image" style="width: 50%; max-width: 400px; padding-bottom: 1rem;">
     <h1 style="font-size: 35px;">404 - Not found</h1>
-    <p style="font-size: 20px;">Oops!✨ It seems like you've lost your way in the world of 404.
+    <p style="font-size: 20px;">Oops!✨ Sembra che tu abbia perso la strada nel mondo del 404.
 
-      Don't worry, the page you're looking for seems to have hidden away for a bit. But fear not, there are still plenty
-      of interesting things to discover here!
+      Non temere, anche gli errori ci insegnano qualcosa. Respira profondamente, abbraccia lo zen di Python e ritorna al percorso principale con "import this".
 
-      Go back and continue your exploration, you might find something surprising along the way!
-      <br>
-      Good luck! 🌟🗺️
-    </p>
+      Continua a programmare, continua a esplorare!</p>
     <hr style="border-top: 2px solid grey;">
-    <p style="font-size: 20px;">Ops!✨ Sembra che tu abbia perso la strada nel mondo del 404.
+    <p style="font-size: 20px;">Oops!✨ It seems like you've lost your way in the world of 404.
+
+      Don't worry, even errors teach us something. Take a deep breath, embrace the Zen of Python, and return to the main path with "import this".
 
-        Non preoccuparti, la pagina che cerchi sembra essersi nascosta per un po'. Ma non temere, ci sono ancora molte cose interessanti da scoprire qui!
-        
-        Torna indietro e continua la tua esplorazione, potresti trovare qualcosa di sorprendente lungo il percorso!
-        <br>
-        Buona fortuna! 🌟🗺️</p>
+      Keep coding, keep exploring!</p>
   </div>
 {% endblock %}

overrides/home.en.html

@@ -3,13 +3,13 @@
 {{ super() }}
 
 <header
-    style="background-image: url('static/images/logo/web_cover.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100vh;">
+    style="background-image: url('../static/images/logo/web_cover.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100vh;">
 
     <div >
-        <img class="homepage_logo" src="static/images/logo/website_logo.png" alt="Logo"/>
+        <img class="homepage_logo" src="../static/images/logo/website_logo.png" alt="Logo"/>
     </div>
 
-    <div style="text-align: center; padding-top: calc(10vh);">
+    <div class="homepage_container">
 
         <p class="home_normal_text middle-content">
             We are a community of Python and technology enthusiasts, meeting live and online to share
@@ -24,7 +24,7 @@
     <div style="text-align: center; padding-top: calc(10vh);">
 
         <p class="home_normal_text middle-content">
-            Here you can find all our contacts and social channels to stay updated on our activities
+            Here you can find all our contacts
         </p>
 
         <div class="homepage_icons_column">
@@ -82,7 +82,7 @@
 
     <div style="text-align: center; padding-top: 2rem;">
 
-        <a href="#benvenut" title="Home">
+        <a href="#welcome" title="Home">
             <span class="twemoji homepage_icon homepage_arrow" style="width: 2rem">
                 {% include ".icons/octicons/chevron-down-24.svg" %}
             </span>

overrides/home.html

@@ -9,7 +9,7 @@
         <img class="homepage_logo" src="static/images/logo/website_logo.png" alt="Logo"/>
     </div>
 
-    <div style="text-align: center; padding-top: calc(10vh);">
+    <div class="homepage_container">
 
         <p class="home_normal_text middle-content">
             Siamo una community di appassionati di Python e di tecnologia, ci incontriamo dal vivo ed online per condividere
@@ -24,7 +24,7 @@
     <div style="text-align: center; padding-top: calc(10vh);">
 
         <p class="home_normal_text middle-content">
-            Qui puoi trovare tutti i nostri contatti e canali social per rimanere sempre aggiornato sulle nostre attività
+            Qui puoi trovare tutti i nostri contatti
         </p>
 
         <div class="homepage_icons_column">