Merge pull request #52 from patelkrish5090/main

Final changes done of site
SEDSCelestiaBPGC · Aug 30, 2024 · 3d55a1f · 3d55a1f
2 parents 23ae9a1 + 3a284f6
commit 3d55a1f
Show file tree

Hide file tree

Showing 8 changed files with 54 additions and 29 deletions.
diff --git a/src/lib/components/site/footer.svelte b/src/lib/components/site/footer.svelte
@@ -56,6 +56,8 @@
         <a target="_blank" href={links.web.sedsi}>SEDS India</a>
         <br />
         <a target="_blank" href={links.web.sedse}>SEDS Earth</a>
+        <br />
+        <a target="_blank" href={links.web.obssite}>Observatory Website</a>
     </div>
 </celestia-footer>
 

diff --git a/src/lib/components/site/nav.svelte b/src/lib/components/site/nav.svelte
@@ -77,7 +77,7 @@
     }
   }
   #nav {
-    top: 10px;
+    top: 0px;
     left: 20px;
     height: 0;
     .active {

diff --git a/src/lib/data/routes.json b/src/lib/data/routes.json
@@ -10,7 +10,8 @@
         "educelestia": "https://edu.sedscelestia.org/",
         "sedsc": "http://sedscelestia.org",
         "sedsi": "https://sedsindia.org",
-        "sedse": "http://sedsearth.org"
+        "sedse": "http://sedsearth.org",
+        "obssite": "https://skyblazeastronomy.wixsite.com/agastya"
     },
     "social": {
         "ig": "https://instagr.am/sedscelestia/",

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -28,18 +28,14 @@
 			<div class="z-0 po-abs w-gen logo">
 				<Logo wd="200" />
 			</div>
-			<img
-				class="m-0 w-100 h-100"
-				src="https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/thumbnails/image/pillars_of_creation.jpg"
-				alt=""
-			/>
 		</div>
 		<div
 			class="p-20 po-abs flex jtx-ct welc"
 			bg="0008"
 			style="height:calc(100% - 40px);width:calc(100% - 40px)"
 		>
 			Welcome to SEDS Celestia
+
 		</div>
 		<div class="po-abs w-100 flex jtx-ct darr">&darr;</div>
 	</div>
@@ -71,24 +67,25 @@
 			</article>
 		</Containr>
 		<Containr title="Connect With Us" icon="heart" bg="66e-37f">
-			<article class="p-10 flex jtx-ev" slot="body">
-				<a target="_blank" href={links.content.yt}>
-					<img size="ic-lg" src="{base}/assets/icons/youtube.svg" alt="Youtube" />
-				</a>
-				<a target="_blank" href={links.social.fb}>
-					<img size="ic-lg" src="{base}/assets/icons/facebook.svg" alt="Facebook" />
-				</a>
-				<a target="_blank" href={links.social.ig}>
-					<img size="ic-lg" src="{base}/assets/icons/insta.svg" alt="Instagram" />
-				</a>
-				<a target="_blank" href={links.social.tw}>
-					<img size="ic-lg" src="{base}/assets/icons/twitter.svg" alt="Twitter" />
-				</a>
-				<a target="_blank" href={links.social.spo}>
-					<img size="ic-lg" src="{base}/assets/icons/spotify.svg" alt="Spotify" />
-				</a>
+			<article class="social-links" slot="body">
+			  <a target="_blank" href={links.content.yt}>
+				<img class="social-icon" src="{base}/assets/icons/youtube.svg" alt="Youtube" />
+			  </a>
+			  <a target="_blank" href={links.social.fb}>
+				<img class="social-icon" src="{base}/assets/icons/facebook.svg" alt="Facebook" />
+			  </a>
+			  <a target="_blank" href={links.social.ig}>
+				<img class="social-icon" src="{base}/assets/icons/insta.svg" alt="Instagram" />
+			  </a>
+			  <a target="_blank" href={links.social.tw}>
+				<img class="social-icon" src="{base}/assets/icons/twitter.svg" alt="Twitter" />
+			  </a>
+			  <a target="_blank" href={links.social.spo}>
+				<img class="social-icon" src="{base}/assets/icons/spotify.svg" alt="Spotify" />
+			  </a>
 			</article>
-		</Containr>
+		  </Containr>
+
 	</section>
 </celestia-page>
 
@@ -122,4 +119,31 @@
 		height: 400px;
 		overflow-y: scroll;
 	}
+	.social-links {
+		display: flex;
+		justify-content: space-evenly;
+		padding: 10px;
+	}
+
+	.social-icon {
+		width: 48px;
+		height: 48px;
+		transition:
+			width 0.3s,
+			height 0.3s;
+	}
+
+	@media (max-width: 768px) {
+		.social-icon {
+			width: 40px;
+			height: 40px;
+		}
+	}
+
+	@media (max-width: 480px) {
+		.social-icon {
+			width: 32px;
+			height: 32px;
+		}
+	}
 </style>
diff --git a/src/routes/events/+page.svelte b/src/routes/events/+page.svelte
@@ -52,7 +52,7 @@
 <title>Events | SEDS Celestia</title>
 
 <celestia-page>
-  <h1 class="tx-c po-stx z-4 m-0" style="top: 0;" bg="000-nil">Events</h1>
+  <h1 class="tx-c po-stx p-10 z-4 m-h-auto" style="top:0px;" bg="000-nil">Events</h1>
   <section class="adaptive">
     <div
       size="max"

diff --git a/src/routes/observations/+page.svelte b/src/routes/observations/+page.svelte
@@ -14,7 +14,7 @@
 
 <title>Observations | SEDS Celestia</title>
 <celestia-page>
-	<h1 class="tx-c po-stx z-4 m-0" style="top: 0;" bg="000-nil">Observations</h1>
+	<h1 class="tx-c po-stx p-10 z-4 m-h-auto" style="top:0px;" bg="000-nil">Observations</h1>
 	<section class="adaptive">
 		<div id="art" size="max" class="m-h-auto" style="margin-bottom:10px;">
 			<Canvas image="{base}/assets/onthehouse/obsArt.png" bg="0008" height="400" width="400" />

diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
@@ -20,9 +20,7 @@
 <title>Projects | SEDS Celestia</title>
 <celestia-page>
   <Comet />
-  <h1 class="tx-c po-stx p-10 z-4 w-50 m-h-auto" style="top:0;" bg="000-nil">
-    Projects
-  </h1>
+  <h1 class="tx-c po-stx p-10 z-4 m-h-auto" style="top:0px;" bg="000-nil">Projects</h1>
   <section class="adaptive">
     <div id="art" size="max" class="m-h-auto">
       <Canvas

diff --git a/static/assets/pillars.png b/static/assets/pillars.png