Merge pull request #2408 from KRTirtho/dev

chore: add new images

website/package.json

@@ -60,5 +60,15 @@
     "remark-reading-time": "^1.0.1",
     "svelte-fa": "^4.0.2",
     "svelte-markdown": "^0.4.1"
+  },
+  "packageManager": "pnpm@10.4.0+sha512.6b849d0787d97f8f4e1f03a9b8ff8f038e79e153d6f11ae539ae7c435ff9e796df6a862c991502695c7f9e8fac8aeafc1ac5a8dab47e36148d183832d886dd52",
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@fortawesome/fontawesome-common-types",
+      "@fortawesome/free-brands-svg-icons",
+      "@sveltejs/kit",
+      "esbuild",
+      "svelte-preprocess"
+    ]
   }
 }

website/posts/from-idea-to-impact.md

@@ -0,0 +1,36 @@
+---
+title: From Idea to Impact
+author: Prottoy Roy
+date: 2024-12-22
+published: true
+cover_img: /images/from-idea-to-impact/cover.jpg
+---
+
+> An school magazine article by the beloved brother of the founder of the Spotube app
+
+In the vibrant city of Narayanganj, Dhaka, Bangladesh, a young man named Kingkor Roy Tirtho was carving out his path in the world of technology. Currently a second-year Computer Science and Engineering (CSE) student at East West University, Kingkor had always been captivated by the magic of coding. From a young age, he spent countless hours tinkering with computers, teaching himself programming languages and exploring the digital realm.
+
+Kingkor's passion wasn't just about writing code; it was about solving problems and creating innovative solutions. Inspired by the way technology could enhance everyday life, he dreamed of building apps that would bring joy and convenience to users. His dedication was evident; he often participated in hackathons and coding competitions, where he showcased his talent and creativity.
+
+The turning point in his journey came when he envisioned an app that would revolutionize music streaming. With millions of people seeking accessible music, he wanted to create a platform that could bridge gaps and provide a seamless experience. Thus, Spotube was born.
+
+Initially, Kingkor faced numerous challenges. Balancing his academic responsibilities with app development was no easy feat. There were nights filled with coding, debugging, and sleepless hours fueled by caffeine and determination. Despite setbacks and moments of self-doubt, Kingkor remained resilient. He sought feedback, learned from criticisms, and continually iterated on his project.
+
+As Spotube gained traction, it garnered attention for its user-friendly interface and innovative features. Kingkor’s ability to blend technical skills with an understanding of user needs made the app a hit among music lovers. He received positive reviews, not just for the functionality, but for the passion evident in his work.
+
+Kingkor’s story is one of perseverance and innovation. He embodies the spirit of a new generation of tech enthusiasts who believe that with dedication, anything is possible. His journey serves as an inspiration to his peers at East West University and beyond, reminding them that the intersection of creativity and technology can lead to remarkable achievements.
+
+Today, Kingkor continues to evolve as a developer, always looking for ways to improve Spotube and explore new ideas. His story illustrates that genius isn't just about raw talent; it's about hard work, resilience, and the willingness to dream big. Kingkor Roy Tirtho is a shining example of what can be achieved when passion meets perseverance, and he is just getting international attentions.
+
+Here is some key features of Spotube:
+
+1. **Seamless Music Streaming**: Spotube offers a smooth streaming experience with a vast library of tracks, allowing users to easily find and play their favorite songs.
+1. **Offline Listening**: Users can download their favorite tracks for offline playback, making it convenient to enjoy music anytime, anywhere, without relying on an internet connection.
+1. **User-Friendly Interface**: The app is designed with an intuitive interface, making navigation easy for users of all ages. Its clean layout ensures a pleasant user experience.
+1. **Cross-Platform Compatibility**: Spotube is accessible on multiple devices, enabling users to enjoy their music on smartphones, tablets, and desktops seamlessly.
+1. **Personalized Playlists**: Users can create and manage their playlists, helping them curate their listening experience based on their mood and preferences.
+1. **Social Sharing Features**: The app allows users to share their favorite tracks and playlists with friends and family, fostering a community of music lovers.
+1. **Regular Updates**: Spotube is continually updated with new features and improvements based on user feedback, reflecting Kingkor's commitment to enhancing the app's performance and user satisfaction.
+1. **Global Reach**: With its growing popularity, Spotube is gaining attention worldwide, attracting users from various countries and cultures, showcasing Kingkor’s vision of accessible music for everyone. He's recently got mentioned in a Spanish well known magazine for his invention.
+
+As Spotube continues to evolve, Kingkor Roy Tirtho's innovative approach is positioning him and his app as significant players in the music streaming landscape, capturing the attention of users and industry experts alike.

