fix: target='_new' for hrefs

src/thsf/static/css/custom.css

@@ -1,8 +1,5 @@
-.logo {
+@media screen and (min-width: 45em) {
-  width: inherit;
+  .header {
-}
-
-.header {
     display: flex;
     flex-direction: row;
     justify-content: center;
@@ -11,49 +8,96 @@
     font-size: 9.75em;
     font-weight: bold;
     padding: 0;
-}
+  }
-
+  .logo {
-.header > span {
+    width: inherit;
+  }
+  .header > span {
     margin: 0;
-}
+  }
-
+  .subheader {
-.subheader {
     margin: -1em 0 0 0;
     font-size: 3.47em;
-}
+  }
-
+  .place {
-.place {
     margin: 0;
     font-size: 2.145em;
-}
+  }
-
+  .important {
-.important {
     font-family: pfdintextcomppromedium;
-}
+  }
-
+  .left {
-.left {
     float: left;
     margin-right: 0.5em;
-}
+  }
-
+  .right {
-.right {
     float: right;
     margin-left: 0.5em;
-}
+  }
-
+  .logo_partner {
-.logo_partner {
     max-width: 250px;
     max-height: 250px;
     margin: 1em;
-}
+  }
-
+  .button {
-.button {
     font-size: 2.5em;
     transition-property: color;
     transition-duration: 1s;
-}
+  }
-
+  .button:hover {
-.button:hover {
     color: var(--main-color);
     cursor: pointer;
+  }
+}
+
+@media screen and (max-width: 44em) {
+  .header {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    gap: 0;
+    text-align: center;
+    font-size: 6.75em;
+    font-weight: bold;
+    padding: 0;
+  }
+  .header > span {
+    margin: 0;
+  }
+  .logo {
+    width: inherit;
+  }
+  .subheader {
+    margin: -1em 0 0 0;
+    font-size: 2.30em;
+  }
+  .place {
+    margin: 0;
+    font-size: 1.8em;
+  }
+  .important {
+    font-family: pfdintextcomppromedium;
+  }
+  .left {
+    float: left;
+    margin-right: 0.25em;
+  }
+  .right {
+    float: right;
+    margin-left: 0.25em;
+  }
+  .logo_partner {
+    max-width: 125px;
+    max-height: 125px;
+    margin: 0.25em;
+  }
+  .button {
+    font-size: 1.5em;
+    transition-property: color;
+    transition-duration: 1s;
+  }
+  .button:hover {
+    color: var(--main-color);
+    cursor: pointer;
+  }
 }

src/thsf/static/css/wrappers.css

@@ -1,4 +1,5 @@
-.page_wrapper {
+@media screen and (min-width: 45em) {
+  .page_wrapper {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -6,23 +7,20 @@
     align-content: center;
     text-align: center;
     padding-bottom: 5em;
-}
+  }
-
+  .center_wrapper,
-.center_wrapper,
+  .header_wrapper {
-.header_wrapper {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
-}
+  }
-
+  .logo_wrapper {
-.logo_wrapper {
     margin-top: 1em;
     width: 40em;
-}
+  }
-
+  .navbar_wrapper {
-.navbar_wrapper {
     position: fixed;
     bottom: 0;
     padding: 1em 0;
@@ -33,29 +31,84 @@
     gap: 2em;
     background-color: var(--main-bg-color);
     width: 100vw;
-}
+  }
-
+  .content {
-.content {
     font-size: 2em;
     font-family: pfdintextcompprothin;
     color: var(--main-color);
     width: 20em;
     text-align:justify;
     text-justify: inter-word;
-}
+  }
-
+  .partners {
-.partners {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
-}
+  }
-
+  .subpartners {
-.subpartners {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     text-align: center;
+  }
+}
+@media screen and (max-width: 44em) {
+  .page_wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+    text-align: center;
+    padding-bottom: 2em;
+  }
+  .center_wrapper,
+  .header_wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+  }
+  .logo_wrapper {
+    margin-top: 0.5em;
+    width: 35em;
+  }
+  .navbar_wrapper {
+    position: fixed;
+    bottom: 0;
+    padding: 0.5em 0;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 1em;
+    background-color: var(--main-bg-color);
+    width: 100vw;
+  }
+  .content {
+    font-size: 1em;
+    font-family: pfdintextcompprothin;
+    color: var(--main-color);
+    width: 20em;
+    text-align:justify;
+    text-justify: inter-word;
+  }
+  .partners {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+  }
+  .subpartners {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+  }
 }