added a lot of unnecessary things

Timoite · Dec 8, 2024 · c371a94 · c371a94
1 parent cf2f24f
commit c371a94
Show file tree

Hide file tree

Showing 11 changed files with 51 additions and 3 deletions.
diff --git a/properties/fonts/NaNSerfAText-Black.ttf b/properties/fonts/NaNSerfAText-Black.ttf
diff --git a/properties/fonts/NaNSerfAText-Light.ttf b/properties/fonts/NaNSerfAText-Light.ttf
diff --git a/properties/fonts/NaNSerfAText-Medium.ttf b/properties/fonts/NaNSerfAText-Medium.ttf
diff --git a/properties/pic/2.jpg b/properties/pic/2.jpg
diff --git a/properties/pic/3.jpg b/properties/pic/3.jpg
diff --git a/properties/pic/4.jpg b/properties/pic/4.jpg
diff --git a/properties/pic/5.jpg b/properties/pic/5.jpg
diff --git a/properties/pic/6.jpg b/properties/pic/6.jpg
diff --git a/properties/pic/7.jpg b/properties/pic/7.jpg
diff --git a/properties/pic/8.jpg b/properties/pic/8.jpg
diff --git a/styles.css b/styles.css
@@ -25,6 +25,11 @@
     src: url(properties/fonts/NaNWeiss-ExtraBlack.ttf) format('truetype');
 }
 
+@font-face {
+    font-family: "NaNSerfAText-Medium";
+    src: url(properties/fonts/NaNSerfAText-Medium.ttf) format('truetype');
+}
+
 
 
 body {
@@ -53,18 +58,61 @@ body {
     display: block; /* full width */
     margin-bottom: 15px;
     text-decoration: none;
-    color:#000;
     font-size: 2.5rem;
     font-family: "NaNSuccessText-Black";
+    font-weight: 400;
+    transition: transform 0.5s ease;
+}
+
+.sidebar a:hover {
+    font-weight:600;
+    transform: translateX(10px); 
 }
 
 .content {
     grid-column: 2;  /* Place in second column */
-    padding: 20px;
     overflow-y: auto;
     margin-left: 2%;
     margin-right: 2%;
-    font-family: "OPPOSans-Medium";
+    font-family: "NaNSerfAText-Medium";
+    font-size: Large;
+}
+
+
+.gallery {
+    width: 100%;
+    height: 800px; /* Adjust as needed */
+    position: relative;
+    overflow: hidden;
+}
+
+.gallery-container {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.gallery-item {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    object-fit: cover; /* This maintains aspect ratio */
+}
+
+.gallery-item.active {
+    opacity: 1;
+}
+
+
+.page {
+    display: none; /* Hide all pages by default */
+}
+
+.page.active {
+    display: block; /* Show active page */
 }
 
 .right-column {