website/src/app.html

@@ -14,7 +14,7 @@
   <!-- Android Chrome -->
   <link rel="manifest" href="%sveltekit.assets%/manifest.json" />
   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6419300932495863"
-    crossorigin="anonymous"></script>
+    data-overlays="bottom" crossorigin="anonymous"></script>
 
   %sveltekit.head%
 </head>

website/src/app.postcss

@@ -9,3 +9,15 @@
 	src: url('/fonts/AbrilFatface.ttf');
 	font-display: swap;
 }
+
+.text-stroke {
+	text-shadow:
+		-1px -1px 0 #000,
+		1px -1px 0 #000,
+		-1px 1px 0 #000,
+		1px 1px 0 #000,
+		-1px 0 0 #000,
+		1px 0 0 #000,
+		0 -1px 0 #000,
+		0 1px 0 #000;
+}

website/src/lib/index.ts

@@ -97,7 +97,7 @@ export const extendedNightlyDownloadLinks: Record<
 export const ADS_SLOTS = Object.freeze({
 	rootPageDisplay: 5979549631,
 	blogPageInFeed: 3386010031,
-	downloadPageDisplay: 9521642154,
+	downloadPageDisplay: 9928443050,
   packagePageArticle: 9119323068,
   // This is being used for rehype-auto-ads in svelte.config.js
   blogArticlePageArticle: 6788673194,

website/src/routes/+page.svelte

@@ -53,17 +53,9 @@
 				built with Electron (web technologies)
 			</p>
 			<br />
-			<div class="flex items-center">
-				<a
-					href="https://play.google.com/store/apps/details?id=oss.krtirtho.spotube"
-					target="_blank"
-				>
-					<img
-						class="-m-2"
-						src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"
-						alt="Google PlayStore"
-						width="200"
-					/>
+			<div class="flex items-center gap-3">
+				<a href="https://news.ycombinator.com/item?id=39066136" target="_blank">
+					<img src="https://hackerbadge.vercel.app/api?id=39066136" alt="HackerNews" />
 				</a>
 				<a href="https://flathub.org/apps/com.github.KRTirtho.Spotube" target="_blank">
 					<img
@@ -73,12 +65,7 @@
 					/>
 				</a>
 			</div>
-			<br />
-			<a href="https://news.ycombinator.com/item?id=39066136" target="_blank">
-				<img src="https://hackerbadge.vercel.app/api?id=39066136" alt="HackerNews" />
-			</a>
 		</div>
-		<br class="hidden md:block" />
 		<div class="flex justify-center">
 			<a href="/downloads" class="flex gap-2 btn variant-filled-primary">
 				Download

website/src/routes/blog/[slug]/+page.svelte

@@ -5,7 +5,7 @@
 	export let data: PageData;
 	const {
 		Content,
-		meta: { date, title, readingTime, cover_img }
+		meta: { date, title, readingTime, cover_img, author }
 	} = data as Required<PageData>;
 </script>
 
@@ -20,7 +20,8 @@
 			: null}
 		style={cover_img ? `background-image: url(/posts/${cover_img});` : ''}
 	>
-		<h1 class={`h1 ${cover_img ? 'text-white' : ''}`}>{title}</h1>
+		<h1 class={`h1 text-stroke ${cover_img ? 'text-white' : ''}`}>{title}</h1>
+		<h4 class={`h4 text-stroke text-gray-400`}>By {author}</h4>
 		<br />
 		<p class={cover_img ? 'text-gray-400' : ''}>{new Date(date).toDateString()}</p>
 		<p class={`mb-16 ${cover_img ? 'text-gray-400' : ''}`}>{readingTime?.text ?? ''}</p>

website/src/routes/other-downloads/stable-downloads/+page.ts

@@ -0,0 +1,5 @@
+import { redirect } from "@sveltejs/kit";
+
+export function load(){
+  redirect(301, "/downloads");
+}