adding back some stuff from old server

2025-02-13 13:27:23 -05:00
parent a4ec676804
commit 867be2b817
45 changed files with 12632 additions and 17 deletions
--- a/french-pub/CAone/main.css
+++ b/french-pub/CAone/main.css
@@ -0,0 +1,178 @@
+@keyframes bounce {
+    0% {
+        margin-top: 0px;
+    }
+    25% {
+        margin-top: 100px;
+    }
+    50% {
+        margin-top: 0px;
+    }
+    75% {
+        margin-top: -100px;
+    }
+    100% {
+        margin-top: 0px;
+    }
+}
+
+@font-face {
+    font-family: "Cantarell var";
+    font-weight: 100 900;
+    font-display: swap;
+    font-style: normal;
+    font-named-instance: "Regular";
+    src: url("https://swaous.asuscomm.com/Cantarell-VF.otf") format("opentype");
+}
+
+* {
+    font-family: Cantarell;
+    margin: 0px;
+    padding: 0px;
+    text-align: center;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    overflow: hidden;
+}
+
+body{
+    overflow-y: hidden;
+}
+
+#head {
+    width: 100vw;
+    height: 100vh;
+    background-color: white;
+    transition: background-color 3s;
+    position: relative;
+}
+
+#head-inner {
+    position: absolute;
+    display: inline-block;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+}
+
+#scrollDown {
+    position: absolute;
+    top: 80%;
+    left: 50%;
+    transform: translate(-50%, -100%);
+    display: none;
+    color: green;
+    font-family: monospace;
+    font-weight: bold;
+    font-size: 1.5em;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+}
+
+#scrollDown.ready {
+    display: inline;
+}
+
+.page {
+    width: 100vw;
+    height: 100vh;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
+
+#secondpage {
+    background-color: black;
+    color: white;
+}
+
+#thirdpage {
+    background-color: black;
+}
+
+#thirdpage > div > p{
+    background-image: linear-gradient(to right, blue 33%, white 33%, white 66%, red 66%);
+    background-clip: text;
+    color: transparent;
+    font-weight: bold;
+    font-size: 1.5em;
+}
+
+#fourthpage > div > ol > li {
+    text-align: left;
+    margin-bottom: 1em;
+}
+
+ol {
+    height: 20vh;
+    overflow: hidden;
+}
+
+li {
+    margin-left: 5ch;
+    overflow: visible;
+}
+
+#firstpage {
+    background-color: white;
+}
+
+.page > div {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: left;
+    max-width: 60vw;
+}
+
+b {
+    color: green;
+}
+
+#final {
+    height: 100vh;
+    overflow: hidden;
+}
+
+#final-inner {
+    position: fixed;
+    top: 50%;
+    width: 100vw;
+    padding-left: 25vw;
+    padding-right: 25vw;
+    box-sizing: border-box;
+    color: white;
+    font-weight: bold;
+    overflow: visible;
+}
+
+#youfinished {
+    position: absolute;
+    top: 250%;
+    left: 50%;
+    transform: translate(-50%, -100%);
+    color: green;
+    font-family: monospace;
+    font-weight: bold;
+    font-size: 1.5em;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+}
+
+img{
+    box-sizing: border-box;
+    padding-left: 20%;
+    padding-right: 20%;
+    max-width: 100%;
+    transition: padding 1s;
+}
+
+img:hover {
+    padding-left: 10%;
+    padding-right: 10%;
+}